:root { --md-text-font: "Inter", "Segoe UI", Arial, sans-serif; --md-code-font: Consolas, monospace; }
[data-md-color-scheme="slate"] { --md-default-bg-color:#10141b; --md-default-fg-color:#e6ebf2; --md-default-fg-color--light:#aeb8c7; --md-primary-fg-color:#141a23; --md-accent-fg-color:#9bf0cb; --md-typeset-a-color:#91e4c0; --onset-border:#293340; --onset-panel:#171e28; }
[data-md-color-scheme="default"] { --md-primary-fg-color:#18232d; --md-accent-fg-color:#117350; --md-typeset-a-color:#116c4c; --onset-border:#dce4e9; --onset-panel:#f5f8fa; }
.md-header { box-shadow:none; border-bottom:1px solid var(--onset-border); }
.md-header__title { font-weight:750; letter-spacing:.035em; }
.md-grid { max-width:1440px; }
.md-main__inner { margin-top:1.7rem; }
.md-sidebar--primary { width:13rem; }
.md-nav { font-size:.71rem; }
.md-nav__item { padding-top:.14rem; padding-bottom:.14rem; }
.md-nav__link { line-height:1.5; }
.md-nav__link--active { font-weight:700; }
.md-typeset { font-size:.82rem; line-height:1.8; }
.md-typeset h1 { color:var(--md-default-fg-color); font-weight:750; letter-spacing:-.045em; }
.md-typeset h2 { font-weight:650; letter-spacing:-.025em; }
.onset-hero { padding:2.6rem 0 2rem; max-width:850px; }
.onset-eyebrow { color:var(--md-typeset-a-color); font-size:.64rem; font-weight:750; letter-spacing:.17em; }
.onset-hero h1 { font-size:clamp(2rem,4vw,3.2rem); line-height:1.12; margin:.7rem 0 1.1rem; }
.onset-hero p { max-width:690px; color:var(--md-default-fg-color--light); font-size:.95rem; }
.md-typeset .md-button { border-radius:7px; padding:.55em 1.05em; font-size:.75rem; margin:.4rem .4rem 0 0; }
.md-typeset .md-button--primary { background:#91e4c0; border-color:#91e4c0; color:#10291f; }
.onset-note { padding:1rem 1.2rem; background:var(--onset-panel); border:1px solid var(--onset-border); border-left:3px solid var(--md-typeset-a-color); border-radius:8px; font-size:.76rem; }
.onset-note p { margin:0; }
.onset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.2rem 0 2rem; }
.onset-card { position:relative; padding:1.1rem 1.2rem; border:1px solid var(--onset-border); border-radius:10px; background:var(--onset-panel); transition:border-color .15s; }
.onset-card:hover { border-color:var(--md-typeset-a-color); }
.onset-number { font-size:.6rem; font-weight:700; letter-spacing:.1em; color:var(--md-default-fg-color--light); }
.md-typeset .onset-card h3 { font-size:.95rem; margin:.35rem 0; font-weight:650; }
.onset-card h3 a { color:var(--md-default-fg-color); }
.onset-card h3 a:after { content:""; position:absolute; inset:0; }
.onset-card:focus-within { outline:2px solid var(--md-typeset-a-color); outline-offset:3px; }
.onset-card p { font-size:.75rem; line-height:1.65; color:var(--md-default-fg-color--light); margin:.45rem 0 0; }
@media(max-width:600px) { .onset-grid { grid-template-columns:1fr; } .onset-hero { padding:1.3rem 0; } .onset-hero h1 { font-size:2.1rem; } .md-typeset { font-size:.8rem; } }
@media(prefers-reduced-motion:reduce) { .onset-card { transition:none; } }