:root{--ink: #0b1b2b;--ink-soft: #16293c;--paper: #f7f8fa;--paper-raised: #ffffff;--rule: #ccd4dd;--rule-strong: #9fadbc;--text: #0b1b2b;--text-muted: #4a5b6c;--text-on-ink: #e8eef4;--text-on-ink-muted: #9fb2c4;--signal: #e8590c;--signal-hover: #c9490a;--on-signal: #ffffff;--instrument: #1b6fa8;--instrument-hover: #155a89;--danger: #b42318;--success: #0f7b4f;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--step--1: clamp(.82rem, .8rem + .1vw, .88rem);--step-0: clamp(1rem, .97rem + .15vw, 1.06rem);--step-1: clamp(1.2rem, 1.13rem + .35vw, 1.4rem);--step-2: clamp(1.45rem, 1.3rem + .75vw, 1.9rem);--step-3: clamp(1.8rem, 1.5rem + 1.5vw, 2.8rem);--step-4: clamp(2.2rem, 1.6rem + 3vw, 4.2rem);--tracking-display: -.02em;--tracking-code: .12em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--space-9: 7rem;--measure: 68ch;--page-max: 76rem;--gutter: 4.5rem;--radius: 2px;--radius-none: 0}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}img,picture,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{font-weight:650;line-height:1.1;letter-spacing:var(--tracking-display);text-wrap:balance}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-2)}h4{font-size:var(--step-1)}p,li{max-width:var(--measure);text-wrap:pretty}a{color:var(--instrument);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{color:var(--instrument-hover)}:focus-visible{outline:2px solid var(--instrument);outline-offset:2px}.on-ink :focus-visible{outline-color:var(--signal)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip{position:absolute;left:var(--space-4);top:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--signal);color:var(--on-signal);transform:translateY(-200%)}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--space-5)}.section{padding-block:var(--space-8);border-top:1px solid var(--rule)}.section:first-child{border-top:0}.sheet{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:48rem){.sheet{grid-template-columns:var(--gutter) 1fr;gap:var(--space-6)}}.code{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-code);text-transform:uppercase;color:var(--text-muted)}.code--marked{display:inline-block;padding-block-end:var(--space-1);border-bottom:2px solid var(--ink);color:var(--ink)}.on-ink .code{color:var(--text-on-ink-muted)}.on-ink .code--marked{border-bottom-color:var(--signal);color:var(--text-on-ink)}.reference{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-code);text-transform:uppercase;color:var(--text-muted);white-space:normal}.stack>*+*{margin-block-start:var(--space-4)}.stack--tight>*+*{margin-block-start:var(--space-2)}.stack--loose>*+*{margin-block-start:var(--space-6)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--ink);border-radius:var(--radius);background:transparent;color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--ink);color:var(--text-on-ink)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--signal{border-color:var(--signal);background:var(--signal);color:var(--on-signal)}.btn--signal:hover:not(:disabled){border-color:var(--signal-hover);background:var(--signal-hover);color:var(--on-signal)}.btn--quiet{border-color:transparent;color:var(--instrument);padding-inline:var(--space-2)}.btn--quiet:hover:not(:disabled){background:transparent;color:var(--instrument-hover);text-decoration:underline}.on-ink .btn{border-color:var(--text-on-ink-muted);color:var(--text-on-ink)}.on-ink .btn:hover:not(:disabled){background:var(--text-on-ink);color:var(--ink)}.on-ink .btn--signal{border-color:var(--signal);background:var(--signal);color:var(--on-signal)}.card{padding-block:var(--space-5);border-top:1px solid var(--rule)}.card__title{font-size:var(--step-1);font-weight:650}.field{display:grid;gap:var(--space-2);max-width:34rem}.field__label{font-weight:600}.field__hint{color:var(--text-muted);font-size:var(--step--1);max-width:var(--measure)}.field input,.field textarea,.field select{width:100%;padding:var(--space-3);border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--paper-raised)}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{border-color:var(--instrument)}.field--trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.state{padding:var(--space-3) var(--space-4);border-left:3px solid var(--rule-strong);background:var(--paper-raised)}.state--error{border-left-color:var(--danger);color:var(--danger)}.state--success{border-left-color:var(--success)}.on-ink{background:var(--ink);color:var(--text-on-ink)}.on-ink h1,.on-ink h2,.on-ink h3{color:var(--text-on-ink)}.on-ink p{color:var(--text-on-ink-muted)}.on-ink a{color:var(--text-on-ink)}
