/* Switchback branding for the demo (DEMO_MODE only; injected by src/demo.js after the app's own CSS).
   Matches switchbackmes.com: ink #13202E, blue #3D6BE0 / #2F5BD3, paper #EDF0F2, Barlow Condensed headings,
   IBM Plex Sans text, IBM Plex Mono labels. Fonts are self-hosted (SIL Open Font License, see fonts/). */

/* Brand fonts. The app's own font stacks (Helvetica Neue / Helvetica / Arial, JetBrains Mono) are mapped onto
   the brand fonts by name, so every page picks them up without touching its CSS. */
@font-face{font-family:'Barlow Condensed';font-weight:500;font-display:swap;src:url(./fonts/barlow-condensed-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url(./fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700 900;font-display:swap;src:url(./fonts/barlow-condensed-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:100 449;font-display:swap;src:url(./fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:450 549;font-display:swap;src:url(./fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:550 649;font-display:swap;src:url(./fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-weight:650 900;font-display:swap;src:url(./fonts/ibm-plex-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:100 449;font-display:swap;src:url(./fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:450 649;font-display:swap;src:url(./fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:650 900;font-display:swap;src:url(./fonts/ibm-plex-mono-latin-700-normal.woff2) format('woff2')}
/* Name aliases for the app's stacks */
@font-face{font-family:'Helvetica Neue';font-weight:100 449;src:url(./fonts/ibm-plex-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Helvetica Neue';font-weight:450 549;src:url(./fonts/ibm-plex-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Helvetica Neue';font-weight:550 649;src:url(./fonts/ibm-plex-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Helvetica Neue';font-weight:650 900;src:url(./fonts/ibm-plex-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:100 449;src:url(./fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:450 649;src:url(./fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:650 900;src:url(./fonts/ibm-plex-mono-latin-700-normal.woff2) format('woff2')}

body{font-family:'IBM Plex Sans','Helvetica Neue',Helvetica,Arial,sans-serif}
/* Headings in the brand's condensed display face */
h1,h2,.sb-display{font-family:'Barlow Condensed','Arial Narrow',sans-serif!important;letter-spacing:.02em}
h1{font-weight:700}
h2{font-weight:600}

/* Header lockup (built by brand.js in place of the shop logo). Kept about as wide as the logo it replaces. */
.sfnav-logo,.sfnav-logo *{text-decoration:none!important}
.sfnav-logo{color:var(--c-f2f0ec,#13202E)!important}
.sfnav-logo .sb-lockup{display:flex;align-items:center;gap:7px;color:inherit}
.sfnav-logo .sb-lockup svg{display:block;flex:none;width:24px;height:24px}
.sfnav-logo .sb-lockup b{font:700 18px/1 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:inherit}
.sfnav-logo .sb-lockup i{font:500 8.5px/1 'IBM Plex Mono',monospace;font-style:normal;letter-spacing:.1em;border:1.25px solid currentColor;border-radius:3px;padding:2px 3px 1px;opacity:.8;color:inherit}
.sfnav-logo .sb-shop{display:none;font:500 9px/1.2 'IBM Plex Mono',monospace;letter-spacing:.03em;opacity:.6;margin:4px 0 0 31px;white-space:nowrap;color:inherit}
@media (min-width:1520px){.sfnav-logo .sb-shop{display:block}}
@media (max-width:900px){.sfnav-logo .sb-lockup i{display:none}}