/* base.css — Reader briefing page foundations.

   Self-hosted variable fonts (Inter, Alkatra) + single-weight Slabo
   13px / 27px for article body. Run scripts/download-fonts.js once
   on the host to fetch the WOFF2 files into html-root/fonts/. The
   `woff2-variations` format is preferred by modern browsers; the
   plain `woff2` fallback covers older Safari that doesn't recognize
   the variations keyword (both point to the same file).

   Sibling files (load in this order — see index.html):
     briefing-layout.css   — .app grid + .main + .content
     briefing-sidebar.css  — sidebar nav + region collapse + admin link
     briefing-content.css  — news-item cards + mark-as-read + headers
     portal.css            — manga / comic portal grid landing
     reader.css            — reader chrome (topbar, canvas, RTL, etc.)
     reader-overlays.css   — chapter list, settings, onboarding modals */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Variable.woff2') format('woff2-variations'),
       url('../fonts/Inter-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Alkatra';
  src: url('../fonts/Alkatra-Variable.woff2') format('woff2-variations'),
       url('../fonts/Alkatra-Variable.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Slabo 13px';
  src: url('../fonts/Slabo-13px.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Slabo 27px';
  src: url('../fonts/Slabo-27px.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

*{margin:0;padding:0;box-sizing:border-box}
body{background:#f5f6fa;color:#1a1d26;font-family:'Inter',sans-serif;line-height:1.6}