@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(../assets/fonts/barlow-condensed-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(../assets/fonts/barlow-condensed-700.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-weight:400 700;font-display:swap;src:url(../assets/fonts/source-sans-3.woff2) format("woff2")}
:root{color-scheme:light dark;--page:#f6f8f1;--surface:#fff;--ink:#17201a;--ink2:#44503f;--muted:#5a6654;--hair:#dfe4d3;--wash:#edf1e3;--accent:#4b6200;--o:#f38554;--g:#c1db3c}
@media (prefers-color-scheme:dark){:root{--page:#0f140f;--surface:#161d16;--ink:#f3f6ec;--ink2:#c8d0bb;--muted:#9aa58f;--hair:#263026;--wash:#1d261d;--accent:#c1db3c}}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:17px/1.6 "Source Sans 3",system-ui,sans-serif}
body::before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--o) 0 62%,var(--g) 62%)}
a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.w{max-width:1680px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}
header.s{display:flex;align-items:center;gap:16px;padding:20px 0 8px;flex-wrap:wrap}header.s img{height:56px;width:auto}
header.s a.t{font:700 28px/1 "Barlow Condensed","Arial Narrow",sans-serif;text-decoration:none;color:var(--ink)}
nav.n{display:flex;gap:0 4px;flex-wrap:wrap;border-bottom:2px solid var(--ink);margin-top:4px}
nav.n a{font:600 19px/1 "Barlow Condensed","Arial Narrow",sans-serif;text-decoration:none;color:var(--ink2);padding:12px 14px 10px;border-bottom:4px solid transparent;margin-bottom:-2px}
nav.n a:hover{color:var(--ink);background:var(--wash)}nav.n a[aria-current=page]{color:var(--ink);border-bottom-color:var(--o)}
article{padding:24px 0 48px;min-width:0}
.doc{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.toc{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;padding:24px 0;font-size:15px}
.toc summary{font:600 22px/1 "Barlow Condensed","Arial Narrow",sans-serif;cursor:pointer;margin-bottom:10px}
.toc ol,.toc ul{list-style:none;margin:0;padding:0}.toc li{margin:0}.toc a{display:block;padding:5px 0 5px 12px;border-left:3px solid var(--hair);text-decoration:none;color:var(--ink2);line-height:1.3}.toc a:hover{color:var(--ink);border-left-color:var(--o)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:20px;list-style:none;padding:0;margin:24px 0}.cards>li{border-top:3px solid var(--o);padding:12px 0 0}.cards h2{border:0;margin:0 0 6px;padding:0;font-size:26px}.cards h2 a{text-decoration:none;color:var(--ink)}.cards p{margin:0 0 8px;color:var(--ink2);font-size:15px}.cards ul{margin:0;padding-left:18px;font-size:14px;color:var(--ink2)}.cards details summary{cursor:pointer;color:var(--accent);font-size:14px}
@media (max-width:1000px){.doc{grid-template-columns:minmax(0,1fr);gap:0}.toc{position:static;max-height:none;padding:16px 0 0}}
article h1{font:700 clamp(34px,5vw,52px)/1.05 "Barlow Condensed","Arial Narrow",sans-serif;margin:8px 0 16px}
article h2{font:600 28px/1.15 "Barlow Condensed","Arial Narrow",sans-serif;margin:40px 0 8px;padding-top:16px;border-top:1px solid var(--hair)}
article h3{font:600 21px/1.2 "Barlow Condensed","Arial Narrow",sans-serif;margin:28px 0 4px}
.tb{overflow-x:auto;margin:16px 0}table{border-collapse:collapse;font-size:15px;min-width:100%}th,td{border-bottom:1px solid var(--hair);padding:6px 10px;text-align:left;vertical-align:top}th{font-weight:600;background:var(--wash)}
code{background:var(--wash);padding:1px 5px;border-radius:3px;font-size:.9em}blockquote{margin:16px 0;padding:4px 16px;border-left:4px solid var(--o);color:var(--ink2)}
footer.s{border-top:1px solid var(--hair);padding:20px 0 40px;color:var(--muted);font-size:14px}
ul.lst{list-style:none;padding:0}ul.lst li{padding:10px 0;border-bottom:1px solid var(--hair)}
@media print{nav.n,header.s a.t{display:none}body::before{display:none}}