/* v3 look for the static pages. Overrides the old build's design tokens, so emptying this file undoes it. */
@font-face{font-family:"Public Sans";font-weight:400;font-display:swap;src:url(/static/fonts/public-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-weight:500;font-display:swap;src:url(/static/fonts/public-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-weight:600;font-display:swap;src:url(/static/fonts/public-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Public Sans";font-weight:700;font-display:swap;src:url(/static/fonts/public-sans-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:700;font-display:swap;src:url(/static/fonts/archivo-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Archivo";font-weight:800;font-display:swap;src:url(/static/fonts/archivo-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:400;font-display:swap;src:url(/static/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-weight:600;font-display:swap;src:url(/static/fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2")}

:root{
  --font-sans:"Public Sans","IBM Plex Sans Arabic",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Archivo","Public Sans",system-ui,sans-serif;
  --font-main:var(--font-sans);
}
:root:not([data-theme="dark"]){
  color-scheme:light;
  --surface-void:#edf0f5;--surface-rack:#f5f7fa;--surface-trench:#e8ecf2;--surface-panel:#fff;--surface-panel-hi:#f5f7fa;--surface-panel-lo:#f5f7fa;
  --edge-hair:#e0e3ea;--edge:#cdd2db;--edge-control:#8b93a0;
  --ink-readout:#13161f;--ink-body:#333a48;--ink-dim:#5b6272;
  --accent:#d62e2e;--accent-ink:#b02323;--accent-deep:#b02323;--accent-wash:#d62e2e14;--accent-edge:#d62e2e4d;
  --sig-ok:#1a7f37;--sig-warn:#8a5a00;--sig-crit:#cf222e;--sig-info:#0a66c9;--sig-alt:#7a42d6;--sig-note:#b24a00;
  --focus:#13161f;
  --shadow-1:0 1px 2px #0f172a14;--shadow-2:0 2px 4px #0f172a0f,0 8px 24px #0f172a14;--shadow-3:0 4px 8px #0f172a14,0 20px 48px #0f172a26;
}
:root[data-theme="dark"]{
  --surface-void:#0a0d12;--surface-rack:#0d1117;--surface-trench:#11151c;--surface-panel:#11151c;--surface-panel-hi:#171c25;--surface-panel-lo:#0d1117;
  --edge-hair:#20262f;--edge:#303849;--ink-readout:#e6edf3;--ink-body:#c4cdd8;--ink-dim:#93a1af;--accent:#dc2626;--accent-ink:#ef4444;
}
html,body{background:var(--surface-void)}
body{font-family:var(--font-sans)}
h1,h2,h3,h4,.page-header h1{font-family:var(--font-display);letter-spacing:-.01em}
h1{font-weight:800}

/* top bar, styled like the v3 taskbar */
.nav{background:var(--surface-panel)!important;border-bottom:1px solid var(--edge-hair)!important;box-shadow:var(--shadow-1);backdrop-filter:none}
.nav-logo{display:flex;align-items:center}
.v3-logo{display:inline-flex;align-items:center;gap:8px;color:var(--ink-readout);font:700 14px/1 var(--font-display);letter-spacing:.04em}
.footer-brand .v3-logo{margin-bottom:12px}
.nav-inner{max-width:1400px}
.nav-links a{font-weight:500;font-size:14px;padding-inline:10px;white-space:nowrap}
.nav-right .btn{white-space:nowrap}
@media (width<=1400px){.nav-search{justify-content:center;gap:0;inline-size:40px;padding-inline:0}.nav-search span,.nav-search kbd{display:none}}
@media (width<=1180px){.nav-links,.nav-right{display:none}.nav-hamburger{display:flex}}

/* code stays dark in both themes, as in the app */
pre,.code-block,.code-header,.codehead,.terminal,.tool-output{
  --surface-panel:#0d1117;--surface-panel-hi:#161b22;--surface-trench:#0d1117;--surface-rack:#0d1117;--surface-void:#0d1117;
  --edge-hair:#30363d;--edge:#30363d;--ink-readout:#e6edf3;--ink-body:#d6dde7;--ink-dim:#9aa5b4;--accent-ink:#ff8a8a;
  --sig-ok:#4fc76a;--sig-warn:#e0a92e;--sig-crit:#ff6f6f;--sig-info:#5fa8ff;--sig-alt:#b98cff;--sig-note:#ff9d52;
  color:#e6edf3}
pre{background:#0d1117!important}
pre code{background:none;color:inherit}

/* pages written by patch_static.py */
.v3-crumb{display:flex;flex-wrap:wrap;gap:8px;font:400 12px/1.5 var(--font-mono);color:var(--ink-dim);margin-bottom:16px}
.v3-crumb a{color:var(--ink-dim)}
.v3-crumb a:hover{color:var(--accent-ink)}
.v3-section{padding-top:32px;padding-bottom:64px}
.v3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.v3-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:var(--surface-panel);border:1px solid var(--edge-hair);border-radius:10px;color:inherit;text-decoration:none}
.v3-card:hover{border-color:var(--accent-edge)}
.v3-card h2{margin:0;font-size:1.15rem;color:var(--ink-readout)}
.v3-card p{margin:0;flex:1;color:var(--ink-body);font-size:.92rem;line-height:1.55}
.v3-card-top{font:500 11px/1.4 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink)}
.v3-card-go{font-weight:600;font-size:.88rem;color:var(--accent-ink)}
.v3-books{list-style:none;margin:0;padding:0;background:var(--surface-panel);border:1px solid var(--edge-hair);border-radius:10px;overflow:hidden}
.v3-books li+li{border-top:1px solid var(--edge-hair)}
.v3-books a{display:flex;align-items:center;gap:14px;padding:12px 16px;color:var(--ink-readout);text-decoration:none}
.v3-books a:hover{background:var(--surface-panel-hi)}
.v3-code{flex:none;width:58px;font:500 12px/1.4 var(--font-mono);color:var(--ink-dim)}
.v3-name{flex:1;min-width:0;font-weight:600}
.v3-tag{flex:none;font:500 11px/1.4 var(--font-mono);color:var(--ink-dim)}
.v3-cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.v3-prices{margin-top:32px}
.v3-prices h2{font-size:1.15rem;margin:0 0 12px;color:var(--ink-readout)}
.v3-prices ul{list-style:none;margin:0;padding:0;max-width:520px}
.v3-prices li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--edge-hair);color:var(--ink-body)}
.v3-prices strong{font-weight:600;color:var(--ink-readout)}
.v3-prose{max-width:760px;color:var(--ink-body);line-height:1.7}
.v3-prose h2{margin:28px 0 8px;font-size:1.2rem;color:var(--ink-readout)}
.v3-prose h3{margin:20px 0 6px;font-size:1.02rem;color:var(--ink-readout)}
.v3-prose p,.v3-prose ul{margin:0 0 12px}
.v3-prose ul{padding-left:20px}
.v3-prose a{color:var(--accent-ink)}
@media (max-width:640px){.v3-books a{flex-wrap:wrap;gap:4px 10px}.v3-name{flex-basis:100%;order:3}}
.krt-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:var(--s-5)}