*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;background:var(--ks-bg);color:var(--ks-fg);font:400 16px/1.6 var(--ks-ui)}a{color:var(--ks-accent);text-underline-offset:4px}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:12px max(24px,calc((100vw - 1000px)/2));background:var(--ks-bg-card);border-bottom:1px solid var(--ks-rule)}.brand{display:flex;align-items:center;gap:12px;color:var(--ks-fg);text-decoration:none;font-weight:650;line-height:1.25}.brand small{display:block;color:var(--ks-fg-secondary);font-size:12px;font-weight:400;margin-top:3px}header>a:last-child{white-space:nowrap;font-size:14px}main{max-width:920px;padding:48px 24px;margin:auto}.intro{max-width:730px;margin-bottom:40px}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ks-fg-secondary);font-weight:650}h1{font-size:clamp(30px,5vw,46px);line-height:1.13;letter-spacing:-.03em;margin:16px 0 20px}h2{font-size:23px;line-height:1.3;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}.lead{font-size:20px;line-height:1.5}.muted{color:var(--ks-fg-secondary);font-size:14px}section{padding:28px 0;border-top:1px solid var(--ks-rule);scroll-margin-top:96px}section>p{max-width:740px}pre{max-width:100%;overflow:auto;background:var(--ks-bg-card);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-card);padding:20px;font:13px/1.65 var(--ks-mono)}code{font-family:var(--ks-mono);font-size:.9em}pre code{font-size:inherit}.examples{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.examples p{margin:0;color:var(--ks-fg-secondary)}details{padding:16px 0;border-top:1px solid var(--ks-rule)}summary{cursor:pointer;font-weight:550}details p{max-width:740px}footer{display:flex;flex-wrap:wrap;gap:24px;padding:24px 0;font-size:14px;border-top:1px solid var(--ks-rule)}.skip{position:fixed;top:-80px;left:16px;z-index:20;padding:8px;background:var(--ks-bg-card)}.skip:focus{top:8px}a:focus-visible,summary:focus-visible{outline:3px solid var(--ks-focus);outline-offset:4px}@media(max-width:560px){header{padding:12px 16px;gap:12px}main{padding:32px 16px}.examples{grid-template-columns:1fr}pre{padding:14px}header>a:last-child{font-size:12px}}