:root{--ink: #24112f;--ink-2: #40204e;--acid: #d7ff3f;--acid-deep: #a7cf00;--paper: #f4f5f0;--white: #ffffff;--grid: #c8cbc2;--muted: #656763;--error: #c43d52;--warning: #a45b00;--success: #23734b;--mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--content: 1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(to right,color-mix(in srgb,var(--grid) 40%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--grid) 32%,transparent) 1px,transparent 1px),var(--paper);background-size:32px 32px;font-family:var(--sans);line-height:1.65;text-rendering:optimizeLegibility}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.16em}a:hover{text-decoration-color:var(--acid-deep)}button,textarea,input,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}code,pre,kbd{font-family:var(--mono)}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;background:var(--acid);color:var(--ink);padding:.75rem 1rem;font-family:var(--mono);font-weight:800}.skip-link:focus{top:1rem}.site-header{position:sticky;z-index:20;top:0;border-bottom:2px solid var(--ink);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(12px)}.header-inner{max-width:var(--content);min-height:70px;margin:auto;display:flex;align-items:stretch;justify-content:space-between;padding:0 1.25rem}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;align-self:center}.brand-mark{width:44px;height:35px}.brand-node{fill:var(--acid-deep)}.brand-word{font-family:var(--mono);font-size:1.38rem;font-weight:900;letter-spacing:-.08em}.brand-suffix{padding-left:.65rem;border-left:1px solid var(--ink);font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase}.brand.compact .brand-mark{width:38px}.brand.compact .brand-word{font-size:1.2rem}.primary-nav{display:flex;align-items:stretch}.primary-nav a{min-width:115px;padding:.75rem .9rem;border-left:1px solid var(--grid);display:flex;flex-direction:column;justify-content:center;gap:.2rem;font-size:.82rem;font-weight:750;text-decoration:none}.primary-nav a:hover,.primary-nav a[aria-current=page]{background:var(--acid)}.nav-index{font-family:var(--mono);color:var(--muted);font-size:.58rem;letter-spacing:.08em}.nav-toggle{display:none;border:0;background:transparent;font-family:var(--mono);font-weight:800}.wrap{width:min(calc(100% - 2.5rem),var(--content));margin-inline:auto}.narrow{width:min(calc(100% - 2.5rem),780px);margin-inline:auto}.hero{min-height:590px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);border-bottom:2px solid var(--ink)}.hero-main{min-width:0;overflow:hidden;padding:clamp(3.5rem,6vw,6rem) max(1.25rem,calc((100vw - var(--content)) / 2));padding-right:clamp(2rem,6vw,7rem)}.eyebrow,.section-flag,.guide-kicker{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.2rem;font-family:var(--mono);font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before,.section-flag:before,.guide-kicker:before{content:"";width:28px;border-top:3px solid var(--acid-deep)}.hero h1,.guide-hero h1{max-width:940px;margin:0;font-family:var(--mono);font-size:clamp(3.3rem,8.5vw,8.5rem);line-height:.88;letter-spacing:-.085em;text-wrap:balance;overflow-wrap:normal;word-break:normal}.hero h1 em{color:var(--ink-2);font-style:normal;-webkit-text-stroke:2px var(--ink);-webkit-text-fill-color:transparent}.hero-lede{max-width:730px;margin:2.2rem 0 2.4rem;font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.55}.button-row{display:flex;flex-wrap:wrap;gap:.7rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.1rem;border:2px solid var(--ink);background:var(--acid);color:var(--ink);font-family:var(--mono);font-size:.78rem;font-weight:900;text-decoration:none;text-transform:uppercase;box-shadow:5px 5px 0 var(--ink);transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button.secondary{background:var(--paper)}.button.dark{background:var(--ink);color:var(--acid);box-shadow:5px 5px 0 var(--acid-deep)}.hero-panel{min-width:0;overflow:hidden;border-left:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:2rem clamp(1.2rem,3vw,3rem);display:flex;flex-direction:column;justify-content:space-between}.signal{padding:.65rem 0;border-top:1px solid #705b78;display:grid;grid-template-columns:2.4rem 1fr;gap:1rem}.signal:first-child{border-top:0}.signal b{color:var(--acid);font-family:var(--mono)}.signal span{font-size:.83rem;color:#d8cedd}.schema-sketch{margin:2rem 0}.schema-sketch line,.schema-sketch path{stroke:var(--acid);stroke-width:2;fill:none}.schema-sketch rect{fill:none;stroke:#8f749a}.schema-sketch circle{fill:var(--acid)}.panel-caption{font-family:var(--mono);color:#bcaec2;font-size:.68rem}.section{padding:clamp(3.25rem,5.5vw,5.5rem) 0;border-bottom:2px solid var(--ink)}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,400px);gap:3rem;align-items:start;margin-bottom:2.5rem}.section-heading h2,.faq-section h2{margin:0;font-family:var(--mono);font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.065em}.section-heading p{margin:0;font-size:1.05rem}.section-mini-diagram{max-width:760px;margin:2.25rem 0 0;border:2px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--ink)}.section-mini-diagram img{display:block;width:100%;height:auto}.tool-index{border-top:2px solid var(--ink)}.tool-row{display:grid;grid-template-columns:110px minmax(210px,.75fr) minmax(260px,1fr) 44px;gap:1rem;align-items:center;min-height:112px;padding:1rem 1.2rem;border-bottom:1px solid var(--ink);text-decoration:none;transition:background .15s,padding-left .15s}.tool-row:hover{background:var(--acid);padding-left:1.8rem}.tool-row .tag{font-family:var(--mono);font-size:.64rem;letter-spacing:.08em}.tool-row h3{margin:0;font-family:var(--mono);font-size:clamp(1.25rem,2.2vw,2rem);letter-spacing:-.04em}.tool-row p{margin:0;color:var(--muted)}.tool-row .arrow{font-family:var(--mono);font-size:1.5rem}.reference-grid{display:grid;grid-template-columns:repeat(2,1fr);border:2px solid var(--ink)}.reference-item{min-height:270px;padding:2rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);text-decoration:none;display:flex;flex-direction:column}.reference-item:nth-child(2n){border-right:0}.reference-item:nth-last-child(-n+2){border-bottom:0}.reference-item:hover{background:var(--white)}.reference-code{font-family:var(--mono);font-size:.7rem;color:var(--muted)}.reference-item h3{margin:auto 0 .7rem;font-family:var(--mono);font-size:clamp(1.4rem,3vw,2.4rem);line-height:1.06;letter-spacing:-.055em}.reference-item p{margin:0;max-width:38rem}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:var(--paper)}.proof-strip>div{padding:2.2rem;border-right:1px solid #725f79}.proof-strip>div:last-child{border-right:0}.proof-strip b{display:block;color:var(--acid);font-family:var(--mono);font-size:1rem;margin-bottom:.45rem}.proof-strip span{font-size:.88rem;color:#d7cddd}.breadcrumbs{width:min(calc(100% - 2.5rem),var(--content));margin:1.2rem auto 0;font-family:var(--mono);font-size:.68rem;color:var(--muted)}.breadcrumbs a{color:var(--ink)}.breadcrumbs span{margin:0 .35rem}.breadcrumbs span:last-child{margin-right:0}.guide-hero,.tool-hero{position:relative;isolation:isolate;overflow:hidden;--hero-art: url(/diagrams/hero-schema-blueprint.svg)}.guide-hero:before,.tool-hero:before{content:"";position:absolute;z-index:-2;inset:0 0 0 39%;background-image:var(--hero-art);background-repeat:no-repeat;background-position:center right;background-size:cover;opacity:.7;pointer-events:none}.guide-hero:after,.tool-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 38%,color-mix(in srgb,var(--paper) 90%,transparent) 57%,color-mix(in srgb,var(--paper) 25%,transparent) 100%);pointer-events:none}.guide-hero>.wrap,.tool-hero>.wrap{position:relative;z-index:1}body[data-path="/classic/"] .guide-hero,body[data-path="/standards/"] .guide-hero,body[data-path="/about/"] .guide-hero,body[data-path="/changelog/"] .guide-hero{--hero-art: url(/diagrams/hero-reference-index.svg)}body[data-path="/tools/"] .guide-hero,body[data-path^="/tools/"] .tool-hero{--hero-art: url(/diagrams/hero-tool-console.svg)}.guide-hero{padding:clamp(3rem,5vw,5rem) 0 2.75rem;border-bottom:2px solid var(--ink)}.guide-hero h1{max-width:1160px;font-size:clamp(2.9rem,6.2vw,6.25rem)}.guide-summary{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:3rem;margin-top:1.75rem}.guide-summary>p{max-width:780px;margin:0;font-size:1.2rem}.guide-meta{border-top:2px solid var(--ink);font-family:var(--mono);font-size:.7rem}.guide-meta div{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--grid)}.article-shell{width:min(calc(100% - 2.5rem),1120px);margin:0 auto;display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(2rem,6vw,7rem);padding:3rem 0 5rem}.article-rail{position:sticky;top:100px;align-self:start;font-family:var(--mono);font-size:.69rem}.article-rail strong{display:block;margin-bottom:.7rem;text-transform:uppercase;letter-spacing:.08em}.article-rail a{display:block;padding:.45rem 0;border-top:1px solid var(--grid);text-decoration:none}.article-rail a:hover{padding-left:.4rem;background:var(--acid)}.prose{font-size:1.02rem}.prose>:first-child{margin-top:0}.prose h2{margin:4rem 0 1rem;font-family:var(--mono);font-size:clamp(2rem,4.3vw,3.6rem);line-height:1;letter-spacing:-.06em}.prose h3{margin:2.5rem 0 .7rem;font-family:var(--mono);font-size:1.35rem;line-height:1.2}.prose p{margin:1rem 0}.prose a{font-weight:650}.prose ul,.prose ol{padding-left:1.3rem}.prose li{margin:.45rem 0}.prose code{padding:.12rem .3rem;background:#e3e5dc;font-size:.9em}.prose pre{overflow-x:auto;padding:1.25rem;border:2px solid var(--ink);background:var(--ink);color:#f7f3f9;font-size:.82rem;line-height:1.55}.prose blockquote{margin:2rem 0;padding:1rem 1.4rem;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-family:var(--mono);font-size:1.02rem}.prose table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9rem}.prose th{background:var(--ink);color:var(--acid);font-family:var(--mono);text-align:left}.prose th,.prose td{padding:.75rem;border:1px solid var(--ink);vertical-align:top}.prose figure{margin:2.5rem 0}.prose figcaption{font-family:var(--mono);font-size:.7rem;margin-top:.6rem;color:var(--muted)}.decision-matrix{display:grid;grid-template-columns:repeat(2,1fr);border:2px solid var(--ink);margin:2rem 0}.decision-matrix>div{padding:1.25rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.decision-matrix>div:nth-child(2n){border-right:0}.decision-matrix>div:nth-last-child(-n+2){border-bottom:0}.decision-matrix b{display:block;font-family:var(--mono);margin-bottom:.35rem}.faq-section{padding:5rem 0;border-top:2px solid var(--ink)}.faq-page-section .faq-section{padding:0;border-top:0}.faq-section h2{margin-bottom:2rem}.faq-list{border-top:2px solid var(--ink)}.faq-item{border-bottom:1px solid var(--ink)}.faq-item summary{padding:1rem 0 1.2rem;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{background:color-mix(in srgb,var(--acid) 42%,transparent)}.faq-item h3{display:grid;grid-template-columns:45px minmax(0,1fr) 24px;gap:1rem;align-items:start;margin:0;font-family:var(--sans);font-size:1.05rem;line-height:1.4}.faq-item h3>span:first-child{font-family:var(--mono);color:var(--muted);font-size:.8rem;padding-top:.2rem}.faq-item h3:after{content:"+";font-family:var(--mono);font-size:1.3rem;line-height:1;text-align:center}.faq-item[open] h3:after{content:"−"}.faq-answer{max-width:760px;padding:.2rem 2rem 0 60px}.diagram-frame{margin:2.5rem 0;border:2px solid var(--ink);background:var(--paper);box-shadow:9px 9px 0 var(--ink)}.diagram-frame img{display:block;width:100%;height:auto}.diagram-frame figcaption{padding:.75rem 1rem;border-top:1px solid var(--ink);font-family:var(--mono);font-size:.75rem;color:var(--muted)}.tool-hero{padding:3rem 0 2rem}.tool-hero h1{max-width:1180px;margin:0;font-family:var(--mono);font-size:clamp(2.75rem,5.6vw,5rem);line-height:.92;letter-spacing:-.075em;text-wrap:balance;overflow-wrap:normal;word-break:normal}.tool-hero p{max-width:760px;font-size:1.15rem}.privacy-line{font-family:var(--mono);font-size:.7rem;display:flex;gap:.8rem;align-items:center}.privacy-line:before{content:"";width:9px;height:9px;background:var(--success);border-radius:50%}.workbench{width:min(calc(100% - 2rem),1440px);margin:0 auto 5rem;border:2px solid var(--ink);background:var(--white);box-shadow:10px 10px 0 var(--ink)}.workbench-bar{min-height:48px;padding:.65rem .9rem;border-bottom:2px solid var(--ink);background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.7rem}.workbench-grid{display:grid;grid-template-columns:1fr 1fr}.pane{min-width:0}.pane+.pane{border-left:2px solid var(--ink)}.pane-head{min-height:46px;display:flex;align-items:center;justify-content:space-between;padding:.55rem .8rem;border-bottom:1px solid var(--ink);font-family:var(--mono);font-size:.68rem;font-weight:800;text-transform:uppercase}.pane textarea{width:100%;min-height:440px;padding:1rem;resize:vertical;border:0;outline:0;background:#fbfcf8;color:var(--ink);font-family:var(--mono);font-size:.82rem;line-height:1.55;tab-size:2}.pane textarea:focus{box-shadow:inset 0 0 0 3px var(--acid-deep)}.tool-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.8rem;border-top:1px solid var(--ink)}.tool-button{min-height:38px;padding:.45rem .75rem;border:1px solid var(--ink);background:var(--acid);font-family:var(--mono);font-size:.7rem;font-weight:900;text-transform:uppercase}.tool-button.secondary{background:var(--white)}.tool-button:hover{background:var(--ink);color:var(--acid)}.result-panel{min-height:440px;padding:1rem;overflow:auto;background:#f1f3eb;font-family:var(--mono);font-size:.78rem}.result-empty{color:var(--muted)}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);margin-bottom:1rem}.result-summary>div{padding:.7rem;border-right:1px solid var(--ink)}.result-summary>div:last-child{border-right:0}.result-summary b{display:block;font-size:1.25rem}.finding{padding:.75rem 0;border-top:1px solid var(--grid)}.finding strong{display:block}.finding.error strong{color:var(--error)}.finding.warning strong{color:var(--warning)}.finding.success strong{color:var(--success)}.score{display:inline-grid;place-items:center;width:92px;height:92px;border:8px solid var(--acid-deep);border-radius:50%;font-family:var(--mono);font-size:1.55rem;font-weight:900}.dataset-controls{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:1rem;align-items:center;margin-bottom:1.5rem;font-family:var(--mono);font-size:.75rem;font-weight:800;text-transform:uppercase}.dataset-controls input{min-height:48px;width:100%;border:2px solid var(--ink);background:var(--white);padding:.7rem .9rem;color:var(--ink);font-family:var(--mono)}.dataset-controls input:focus{outline:3px solid var(--acid-deep);outline-offset:2px}.table-scroll{overflow-x:auto;border:2px solid var(--ink);background:var(--white)}.dataset-table{width:100%;border-collapse:collapse;font-size:.86rem}.dataset-table th{position:sticky;top:70px;padding:.8rem;background:var(--ink);color:var(--acid);font-family:var(--mono);text-align:left}.dataset-table td{padding:.7rem .8rem;border-bottom:1px solid var(--grid)}.dataset-table tbody tr:nth-child(2n){background:#eef0e8}.dataset-table tbody tr:hover{background:var(--acid)}.dataset-note{max-width:800px;margin-top:1rem;color:var(--muted);font-size:.8rem}.site-footer{background:var(--ink);color:var(--paper);padding:4rem max(1.25rem,calc((100vw - var(--content)) / 2)) 1.5rem}.site-footer .brand{color:var(--paper)}.site-footer p{max-width:340px;color:#c7bbc9;font-size:.86rem}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem}.footer-grid h2{margin:0 0 1rem;color:var(--acid);font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.footer-grid a{display:block;margin:.45rem 0;color:#e8e2e9;font-size:.84rem;text-decoration:none}.footer-grid a:hover{color:var(--acid)}.footer-baseline{margin-top:4rem;padding-top:1rem;border-top:1px solid #6f5b76;display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);color:#a99aac;font-size:.64rem}@media(max-width:920px){.nav-toggle{display:flex;align-items:center;gap:.6rem}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink)}.primary-nav.is-open{display:grid;grid-template-columns:repeat(2,1fr)}.primary-nav a{border-bottom:1px solid var(--grid)}.hero{grid-template-columns:minmax(0,1fr)}.hero-main{padding-inline:1.25rem}.hero-panel{border-left:0;border-top:2px solid var(--ink)}.section-heading,.guide-summary{grid-template-columns:1fr;gap:1.5rem}.guide-hero:before,.tool-hero:before{left:28%;opacity:.52}.article-shell{grid-template-columns:1fr}.article-rail{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{overflow-x:hidden}.brand-suffix{display:none}.header-inner{min-height:62px}.primary-nav{top:62px}.hero{width:100%;max-width:100%;min-height:0;overflow:hidden}.hero-main{width:auto;max-width:100%;min-width:0;padding-inline:1.25rem}.hero h1{max-width:100%;font-size:clamp(2.65rem,12vw,3.3rem);letter-spacing:-.075em;text-wrap:wrap}.hero h1 em{-webkit-text-stroke-width:1px}.hero-lede{max-width:100%;overflow-wrap:break-word}.button-row{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.button{width:100%}.section-heading h2,.faq-section h2{font-size:2.4rem}.section-mini-diagram{display:none}.guide-hero,.tool-hero{padding-top:2.5rem}.guide-hero h1,.tool-hero h1{max-width:100%;overflow-wrap:anywhere}.guide-hero:before,.tool-hero:before{inset:0 0 0 12%;background-size:auto 100%;background-position:center right;opacity:.4}.guide-hero:after,.tool-hero:after{background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper) 96%,transparent) 62%,color-mix(in srgb,var(--paper) 62%,transparent) 100%)}.dataset-table th{top:62px}.tool-row{grid-template-columns:70px 1fr 28px;min-height:100px}.tool-row p{display:none}.reference-grid{grid-template-columns:1fr}.reference-item{min-height:220px;border-right:0;border-bottom:1px solid var(--ink)!important}.reference-item:last-child{border-bottom:0!important}.proof-strip{grid-template-columns:1fr}.proof-strip>div{border-right:0;border-bottom:1px solid #725f79}.workbench{width:calc(100% - 1rem);box-shadow:5px 5px 0 var(--ink)}.workbench-grid{grid-template-columns:1fr}.pane+.pane{border-left:0;border-top:2px solid var(--ink)}.pane textarea,.result-panel{min-height:340px}.result-summary{grid-template-columns:1fr}.result-summary>div{border-right:0;border-bottom:1px solid var(--ink)}.decision-matrix{grid-template-columns:1fr}.decision-matrix>div{border-right:0;border-bottom:1px solid var(--ink)!important}.decision-matrix>div:last-child{border-bottom:0!important}.dataset-controls{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-baseline{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}