:root{color-scheme:light;--color-ink: #141412;--color-muted: #5f625d;--color-paper: #fbfbfa;--color-surface: #ffffff;--color-rule: #d9ddd4;--color-soft: #eef2eb;--color-accent: #0f8b8d;--color-accent-strong: #0a6a6c;--color-warm: #d85d3f;--color-leaf: #6f9300;--color-code: #1f2524;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius: 8px;--max-page: 72rem;--max-reading: 48rem;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code: "SFMono-Regular", Consolas, "Liberation Mono", monospace}@media(min-width:760px){:root{--space-8: 5.5rem}}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:1rem;line-height:1.6;letter-spacing:0;text-rendering:optimizeLegibility}img,svg,iframe{max-width:100%}a{color:var(--color-accent-strong);text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{color:var(--color-warm)}:focus-visible{outline:3px solid var(--color-warm);outline-offset:3px}h1,h2,h3,h4{margin:0;line-height:1.08;letter-spacing:0}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.25rem}@media(min-width:760px){h1{font-size:4.5rem}h2{font-size:2.6rem}}p{margin:0}code,pre{font-family:var(--font-code)}pre{overflow-x:auto;border-radius:var(--radius);background:var(--color-code);color:#f8f8f6;padding:var(--space-5);line-height:1.55}code{font-size:.92em}p code,li code{border:1px solid var(--color-rule);border-radius:5px;background:var(--color-soft);padding:.1rem .32rem}.skip-link{position:fixed;z-index:30;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-150%);border-radius:var(--radius);background:var(--color-ink);color:var(--color-paper);padding:var(--space-2) var(--space-3)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--color-rule);background:#fbfbfaf5}.site-header__inner,.site-footer__inner,.page-section__inner{width:min(100% - 2rem,var(--max-page));margin-inline:auto}.site-header__inner{display:flex;min-height:4.25rem;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-ink);font-weight:800;text-decoration:none}.brand__mark{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:2px solid var(--color-ink);border-radius:6px;background:var(--color-ink);color:var(--color-paper);font-size:.76rem}.primary-nav,.footer-nav{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.primary-nav a,.footer-nav a{color:var(--color-ink);font-size:.94rem;font-weight:650;text-decoration:none}.primary-nav a[aria-current=page],.primary-nav a:hover,.footer-nav a:hover{color:var(--color-accent-strong)}@media(max-width:760px){.site-header__inner{align-items:flex-start;flex-direction:column;padding-block:var(--space-4)}}.site-footer{margin-block-start:var(--space-8);border-top:1px solid var(--color-rule);background:var(--color-soft)}.site-footer__inner{display:grid;gap:var(--space-5);padding-block:var(--space-7)}@media(min-width:760px){.site-footer__inner{grid-template-columns:1.4fr 1fr;align-items:start}}.site-footer p{max-width:42rem;margin-block-start:var(--space-3);color:var(--color-muted)}.page-section{padding-block:var(--space-8)}.page-section--tint{background:var(--color-soft)}.section-heading{display:grid;gap:var(--space-3);max-width:var(--max-reading);margin-block-end:var(--space-6)}.section-heading p,.lede{color:var(--color-muted);font-size:1.15rem}.eyebrow{color:var(--color-accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.button-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.button,.text-link{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:var(--radius);font-weight:750}.button{border:2px solid var(--color-ink);background:var(--color-ink);color:var(--color-paper);padding-inline:var(--space-4);text-decoration:none}.button:hover{background:var(--color-warm);color:var(--color-paper)}.text-link{color:var(--color-accent-strong)}.article-grid{display:grid;gap:var(--space-4)}@media(min-width:780px){.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.article-card{display:grid;min-height:18rem;align-content:start;gap:var(--space-3);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-surface);padding:var(--space-5)}.article-card__meta,.article-byline{display:flex;gap:var(--space-3);flex-wrap:wrap;color:var(--color-muted);font-size:.86rem;font-weight:650}.article-card__meta a{color:var(--color-accent-strong);text-decoration:none}.article-card h3 a{color:var(--color-ink);text-decoration:none}.article-card h3 a:hover{color:var(--color-accent-strong)}.article-card p{color:var(--color-muted)}.article-card footer{margin-block-start:auto;color:var(--color-muted);font-size:.86rem}.breadcrumbs{margin-block-end:var(--space-5);color:var(--color-muted);font-size:.9rem}.breadcrumbs ol{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none}.breadcrumbs li:not(:last-child):after{content:"/";margin-inline-start:var(--space-2);color:var(--color-muted)}.article-shell__inner,.legal-page{width:min(100% - 2rem,var(--max-reading));margin-inline:auto;padding-block:var(--space-7)}.article-hero{display:grid;gap:var(--space-4);margin-block-end:var(--space-6)}.article-content{display:grid;gap:var(--space-5);font-size:1.04rem}.article-content h2{margin-block-start:var(--space-6)}.article-content h3{margin-block-start:var(--space-4)}.article-content ul,.article-content ol{padding-inline-start:1.35rem}.article-content li+li{margin-block-start:var(--space-2)}.references{margin-block-start:var(--space-7);border-top:1px solid var(--color-rule);padding-block-start:var(--space-5)}.references ul{padding-inline-start:1.2rem}.demo-workbench{display:grid;gap:var(--space-4);margin-block:var(--space-6);border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-surface);padding:var(--space-4)}.demo-workbench__header,.demo-workbench__notes{display:grid;gap:var(--space-4)}@media(min-width:760px){.demo-workbench__header,.demo-workbench__notes{grid-template-columns:1fr 1fr;align-items:start}}.demo-workbench iframe{width:100%;height:28rem;border:1px solid var(--color-rule);border-radius:6px;background:var(--color-paper)}.demo-workbench__notes h3{font-size:1rem}.demo-workbench__notes p{color:var(--color-muted)}.code-disclosure{border-top:1px solid var(--color-rule);padding-block-start:var(--space-3)}.code-disclosure summary{cursor:pointer;font-weight:750}.ad-slot{display:grid;gap:var(--space-2);margin-block:var(--space-6);border:1px solid var(--color-rule);border-radius:var(--radius);padding:var(--space-3)}.ad-slot>span{color:var(--color-muted);font-size:.78rem;text-transform:uppercase}.hero-lab{display:grid;gap:var(--space-6)}.hero-lab__intro{display:grid;gap:var(--space-4);max-width:54rem}.problem-links{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.problem-links a{display:block;border:1px solid var(--color-rule);border-radius:var(--radius);background:var(--color-surface);color:var(--color-ink);padding:var(--space-4);text-decoration:none}.problem-links a:hover{border-color:var(--color-accent)}.specimen{display:grid;min-height:22rem;gap:var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius);background:linear-gradient(90deg,transparent 31px,rgba(15,139,141,.18) 32px),linear-gradient(transparent 31px,#d85d3f29 32px),var(--color-surface);background-size:32px 32px;padding:var(--space-4)}.specimen__row{display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.specimen__block{min-height:4rem;border:2px solid var(--color-ink);border-radius:6px;background:var(--color-paper)}.specimen__block:nth-child(2){min-height:8rem;background:#e8f3f3}.specimen__block:nth-child(3){min-height:6rem;background:#f8e8e2}.specimen__block:nth-child(4){min-height:11rem;background:#eef4d7}.specimen__caption{align-self:end;max-width:36rem;border:1px solid var(--color-rule);border-radius:6px;background:#fbfbfaf0;padding:var(--space-4)}.index-list{display:grid;gap:var(--space-4)}.index-list .article-card{min-height:auto}.legal-page{display:grid;gap:var(--space-5)}.legal-page h1{font-size:2.75rem}.legal-page h2{margin-block-start:var(--space-5);font-size:1.6rem}
