:root, :root.light, :root.rust{color-scheme:light;
  --bg:#fff;--panel:#f5f6f7;--docs-sidebar:#fafafa;--ink:#20242a;--muted:#57616c;--faint:#737d88;--line:#dce0e4;--rule:var(--ink);
  --syq:#0f6fc5;--other:#b9c1ca;--accent:#0f6fc5;--accent-soft:#e8f1fa;
  --good:#1b7a4a;--good-bg:#dcefe3;--warn:#9a5a00;--warn-bg:#f6e9cf;--bad:#b8322a;--bad-bg:#f6dcd8;
  --na:#6b7480;--na-bg:#e8e9e4;--fast-fg:#fff;
  --display:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --sans:var(--display);
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not(.light):not(.rust),:root:not(.js):not([data-theme="light"]){color-scheme:dark;
  --bg:#111820;--panel:#1a2430;--docs-sidebar:#1a2430;--ink:#e6ebf2;--muted:#b0bdcc;--faint:#91a1b4;--line:#33404e;--rule:#e6ebf2;
  --syq:#64b1ee;--other:#495c70;--accent:#64b1ee;--accent-soft:#1b3349;
  --good:#5fcf8a;--good-bg:#173622;--warn:#f0b85b;--warn-bg:#35280f;--bad:#ff8078;--bad-bg:#3d1c19;
  --na:#97a3b3;--na-bg:#1b2129;--fast-fg:#0f1318}}
:root[data-theme="dark"], :root.navy, :root.coal, :root.ayu{color-scheme:dark;
  --bg:#111820;--panel:#1a2430;--docs-sidebar:#1a2430;--ink:#e6ebf2;--muted:#b0bdcc;--faint:#91a1b4;--line:#33404e;--rule:#e6ebf2;
  --syq:#64b1ee;--other:#495c70;--accent:#64b1ee;--accent-soft:#1b3349;
  --good:#5fcf8a;--good-bg:#173622;--warn:#f0b85b;--warn-bg:#35280f;--bad:#ff8078;--bad-bg:#3d1c19;
  --na:#97a3b3;--na-bg:#1b2129;--fast-fg:#0f1318}

/* Shared site chrome. Keep this file identical in syq and syq-bench. */
:root{--site-header-height:78px;--site-sidebar-width:250px}
body{padding-top:var(--site-header-height)}
.site-header,.site-header *{box-sizing:border-box}
.site-header{position:fixed;inset:0 0 auto;z-index:110;height:var(--site-header-height);
 display:flex;align-items:center;gap:30px;padding:0 28px;background:var(--bg);color:var(--ink);
 border-bottom:1px solid var(--line);font:600 16px/1.4 var(--display)}
.site-header .site-wordmark{flex:none;width:194px;font:800 38px/1 "Manrope",sans-serif;letter-spacing:-.06em;
 color:var(--syq);text-decoration:none}
.site-nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.site-nav a{color:var(--muted);text-decoration:none;text-underline-offset:6px}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--syq);text-decoration:underline}
.site-header a:focus-visible{outline:2px solid var(--syq);outline-offset:5px}
.site-section{font:600 13px/1.5 var(--display);letter-spacing:.035em;text-transform:uppercase;color:var(--muted)}
@media(max-width:820px){.site-header{padding-inline:22px;gap:24px}.site-header .site-wordmark{width:auto;font-size:32px}.site-nav{gap:20px;font-size:15px}}
@media(max-width:480px){:root{--site-header-height:108px}.site-header{flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.site-nav{gap:16px}}
@media print{body{padding-top:0}.site-header{display:none}}

/* Shared reading typography; each site keeps its own content and sidebar layout. */
html{font-family:var(--sans);background:var(--bg);color:var(--ink)}
body{font:400 20px/1.65 var(--sans);background:var(--bg);color:var(--ink)}
h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.025em}
code{font-family:var(--mono);font-size:.8em}

/* Shared homepage title: keep the wordmark prominent without changing prose. */
.hero h1.landing-title,.content h1.landing-title{
 font:700 clamp(38px,4.1vw,58px)/1.12 var(--display);
 letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance}
.landing-title .landing-wordmark{
 display:block;color:var(--syq);font:800 clamp(64px,6vw,80px)/1 "Manrope",sans-serif;
 letter-spacing:-.06em;margin-bottom:10px}
.landing-title .landing-subtitle{display:block}
@media print{
 .hero h1.landing-title,.content h1.landing-title{font-size:36px}
 .landing-title .landing-wordmark{font-size:48px}
}

/* Homepage shortcuts share their treatment across both renderers. */
.landing-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px;padding:0}
.landing-actions a,.content .landing-actions a{
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:9px 16px;box-sizing:border-box;border:1px solid var(--line);border-radius:3px;
 background:var(--panel);color:var(--ink);font:600 15px/1.4 var(--display);
 text-decoration:none;letter-spacing:0}
.landing-actions a:hover,.content .landing-actions a:hover{border-color:var(--syq);color:var(--syq)}
.landing-actions a.landing-primary,.content .landing-actions a.landing-primary{
 background:var(--syq);color:var(--fast-fg);border-color:var(--syq)}
.landing-actions a:focus-visible{outline:2px solid var(--syq);outline-offset:4px}
@media print{.landing-actions{display:none}}