/* OEBS reference library: shared identity, reading-first composition. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root,:root[data-theme="dark"]{--bg:#0B0C0E;--bgHi:#111316;--sf:#15171B;--sfHi:#1B1E23;--bd:#30353E;--tx:#FAFBFC;--mu:#BBC2CD;--dim:#98A2B1;--surface:var(--sf);--surface-2:var(--sfHi);--ink:var(--tx);--ink-soft:var(--mu);--muted:var(--mu);--faint:var(--dim);--border:var(--bd);--border-strong:#535D6C;--accent:#7396FF;--accent-ink:#9EB6FF;--accent-wash:#1A2440;--o:#7396FF;--oLo:#7396FF;--oHi:#9EB6FF;--btn:#1F44CC;--brand:#BD4279;--brandText:#C86491;--hero-1:#111316;--hero-2:#15171B;--hero-3:#1A2440;--hero-ink:var(--tx);--hero-soft:var(--mu);--sans:Archivo,system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;--maxw:1280px;color-scheme:dark}
:root[data-theme="light"]{--bg:#F7F8FA;--bgHi:#FFFFFF;--sf:#FFFFFF;--sfHi:#EEF1F5;--bd:#D8DDE3;--tx:#202226;--mu:#454A52;--dim:#626974;--border-strong:#AAB2BD;--accent:#1F44CC;--accent-ink:#1F44CC;--accent-wash:#EAF0FF;--o:#1F44CC;--oLo:#1F44CC;--oHi:#1F44CC;--brandText:#A03866;--hero-1:#FFFFFF;--hero-2:#F7F8FA;--hero-3:#EAF0FF;color-scheme:light}
body{background:var(--bg);color:var(--mu);font-family:var(--sans);line-height:1.75}
h1,h2,h3,h4{font-family:var(--sans);color:var(--tx);letter-spacing:-.035em}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.docs-logo{display:inline-flex;align-items:center;gap:.06em;white-space:nowrap;color:var(--tx);font:700 1.35rem/1 Archivo,system-ui,sans-serif;text-decoration:none}
.docs-logo img{width:1.2em;height:1.2em}
.docs-logo small{font-size:.62rem;letter-spacing:.16em;color:#B98052;font-weight:500;margin-left:.55rem}
.docs-home .wrap{max-width:1280px;padding-inline:clamp(20px,5vw,64px)}
.docs-home header.site{padding-block:1.4rem;gap:1.5rem}
.docs-home .badge{background:none;color:var(--dim);border-left:1px solid var(--bd);border-radius:0;margin-left:.5rem;padding-left:1rem}
.docs-home .hero{margin:0;padding:4.5rem 0 3.5rem;border:0;border-radius:0;background:none;max-width:900px}
.docs-home .kicker{font:500 .7rem var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.docs-home h1{font-size:clamp(2.8rem,6vw,5rem);font-weight:600;max-width:none;margin:1.1rem 0 1.5rem}
.docs-home .hero p{max-width:57ch;font-size:1.08rem}
.docs-home section{padding-top:0}
.docs-home .sec-head h2{font-weight:600;font-size:1.2rem}
.docs-home .cards{display:block;counter-reset:guide}
.docs-home .card{counter-increment:guide;position:relative;display:grid;grid-template-columns:12rem 1fr 1fr;gap:1rem 2.5rem;border:0;border-bottom:1px solid var(--bd);border-radius:0;background:none;padding:2.5rem 0 2.5rem 3rem}
.docs-home .card::before{content:counter(guide,decimal-leading-zero);position:absolute;top:2.5rem;left:0;font:.75rem var(--mono);color:var(--dim)}
.docs-home .card .eyebrow{grid-column:1;color:var(--accent)}
.docs-home .card h3{grid-column:1;font-size:1.6rem;line-height:1.2}
.docs-home .card p{grid-column:2;grid-row:1 / span 2}
.docs-home .card ul{grid-column:3;grid-row:1 / span 3;font-size:.85rem}
.docs-home .card .foot{grid-column:2;padding:0}
.docs-home .card.pending{--accent:var(--brandText)}
.docs-home .card.retimer{--accent:#41C29E}
.docs-home .card.icons{--accent:#9E88FF}
:root[data-theme="light"] .docs-home .card.retimer{--accent:#0B6E57}
:root[data-theme="light"] .docs-home .card.icons{--accent:#4F35B8}
.docs-home .card li::marker{color:var(--accent)}
.docs-home .card .foot a{background:none;color:var(--accent);padding:0;border-radius:0;text-decoration:underline;text-underline-offset:5px}
.docs-home .card .soon{background:var(--sfHi);color:var(--mu);border:1px solid var(--bd);border-radius:4px}
.docs-home .note{border:0;padding:1.5rem 0;margin:0;max-width:75ch;color:var(--dim)}
.docs-home footer.site{font-family:var(--sans);border-color:var(--bd)}
.topbar{background:var(--bgHi);backdrop-filter:none}
.topbar-in{min-height:72px;gap:14px}
.topbar .glyph{display:none}
.topbar .brand{white-space:normal;flex-wrap:wrap;font-size:.85rem}
.topbar .brand .ver{border-radius:4px;color:var(--muted);background:var(--surface-2);border-color:var(--border)}
.guidenav a,.viewtoggle a{border-radius:3px}
.hero{box-shadow:none}
.hero h1{color:var(--tx)}
.hero h1 em,.hero h1 span{color:var(--accent);font-style:normal}
.hero-eyebrow{color:var(--accent)}
main p,main li{line-height:1.8}
main h2{font-size:clamp(1.65rem,3vw,2.15rem);margin-top:2.5rem}
main section{scroll-margin-top:120px}
.footer-inner{font-family:var(--sans)}
@media(max-width:900px){.docs-home .card{grid-template-columns:1fr 1.5fr}.docs-home .card ul{grid-column:2;grid-row:auto}.docs-home .card .foot{grid-column:2}.topbar-in{flex-wrap:wrap}}
@media(max-width:560px){.docs-home header.site{flex-wrap:wrap}.docs-home .hero{padding-block:3rem 2rem}.docs-home .card{display:flex;padding:2rem 0 2rem 2rem;gap:.8rem}.docs-home .card::before{top:2rem}.docs-home .card .foot{padding-top:.5rem}.docs-home .cards{min-width:0}.docs-home nav.site{gap:1rem}.topbar-in{padding-inline:16px}.docs-logo{font-size:1.15rem}}