/* Injected by nginx sub_filter into acro-generated index/indexpage/indepage HTML. Goal is light-touch consistency: typography + a centred content column. We do NOT restyle acro's headings, tables, links, or backgrounds — acro pages keep their own look. */ @font-face { font-family: 'esphimere'; src: url('/assets/fonts/esphimere-webfont.woff2') format('woff2'), url('/assets/fonts/esphimere-webfont.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* Acro's vertical gradient image, applied to so it fills the viewport regardless of body width. Same file as uses on real acro pages — bundled here so the SPA shares the same surface. */ html { background: #ffffff url('/assets/acro-bg.png') repeat-x top left; min-height: 100vh; } /* Font override and centred 880px column on body. acro pages have attribute (which our sub_filter match doesn't fire on, so .ba-injected-content wrapper isn't injected on them); centring the body itself accomplishes the same thing without needing the wrapper. background: transparent so the html gradient shows through. */ body { font-family: 'esphimere', Tahoma, Arial, sans-serif !important; max-width: 880px !important; margin: 0 auto !important; background: transparent !important; } /* Override acro's hardcoded tags and inline