:root{color-scheme:light;--ink:#1d302c;--muted:#5d706a;--accent:#216853;--line:#dce5df;--paper:#fafbf8;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}[hidden]{display:none!important}
.wrap{width:min(1080px,calc(100% - 48px));margin:auto}header{border-bottom:1px solid var(--line);background:#fff}.topbar{display:flex;align-items:center;gap:20px;padding:20px 0}.brand{font-weight:750;text-decoration:none;line-height:1.3}.topbar select{margin-left:auto;font:inherit;font-size:.875rem;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:8px 12px}.repo{font-size:.875rem}
.company-banner{display:flex;align-items:center;gap:12px;margin-top:20px;padding:12px 16px;border:1px solid #e7dfd7;border-radius:12px;background:#f7f6f2;color:#493a32;text-decoration:none;line-height:1.3}.company-banner:hover{border-color:#a94830;background:#f3eee7}.company-mark{display:block;flex:none;border-radius:8px}.company-name{font-weight:750;font-size:clamp(.9rem,3.4vw,1.05rem);letter-spacing:-.025em}.company-home{margin-left:auto;flex:none;font-size:.8rem;color:#a94830;white-space:nowrap}
nav{display:flex;gap:24px;flex-wrap:wrap;padding-bottom:16px;font-size:.9rem}nav a{text-decoration:none}.layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:56px;padding:56px 0 72px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:var(--accent)}h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em;line-height:1.15;margin:14px 0 24px}h2{font-size:1.4rem;line-height:1.4;margin:0 0 20px;letter-spacing:-.02em}h3{font-size:1rem;margin:0 0 8px}p{margin:0 0 18px}.intro{font-size:1.12rem;color:var(--muted)}section{margin-top:44px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:20px}ol{padding-left:24px}li{padding-left:8px;margin:22px 0}pre{overflow:auto;border:1px solid var(--line);background:#f0f4ee;border-radius:10px;padding:18px;font-size:.82rem;line-height:1.6}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}p code{background:#eef2ec;padding:2px 5px;border-radius:4px;font-size:.85em}.note{border-left:3px solid #90b7a4;padding-left:18px;color:var(--muted)}aside{align-self:start;background:white;border:1px solid var(--line);border-radius:12px;padding:22px;font-size:.9rem}aside ul{list-style:none;margin:0;padding:0}aside li{padding:0;margin:10px 0}.current{font-weight:700}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.85rem}a:focus-visible,select:focus-visible{outline:3px solid #4b927b;outline-offset:4px}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.company-banner{margin-top:16px;padding:10px 12px;gap:10px}.topbar{gap:12px;flex-wrap:wrap}.brand{max-width:60%;font-size:.92rem}.topbar select{padding:6px 8px}.repo{width:100%}nav{gap:16px;font-size:.8rem}.layout{display:flex;flex-direction:column;gap:30px;padding:34px 0 44px}.intro{font-size:1rem}aside{width:100%}section{margin-top:32px;padding-top:24px}h1{font-size:2.3rem}pre{padding:14px;font-size:.75rem}}
