.sys-page{min-height:100svh;display:flex;flex-direction:column;background:var(--sp-bg);color:var(--ink);font-family:var(--font-otis-ui);-webkit-font-smoothing:antialiased}.sys-page *{box-sizing:border-box}.sys-page :focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px}.sys-header{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-6) 0;display:flex;align-items:center}.sys-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink);text-decoration:none;font-size:var(--fs-title);font-weight:700;letter-spacing:-.05em;line-height:1}.sys-main{flex:1;width:100%;display:grid;place-items:center;padding:var(--space-8) var(--space-4)}.sys-card{width:100%;max-width:440px;padding:var(--space-8);border:1px solid var(--sp-card-bd);border-radius:var(--r-lg);background:var(--sp-card);box-shadow:var(--rim-lit);display:grid;gap:var(--space-3)}.sys-code{margin:0;font-size:var(--fs-footnote);letter-spacing:var(--tracking-footnote);color:var(--ink-3);font-variant-numeric:tabular-nums}.sys-card h1{margin:0;font-size:var(--fs-title);font-weight:500;letter-spacing:var(--tracking-title);line-height:var(--leading-tight)}.sys-card p{margin:0;font-size:var(--fs-body);line-height:var(--leading-body);color:var(--ink-2)}.sys-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.sys-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ctl-h);padding:0 var(--space-4);border:1px solid var(--rim-strong);border-radius:var(--r-pill);background:var(--sp-surface);color:var(--ink);font:inherit;font-size:var(--fs-subhead);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--dur-hover) var(--ease-out)}.sys-button:hover{background:var(--sp-raised-hover)}.sys-button.is-primary{background:var(--sp-accent);border-color:transparent;color:var(--sp-accent-ink)}.sys-button.is-primary:hover{background:var(--sp-accent-hover)}.sys-button.is-primary:active{background:var(--sp-accent-pressed)}.sys-doc{width:100%;max-width:720px;margin:0 auto;padding:var(--space-10) var(--space-4) var(--space-16)}.sys-doc h1{margin:0 0 var(--space-3);font-size:var(--fs-display);font-weight:500;letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}.sys-doc h2{margin:var(--space-10) 0 var(--space-3);font-size:var(--fs-headline);font-weight:500;letter-spacing:var(--tracking-headline)}.sys-doc li,.sys-doc p{font-size:var(--fs-body);line-height:var(--leading-relaxed);color:var(--ink-body)}.sys-doc ol,.sys-doc p,.sys-doc ul{margin:0 0 var(--space-3)}.sys-doc ol,.sys-doc ul{padding-left:var(--space-6)}.sys-doc a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rim-strong);text-underline-offset:4px}.sys-doc a:hover{text-decoration-color:var(--ink)}.sys-lede{color:var(--ink-2)!important}.sys-footer{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);font-size:var(--fs-footnote);color:var(--ink-3)}.sys-footer a{color:var(--ink-2);text-decoration:none}.sys-footer a:hover{color:var(--ink)}@media (max-width:440px){.sys-card{padding:var(--space-6)}.sys-doc h1{font-size:var(--fs-large-title);letter-spacing:var(--tracking-large-title)}}@media (pointer:coarse){.sys-footer a{display:inline-flex;align-items:center;min-height:var(--hit-min)}}