:root{color-scheme:light;--color-background:#f6f4ee;--color-surface:#fffdf8;--color-surface-alt:#ecefeb;--color-ink:#1b2433;--color-muted:#525e70;--color-accent:#244bb8;--color-accent-hover:#173485;--color-accent-soft:#e7edff;--color-border:#cdd2d9;--color-focus:#244bb8;--color-warning-bg:#fcf1d8;--color-warning-border:#9a621c;--font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-editorial:Georgia,"Times New Roman",serif;--font-body:var(--font-ui);--font-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--width-site:76rem;--width-reading:68ch;--space-page:clamp(1rem,4vw,2.75rem);--type-label:.8125rem;--type-lead:clamp(1.05rem,2vw,1.25rem);--type-display:clamp(2.5rem,7.1vw,6.35rem);--type-title:clamp(2.05rem,4.75vw,4.15rem);--type-section:clamp(1.5rem,3vw,2.4rem)}*,:after,:before{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0;background:var(--color-background);color:var(--color-ink);font:1rem/1.55 var(--font-ui)}a{color:var(--color-accent);text-decoration-thickness:.075em;text-underline-offset:.19em}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}img{display:block;max-inline-size:100%;block-size:auto}button,input,select{font:inherit}h1,h2,h3,h4{color:var(--color-ink);line-height:1.18}dd,h1,h2,h3,h4,li,p,td{overflow-wrap:anywhere}h1,h2{text-wrap:balance}.container{width:min(100%,calc(var(--width-site) + 2 * var(--space-page)));margin-inline:auto;padding-inline:var(--space-page)}.skip-link{position:absolute;z-index:110;inset:.5rem auto auto .5rem;padding:.65rem 1rem;background:var(--color-surface);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{-webkit-border-after:1px solid var(--color-border);border-block-end:1px solid var(--color-border)}.footer-inner,.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;flex-wrap:wrap;padding-block:.75rem}.brand{color:var(--color-ink);font-size:1.55rem;font-weight:900;letter-spacing:-.08em;text-decoration:none}.brand-dot{color:var(--color-accent)}.site-nav{display:flex;gap:0 clamp(.8rem,3vw,1.8rem);flex-wrap:wrap}.site-nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-ink);font-weight:650;font-size:.9rem;text-decoration:none}.site-nav a:hover{color:var(--color-accent);text-decoration:underline}.site-footer{-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem}.footer-inner p{margin:0}.eyebrow{margin:0;color:var(--color-accent);font-size:var(--type-label);font-weight:750;letter-spacing:.105em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:44px;padding:.6rem .9rem;color:white;background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-weight:700;text-decoration:none;cursor:pointer}.button:hover{color:white;background:var(--color-accent-hover)}.button--secondary{color:var(--color-accent);background:var(--color-surface);border-color:var(--color-border)}.button--secondary:hover{color:var(--color-accent-hover);background:var(--color-accent-soft)}.button:disabled{opacity:.6;cursor:not-allowed}.section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.35rem 1.5rem;-webkit-margin-after:1.35rem;margin-block-end:1.35rem}.section-heading h2{margin:0;font:700 var(--type-section)/1.12 var(--font-editorial);letter-spacing:-.025em}.section-heading>p{color:var(--color-muted);margin:0}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(15rem,.75fr);grid-gap:clamp(2rem,6vw,6rem);gap:clamp(2rem,6vw,6rem);align-items:end;padding-block:clamp(2.5rem,8vw,6rem)}.hero h1{margin:.65rem 0 1rem;max-inline-size:13ch;font:700 var(--type-display)/.99 var(--font-editorial);letter-spacing:-.055em}.hero-lead{color:var(--color-muted);max-inline-size:41ch;font-size:var(--type-lead);margin:0 0 1.4rem}.topic-directory{-webkit-border-before:3px solid var(--color-accent);border-block-start:3px solid var(--color-accent);background:var(--color-surface);padding:1rem 1.25rem}.topic-directory h2{margin:.25rem 0 .85rem;font-size:1.25rem}.topic-directory ul{list-style:none;margin:0;padding:0}.topic-directory li{-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border)}.topic-directory a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:1rem;font-weight:650;text-decoration:none}.topic-directory a:hover{text-decoration:underline}.catalog,.saved-section{padding-block:1.8rem 3rem;-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border)}.breadcrumbs{display:flex;gap:.5rem;flex-wrap:wrap;color:var(--color-muted);font-size:.875rem}.article-layout{padding-block:clamp(1.3rem,4vw,3.5rem) 4rem}.article-header{max-inline-size:62rem;margin-block:1.5rem 1.75rem}.article-header h1,.not-found h1,.system-page h1{margin:.35rem 0 .95rem;font:700 var(--type-title)/1.04 var(--font-editorial);letter-spacing:-.04em}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:0;font-size:.875rem;color:var(--color-muted)}.tag{display:inline-block;padding:.22rem .55rem;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-sm);font-size:var(--type-label);font-weight:700}.tag--archive{color:var(--color-ink);background:var(--color-surface-alt)}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,22%);grid-template-areas:"main rail";grid-gap:clamp(1.6rem,5vw,4rem);gap:clamp(1.6rem,5vw,4rem);align-items:start;-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border);-webkit-padding-before:1.25rem;padding-block-start:1.25rem}.article-rail{grid-area:rail;min-inline-size:0;position:-webkit-sticky;position:sticky;top:1rem;max-block-size:calc(100vh - 2rem);overflow:auto;padding:.2rem .2rem .5rem}.article-rail .article-navigation{margin:0}.article-flow{grid-area:main;min-inline-size:0}.article-content{max-inline-size:var(--width-reading);font:clamp(1.1rem,1.6vw,1.275rem)/1.65 var(--font-editorial)}.article-content>:first-child{-webkit-margin-before:0;margin-block-start:0}.article-content h2{margin:1.65em 0 .45em;font:700 clamp(1.5rem,3vw,2.15rem)/1.18 var(--font-editorial)}.article-content h3,.article-content h4{margin:1.5em 0 .45em;font:750 clamp(1.075rem,2vw,1.35rem)/1.3 var(--font-ui)}.article-content ol,.article-content p,.article-content ul{margin-block:.8em 1em}.article-content li+li{-webkit-margin-before:.35em;margin-block-start:.35em}.article-content :is(ul,ol){-webkit-padding-start:1.4em;padding-inline-start:1.4em}.article-content figure{margin:1.5em 0}.article-content img{border-radius:var(--radius-sm)}.article-content figcaption{-webkit-margin-before:.55rem;margin-block-start:.55rem;color:var(--color-muted);font:.875rem/1.5 var(--font-ui)}.article-content :is(pre,table){display:block;max-inline-size:100%;overflow-x:auto}.article-content code{font:.85em var(--font-mono)}.article-content pre{padding:.85rem 1rem;background:var(--color-surface-alt);border-radius:var(--radius-sm)}.article-content table{border-collapse:collapse;font:.875rem/1.5 var(--font-ui)}.article-content td,.article-content th{padding:.6rem;text-align:start;border:1px solid var(--color-border)}.article-content blockquote{margin:1.4em 0;padding:.25em .9em;-webkit-border-start:3px solid var(--color-accent);border-inline-start:3px solid var(--color-accent);background:var(--color-surface)}.article-content iframe{max-inline-size:100%}.notice{margin:1.5rem 0;padding:.9rem 1rem;-webkit-border-start:3px solid var(--color-accent);border-inline-start:3px solid var(--color-accent);background:var(--color-surface);color:var(--color-muted);font-size:.9rem}.notice--warning{background:var(--color-warning-bg);border-color:var(--color-warning-border)}.notice p{margin:0}.related{-webkit-margin-before:2rem;margin-block-start:2rem;-webkit-padding-before:1rem;padding-block-start:1rem;-webkit-border-before:1px solid var(--color-border);border-block-start:1px solid var(--color-border)}.related h2{margin:0 0 .65rem;font:700 var(--type-section)/1.15 var(--font-editorial)}.related ul{padding:0;margin:0;list-style:none}.related li{-webkit-border-after:1px solid var(--color-border);border-block-end:1px solid var(--color-border)}.related a{display:block;padding:.65rem 0}.not-found,.system-page{padding-block:clamp(2.5rem,7vw,5rem)}.system-page section{-webkit-margin-before:2rem;margin-block-start:2rem}.specimen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));grid-gap:1rem;gap:1rem}.specimen{min-inline-size:0;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.specimen h3{-webkit-margin-before:0;margin-block-start:0}.swatches{list-style:none;display:flex;gap:.5rem;flex-wrap:wrap;padding:0}.swatches li{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.6rem .8rem}@media (max-width:48rem){.hero{grid-template-columns:1fr}.hero h1{max-inline-size:16ch}.article-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"rail" "main";gap:1rem}.article-rail{position:static;max-block-size:none;overflow:visible;padding:0}}.swatch{display:inline-block;inline-size:1rem;block-size:1rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;vertical-align:middle;border:1px solid var(--color-border);border-radius:2px}.article-interactive-link{margin:.65rem 0 0;font-weight:650}