:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-page);color:var(--color-ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--page-max: 1180px;--color-page: light-dark(oklch(97.5% .006 165), oklch(15.5% .015 165));--color-surface: light-dark(oklch(100% 0 0), oklch(19% .017 165));--color-surface-elevated: light-dark(oklch(99% .004 165), oklch(23% .02 165));--color-surface-subtle: light-dark(oklch(95.5% .01 165), oklch(20.5% .018 165));--color-ink: light-dark(oklch(22% .018 165), oklch(91% .012 165));--color-ink-soft: light-dark(oklch(43% .025 165), oklch(72% .02 165));--color-border: light-dark(oklch(86% .014 165), oklch(34% .025 165));--color-border-strong: light-dark(oklch(70% .025 165), oklch(48% .035 165));--color-primary: light-dark(oklch(40% .09 165), oklch(72% .11 165));--color-primary-hover: light-dark(oklch(34% .08 165), oklch(79% .1 165));--color-on-primary: light-dark(oklch(100% 0 0), oklch(16% .02 165));--color-focus: light-dark(oklch(55% .14 165), oklch(78% .13 165));--color-code-surface: oklch(20% .018 255);--color-code-ink: oklch(96% .008 255);--color-code-ink-soft: oklch(86% .015 255);--color-code-accent: light-dark(oklch(38% .075 165), oklch(78% .09 165));--color-logo-surface: oklch(98% .018 80);--color-input: light-dark(oklch(98.5% .006 165), oklch(18% .016 165));--color-grid-line: light-dark(oklch(44% .02 165 / .1), oklch(82% .02 165 / .1));--color-shadow: light-dark(oklch(20% .02 165 / .14), oklch(4% .01 165 / .42));--color-danger-surface: light-dark(oklch(96% .025 35), oklch(24% .045 35));--color-danger-border: light-dark(oklch(72% .09 35), oklch(58% .12 35));--color-danger-ink: light-dark(oklch(39% .13 35), oklch(82% .08 35));--color-warning-surface: light-dark(oklch(95% .045 80), oklch(25% .045 80));--color-warning-ink: light-dark(oklch(36% .09 80), oklch(84% .08 80));--color-preservation: light-dark(oklch(56% .12 72), oklch(79% .11 72));--color-preservation-on-slate: oklch(79% .11 72);--color-success-surface: light-dark(oklch(94% .025 165), oklch(24% .035 165));--color-success-ink: light-dark(oklch(34% .085 165), oklch(82% .075 165));--color-log-text: oklch(91% .13 125);--color-log-rule: oklch(96% .01 255 / .08);--color-log-line-number: oklch(72% .035 255);--color-log-red: oklch(81% .11 25);--color-log-yellow: oklch(91% .12 90);--color-log-green: oklch(87% .14 145);--color-log-blue: oklch(81% .09 245);--color-log-match: oklch(86% .16 90);--color-log-match-ink: oklch(20% .02 90);--border: var(--color-border);--muted: var(--color-ink-soft);--surface: var(--color-surface);--ink: var(--color-ink);--soft: var(--color-surface-subtle)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;background:var(--color-page);color:var(--color-ink);padding-inline-start:env(safe-area-inset-left);padding-inline-end:env(safe-area-inset-right)}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}h1,h2,h3,code{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;inset-block-start:12px;inset-inline-start:12px;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;background:var(--color-ink);color:var(--color-surface);font-weight:760;transform:translateY(-160%);transition:transform .16s cubic-bezier(.22,1,.36,1)}.skip-link:focus{transform:translateY(0)}#main-content:focus{outline:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header,.site-footer,main{width:min(var(--page-max),calc(100% - 40px));margin:0 auto}.site-header{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:22px 0}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;min-height:44px;font-size:15px;font-weight:760}.theme-toggle{min-width:92px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);padding:8px 11px;font-size:13px;font-weight:760;cursor:pointer}.theme-toggle:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.theme-toggle [data-theme-icon]{width:12px;height:12px;display:block;border:1px solid var(--color-ink);border-radius:50%;background:linear-gradient(90deg,var(--color-ink) 50%,var(--color-surface) 50%)}.brand-mark{width:34px;height:34px;display:block;border:1px solid var(--color-ink);border-radius:50%;background:var(--color-logo-surface);object-fit:cover}.demo-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:0;padding:3px 0}.demo-nav-group{position:relative;flex:0 0 auto}.demo-nav-group summary{list-style:none;min-height:44px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--border);background:var(--color-surface);padding:8px 11px;font-size:13px;font-weight:780;color:var(--color-ink)}.demo-nav-group summary::-webkit-details-marker{display:none}.demo-nav-group summary:after{content:"";width:7px;height:7px;border-right:2px solid var(--color-ink-soft);border-bottom:2px solid var(--color-ink-soft);transform:translateY(-2px) rotate(45deg);transition:transform .14s ease}.demo-nav-group[open] summary:after{transform:translateY(2px) rotate(225deg)}.demo-nav-group summary:hover,.demo-nav-group[open] summary,.demo-nav-group.is-active summary{border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.demo-nav-group.is-active summary{color:var(--color-ink)}.demo-nav-group small{max-width:180px;color:var(--muted);font-size:12px;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-nav-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 96px);display:grid;grid-template-columns:1fr;gap:2px;border:1px solid var(--border);background:var(--color-surface-elevated);box-shadow:0 8px 8px var(--color-shadow);overflow-y:auto;padding:8px}.demo-nav-overview{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border-bottom:1px solid var(--color-border);padding:8px 8px 14px}.demo-nav-overview strong{margin-inline-end:auto;font-size:14px}.demo-nav-overview a{color:var(--color-primary);font-size:13px;font-weight:760}.demo-nav-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.demo-nav-domain{min-width:0;border-top:1px solid var(--color-border);padding:14px 8px 10px}.demo-nav-domain:nth-child(-n+2){border-top:0}.demo-nav-domain-title,.demo-nav-domain-description{margin:0}.demo-nav-domain-title{display:inline-flex;color:var(--color-ink);font-size:14px;font-weight:760;text-decoration:none}.demo-nav-domain-title:hover{text-decoration:underline;text-underline-offset:3px}.demo-nav-domain-description{margin-top:3px;color:var(--color-ink-soft);font-size:12px;line-height:1.4}.demo-nav-domain>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-top:8px}.demo-nav-link{min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:13px;font-weight:720;padding:8px 9px;border:1px solid transparent}.demo-nav-link:hover,.demo-nav-link.is-active{color:var(--color-ink);border-color:var(--border);background:var(--color-surface-subtle)}.secondary-action,.primary-action,.card-actions a,.install-box a,.next-section a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--color-surface);padding:8px 12px;font-size:13px;font-weight:700}.secondary-action:hover,.card-actions a:hover,.install-box a:hover,.next-section a:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.hero-section{min-height:min(760px,calc(100vh - 86px));display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:44px;padding:24px 0 56px}.mission-label{width:fit-content;margin:0 0 18px!important;color:var(--color-primary)!important;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px!important;font-weight:760}.hero-copy h1,.library-heading h1{max-width:860px;margin:0;color:var(--ink);font-size:clamp(44px,5.7vw,78px);line-height:1;letter-spacing:0}.hero-copy p,.library-heading p,.principles-section p,.library-card p{color:var(--muted);font-size:18px;line-height:1.55}.hero-copy p{max-width:680px;margin:24px 0 0}.hero-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.hero-status-strip span{min-height:30px;display:inline-flex;align-items:center;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);padding:5px 9px;font-size:12px;font-weight:820}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-evidence-link{width:fit-content;display:inline-flex;align-items:center;min-height:44px;margin-top:12px;color:var(--color-primary);font-size:13px;font-weight:780;text-decoration-thickness:1px;text-underline-offset:4px}.primary-action{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);padding-inline:18px}.primary-action:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.hero-demo{border-block:1px solid var(--color-border-strong);background:var(--color-surface);padding:22px 0}.preservation-record{border:0;background:var(--color-code-surface);color:var(--color-code-ink);padding:24px}.record-heading{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid oklch(96% .01 255 / .18);padding-bottom:14px;color:var(--color-code-ink-soft);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.record-heading strong{color:var(--color-preservation-on-slate)}.preservation-record .flow-heading h2{max-width:520px;color:var(--color-code-ink);font-size:clamp(24px,3vw,36px);line-height:1.05}.preservation-record .flow-heading p{max-width:62ch;color:var(--color-code-ink-soft)}.recovery-sequence{margin:26px 0 0;padding:0;list-style:none}.recovery-sequence li{display:grid;grid-template-columns:40px 1fr;gap:14px;border-top:1px solid oklch(96% .01 255 / .14);padding:13px 0}.recovery-sequence li>span{color:var(--color-preservation-on-slate);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.recovery-sequence div{display:grid;gap:3px}.recovery-sequence strong{color:var(--color-code-ink);font-size:14px}.recovery-sequence small{color:var(--color-code-ink-soft);font-size:12px;line-height:1.4}.reimplementation-dossier>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;border-top:1px solid oklch(96% .01 255 / .14);padding:13px 0}.reimplementation-dossier dt{color:var(--color-preservation-on-slate);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.reimplementation-dossier dd{display:grid;gap:3px;margin:0}.reimplementation-dossier dd strong{color:var(--color-code-ink);font-size:14px}.reimplementation-dossier dd small{color:var(--color-code-ink-soft)}.dossier-links{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid oklch(96% .01 255 / .18);padding-top:14px}.dossier-links a{min-height:44px;display:inline-flex;align-items:center;border:1px solid oklch(96% .01 255 / .26);color:var(--color-code-ink);padding:6px 9px;font-size:12px;font-weight:760}.dossier-links a:hover,.dossier-links a:focus-visible{border-color:var(--color-preservation-on-slate)}.evidence-line{margin:18px 0 0;border-top:1px solid oklch(96% .01 255 / .18);padding-top:16px;color:var(--color-code-ink-soft);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.55}.evidence-line strong{color:var(--color-code-ink)}.flow-node{width:fit-content;min-height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-ink);color:var(--color-surface);padding:0 10px;font-size:12px;font-weight:780}.flow-heading{display:grid;gap:4px;margin-top:18px}.flow-heading h2{margin:0;color:var(--color-ink);font-size:20px;line-height:1.15}.flow-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.flow-grid a{min-height:52px;display:grid;align-content:center;gap:4px;border:1px solid var(--color-border);background:var(--color-surface);padding:11px 12px;color:var(--color-ink);font-size:14px;font-weight:740}.flow-grid small{color:var(--color-ink-soft);font-size:11px;font-weight:720}.flow-grid a:hover,.flow-grid a:focus-visible{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.flow-grid a:hover small,.flow-grid a:focus-visible small{color:var(--color-on-primary);opacity:.76}.hero-demo pre,.code-output{overflow:auto;margin:0;border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-code-accent);padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;white-space:pre}.principles-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:40px;align-items:end;border-top:1px solid var(--border);padding:72px 0 34px}.principles-section h2{max-width:760px;margin:0;font-size:clamp(34px,5vw,72px);line-height:.96;letter-spacing:0}.principle-list{display:grid;gap:10px}.principle-list span{border-top:1px solid var(--border);padding:14px 0;color:var(--color-ink);font-weight:760}.preservation-principles{border-top:1px solid var(--color-border)}.path-section{border-top:1px solid var(--color-border);padding:64px 0 48px}.preservation-paths{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--color-border)}.preservation-paths button{width:100%;min-height:84px;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(280px,1.3fr) auto;gap:20px;align-items:center;border:0;border-top:1px solid var(--color-border);background:transparent;color:var(--color-ink);padding:16px 0;text-align:left;cursor:pointer}.preservation-paths button:hover,.preservation-paths button:focus-visible{background:var(--color-surface-subtle)}.preservation-paths button.is-active{background:var(--color-ink);color:var(--color-surface)}.preservation-paths strong{font-size:20px}.preservation-paths small{max-width:65ch;color:var(--color-ink-soft);font-size:14px;line-height:1.5}.preservation-paths .path-action{color:var(--color-primary);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:760;white-space:nowrap}.preservation-paths button.is-active small,.preservation-paths button.is-active .path-action{color:var(--color-surface)}.catalog-section{scroll-margin-top:20px}.catalog-controls{display:grid;gap:10px;border-block:1px solid var(--color-border-strong);padding:18px 0;margin-bottom:4px}.catalog-controls>label{color:var(--color-ink);font-size:13px;font-weight:800}.catalog-search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.catalog-search-row button,.catalog-feedback button{min-height:44px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);padding:8px 14px;font-weight:760;cursor:pointer}.catalog-search-row button:hover,.catalog-feedback button:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.catalog-feedback{min-height:44px;display:flex;justify-content:space-between;gap:16px;align-items:center}.catalog-feedback p{margin:0;color:var(--color-ink-soft);font-size:13px;font-weight:720}.catalog-feedback button{border-color:var(--color-primary);color:var(--color-primary)}.signals-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(360px,1fr);gap:40px;align-items:start;border-top:1px solid var(--border);padding:44px 0 28px}.signals-section h2{margin:0;font-size:clamp(30px,4vw,58px);line-height:.98;letter-spacing:0}.signals-section p{color:var(--muted);font-size:17px;line-height:1.55}.signals-panel{border:1px solid var(--border);border-top:5px solid var(--color-ink);background:var(--color-surface);padding:20px}.signal-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.signal-metrics div{border:1px solid var(--color-border);background:var(--color-surface-subtle);padding:14px}.signal-metrics strong{display:block;color:var(--color-ink);font-size:26px;line-height:1}.signal-metrics span,.signal-list span,.signal-updated{color:var(--muted);font-size:12px!important;line-height:1.35!important;font-weight:720}.signal-list{list-style:none;display:grid;gap:0;margin:18px 0 0;padding:0}.signal-list li{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--color-border);padding:12px 0}.signal-list a{min-height:44px;display:inline-flex;align-items:center;color:var(--color-ink);font-weight:780}.signal-list a:hover{text-decoration:underline;text-underline-offset:4px}.signal-updated{margin:8px 0 0!important}.library-section{padding:24px 0 28px}.library-section+.library-section{border-top:1px solid var(--border)}.section-heading{display:grid;grid-template-columns:minmax(0,.72fr) minmax(280px,.55fr);gap:28px;align-items:end;margin-bottom:18px}.section-heading h2{margin:0;font-size:clamp(30px,4vw,58px);line-height:.98;letter-spacing:0}.section-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}.library-grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--border);padding:0 0 36px}.library-card{min-height:0;min-width:0;display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr) auto;gap:28px;align-items:start;border-bottom:1px solid var(--border);background:transparent;padding:22px 0}.library-card.is-preview{background:transparent}.library-identity,.library-description{min-width:0}.card-label{display:flex;align-items:center;gap:9px;margin:0 0 9px;color:var(--color-ink-soft)!important;font-size:13px!important;line-height:1.25!important;font-weight:720}.card-label span{width:8px;height:8px;flex:0 0 auto;background:var(--color-primary)}.library-card h3{margin:0;font-size:22px;letter-spacing:0}.library-card p{margin:0;font-size:15px}.package-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.package-badges span{min-height:28px;display:inline-flex;align-items:center;border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-ink);padding:4px 8px;font-size:12px;font-weight:820}.install-badges{margin-top:12px}.card-highlight{margin-top:12px!important;color:var(--color-ink)!important;font-weight:720}.card-record{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:14px 0 0;border-top:1px solid var(--color-border);padding-top:12px}.card-record>div{min-width:0;padding-inline-end:8px}.card-record dt{color:var(--color-ink-soft);font-size:11px;font-weight:720}.card-record dd{margin:3px 0 0;color:var(--color-ink);font-size:12px;font-weight:760;line-height:1.35}.card-record>div:first-child dd{color:var(--color-primary)}.card-evidence-links{margin-top:12px;border-top:1px solid var(--color-border);padding-top:8px}.card-evidence-links summary{width:fit-content;min-height:44px;display:flex;align-items:center;color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:780}.card-evidence-links>div,.implementation-record-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.card-evidence-links a,.card-evidence-links span,.implementation-record-links a,.implementation-record-links span{min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--color-border);color:var(--color-ink);padding:6px 9px;font-size:12px;font-weight:740}.card-evidence-links a:hover,.card-evidence-links a:focus-visible,.implementation-record-links a:hover,.implementation-record-links a:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.card-actions{display:flex;flex-direction:column;gap:8px;margin-top:0}.site-footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding:26px 0 34px;color:var(--muted);font-size:14px}.site-footer a{color:var(--color-ink);font-weight:760}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a,.static-primary-nav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.library-hero{padding:28px 0 34px}.library-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:28px;color:var(--muted);font-size:13px;font-weight:720}.library-breadcrumb a{color:var(--color-ink)}.library-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.library-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.38fr);gap:32px;align-items:end}.library-heading h1{font-size:clamp(48px,7vw,88px)}.library-heading p{max-width:760px;margin:22px 0 0}.install-box{border:1px solid var(--border);border-top:5px solid var(--accent);background:var(--color-surface);padding:18px}.install-box code{display:block;overflow:auto;padding:14px;background:var(--color-code-surface);color:var(--color-code-ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;white-space:nowrap}.install-command{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:0!important;margin:0!important}.install-command button{min-width:68px;border:0;background:var(--color-preservation-on-slate);color:var(--color-code-surface);padding:0 12px;font-weight:820;cursor:pointer}.install-command button:hover,.install-command button:focus-visible{filter:brightness(1.08)}.route-loading{min-height:min(680px,calc(100vh - 90px));display:grid;place-content:center;justify-items:center;gap:16px;color:var(--color-ink-soft)}.route-loading span{width:34px;height:34px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:route-loading-spin .8s linear infinite}.route-loading p{margin:0;font-size:14px;font-weight:760}@keyframes route-loading-spin{to{transform:rotate(360deg)}}.preview-status-box{display:grid!important;gap:6px!important;margin:0!important;padding:14px;background:var(--color-code-surface);color:var(--color-code-ink)}.preview-status-box strong{font-size:14px}.preview-status-box span{color:var(--color-code-ink-soft);font-size:13px;line-height:1.45}.install-box div{display:flex;gap:8px;margin-top:12px}.demo-shell{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1fr);gap:18px;padding:28px 0 54px}.json-html-demo{grid-column:1 / -1;min-width:0}.mobile-demo-switch,.mobile-result-action,.mobile-scroll-hint,.input-validation-note{display:none}.sample-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:14px}.sample-toolbar>div{display:grid;gap:8px}.sample-toolbar button,.mobile-demo-switch button,.mobile-result-action{min-height:44px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);padding:8px 13px;font-weight:760;cursor:pointer}.sample-toolbar button:hover,.mobile-demo-switch button:hover,.mobile-result-action:hover{border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.validation-state{min-height:48px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--color-border);padding:10px 18px;font-size:13px;line-height:1.4}.validation-state.is-valid{background:var(--color-success-surface);color:var(--color-success-ink)}.validation-state.is-error{display:grid;gap:2px;background:var(--color-danger-surface);color:var(--color-danger-ink)}.validation-state.is-error span{font-size:12px}.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.demo-tab{min-height:40px;border:1px solid var(--border);background:var(--color-surface);color:var(--color-ink);padding:8px 14px;font-weight:760;cursor:pointer}.demo-tab:hover,.demo-tab:focus-visible{border-color:var(--color-border-strong);background:var(--color-surface-elevated)}.demo-tab.is-active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.tab-demo-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1fr);gap:18px}.tab-demo-grid[hidden]{display:none}.panel{border:1px solid var(--border);background:var(--color-surface);min-width:0}.input-panel{padding:18px}.preview-note{margin:0 0 14px;border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-ink);padding:10px 12px;font-size:12px;line-height:1.35;font-weight:820}.output-panel{display:flex;flex-direction:column;min-height:560px;overflow:hidden}.panel label,.panel-title{display:block;margin:0 0 8px;color:var(--color-ink);font-size:13px;font-weight:820}.control-hint{display:block;margin-top:3px;color:var(--color-ink-soft);font-size:11px;font-weight:620;line-height:1.35}.panel-title{border-bottom:1px solid var(--border);padding:18px}.demo-meta{border-bottom:1px solid var(--border);color:var(--muted);padding:10px 18px;font-size:13px;font-weight:760}textarea,input,select{width:100%;border:1px solid var(--color-border-strong);background:var(--color-input);color:var(--color-ink)}textarea{min-height:390px;resize:vertical;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}input,select{height:44px;padding:0 12px;font-size:14px}textarea:focus,input:focus,select:focus{border-color:var(--color-focus);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-focus) 22%,transparent)}.control-row{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;align-items:end;margin-top:14px}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.range-control{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:10px;align-items:center}.range-control input{padding:0}.range-control output{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);background:var(--color-input);color:var(--color-ink);font-weight:760}.check-control{min-height:42px;display:flex!important;align-items:center;gap:10px;margin-top:14px!important;color:var(--color-ink);cursor:pointer}.check-control input{width:20px;height:20px;flex:0 0 auto;padding:0}.check-control span{font-size:14px;font-weight:760}.compact-title{border-bottom:0;padding:0}.compact-code{max-height:300px}.rendered-json,.table-output,.code-output,.frontmatter-output{flex:1;overflow:auto}.small-code{flex:0 0 auto;max-height:260px}.rendered-json{padding:24px}.frontmatter-output{display:grid;gap:16px;padding:18px}.hex-grid-demo-panel{min-height:640px}.hex-grid-board{flex:1;min-height:420px;display:grid;place-items:center;overflow:auto;padding:22px;background:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px),var(--color-input);background-size:24px 24px}.hex-grid-board svg{max-width:min(100%,760px);max-height:520px}.hex-grid-board .hex-grid__cell{cursor:pointer;transition:filter .12s ease,stroke-width .12s ease}.hex-grid-board .hex-grid__cell:hover{filter:brightness(.96);stroke-width:2.2}.hex-grid-stats{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border);padding:12px 18px}.hex-grid-stats span{min-height:30px;display:inline-flex;align-items:center;border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-ink);padding:5px 9px;font-size:12px;font-weight:820}.color-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}.color-match-card{display:grid;grid-template-columns:34px 42px minmax(0,1fr);gap:8px 10px;align-items:center;border:1px solid var(--color-border);background:var(--color-surface-subtle);padding:12px}.color-match-rank{color:var(--muted);font-size:12px;font-weight:820}.color-swatch{width:42px;height:42px;border:1px solid var(--color-border-strong)}.color-match-card strong,.color-match-card code,.color-match-card span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-match-card strong{color:var(--color-ink);font-size:14px}.color-match-card code{grid-column:2 / 3;color:var(--color-code-accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.color-match-card span:last-child{grid-column:3 / 4;color:var(--muted);font-size:12px;font-weight:760}.large-log-input{min-height:320px}.large-log-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.large-log-actions button,.large-log-search-results button{min-height:44px;border:1px solid var(--border);background:var(--color-surface);color:var(--color-ink);font:inherit;font-weight:820;cursor:pointer}.large-log-actions button:hover,.large-log-actions button:focus-visible,.large-log-search-results button:hover,.large-log-search-results button:focus-visible{border-color:var(--color-ink)}.large-log-panel{min-height:650px}.large-log-scroll{position:relative;flex:0 0 auto;height:clamp(320px,48vh,480px);min-height:320px;overflow:auto;contain:layout paint;background:var(--color-code-surface);color:var(--color-log-text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.4}.large-log-spacer{position:relative;min-width:max-content}.large-log-rows{position:absolute;inset:0 0 auto}.large-log-row{display:grid;grid-template-columns:74px minmax(760px,1fr);align-items:center;border-bottom:1px solid var(--color-log-rule)}.large-log-row code{overflow:hidden;white-space:pre;color:inherit}.large-log-line-number{padding:0 12px;color:var(--color-log-line-number);text-align:right;-webkit-user-select:none;user-select:none}.llv-fg-red{color:var(--color-log-red)}.llv-fg-yellow{color:var(--color-log-yellow)}.llv-fg-green{color:var(--color-log-green)}.llv-fg-blue{color:var(--color-log-blue)}.llv-bold{font-weight:800}.llv-underline{text-decoration:underline}.llv-match{background:var(--color-log-match);color:var(--color-log-match-ink)}.large-log-search-results{border-top:1px solid var(--border);padding:14px 18px 18px}.large-log-result-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin-bottom:10px}.large-log-result-meta strong{color:var(--color-ink);font-size:14px}.large-log-result-meta span{color:var(--muted);font-size:12px;font-weight:760}.large-log-search-results ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.large-log-search-results li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center}.large-log-search-results code{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-code-accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.frontmatter-output section{min-width:0}.frontmatter-output h2{margin:0 0 8px;color:var(--color-ink);font-size:13px;font-weight:820}.frontmatter-output table{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:13px}.frontmatter-output th,.frontmatter-output td{border:1px solid var(--color-border);padding:9px 10px;text-align:left;vertical-align:top}.frontmatter-output th{background:var(--color-surface-subtle);color:var(--color-ink-soft);font-size:11px;text-transform:uppercase}.empty-state{margin:0;border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--muted);padding:12px;font-size:14px;font-weight:700}.table-output{padding:18px}.compact-table-output{flex:0 0 auto;border-bottom:1px solid var(--border);padding:14px 18px}.table-output table,.array-table-kit-table{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:14px}.table-output th,.table-output td,.array-table-kit-table th,.array-table-kit-table td{border:1px solid var(--color-border);padding:10px 12px;text-align:left}.table-output th,.array-table-kit-table th{background:var(--color-surface-subtle);color:var(--color-ink-soft);font-size:12px;text-transform:uppercase}.error-box{border:1px solid var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger-ink);padding:14px;font-size:14px;line-height:1.45}.next-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid var(--border);padding:34px 0 78px}.next-section a{min-height:86px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;background:var(--color-surface);font-size:17px}.next-section span{color:var(--muted);font-size:13px}.static-primary-nav{display:flex;justify-content:flex-end;gap:18px;font-size:14px;font-weight:760}.section-note{margin:0 0 12px;color:var(--color-primary);font-size:14px!important;font-weight:720}.static-primary-nav a:hover,.package-documentation a:hover,.static-package-group a:hover{text-decoration:underline;text-underline-offset:4px}.static-hero{align-items:start;min-height:auto;padding-bottom:72px}.static-hero .signals-panel{margin-top:10px}.static-hero .signal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.static-package-group{border-top:1px solid var(--border);padding:28px 0}.static-package-group h3{margin:0;font-size:clamp(24px,3vw,38px)}.static-package-group>p{margin:8px 0 18px;color:var(--muted);font-size:16px}.static-package-group ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.static-package-group li{display:grid;gap:6px;border:1px solid var(--border);background:var(--surface);padding:16px}.static-package-group li a{font-weight:800}.static-package-group li span{color:var(--muted);font-size:14px;line-height:1.5}.static-demo-summary{display:block;min-height:auto;margin-bottom:42px}.static-demo-summary>div{max-width:760px}.package-documentation{border-top:1px solid var(--border);padding:54px 0 72px}.documentation-intro{max-width:840px;margin-bottom:34px}.reimplementation-record{display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,1.25fr);gap:32px;border-block:1px solid var(--color-border-strong);margin-bottom:34px;padding:30px 0}.reimplementation-record h2,.reimplementation-record p{margin:0}.reimplementation-record h2{font-size:clamp(25px,3vw,38px)}.reimplementation-record>div>p:last-child{margin-top:10px;color:var(--color-ink-soft);line-height:1.6}.reimplementation-record dl{margin:0}.reimplementation-record dl>div{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:16px;border-top:1px solid var(--color-border);padding:10px 0}.reimplementation-record dt{color:var(--color-ink-soft);font-size:12px;font-weight:760}.reimplementation-record dd{margin:0;color:var(--color-ink);font-size:13px;font-weight:700}.implementation-record-links{grid-column:1 / -1;margin-top:0;border-top:1px solid var(--color-border);padding-top:14px}.exemplar-evidence{grid-column:1 / -1;border:1px solid var(--color-border-strong);background:var(--color-surface-subtle);padding:16px}.exemplar-evidence p{margin-top:6px;color:var(--color-ink-soft);font-size:13px}.exemplar-evidence div{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.exemplar-evidence a{color:var(--color-primary);font-size:13px;font-weight:760}.documentation-intro h2,.package-facts h2,.related-packages h2{margin:0 0 14px;font-size:clamp(28px,4vw,48px);line-height:1}.documentation-intro p,.documentation-grid p,.package-facts p{font-size:16px;line-height:1.7}.documentation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.documentation-grid>section{border:1px solid var(--border);background:var(--surface);padding:24px}.documentation-grid h2{margin:0 0 12px;font-size:22px}.documentation-grid pre{overflow:auto;border:1px solid var(--color-border-strong);background:var(--color-code-surface);color:var(--color-code-ink);padding:14px}.documentation-grid li{margin:8px 0;line-height:1.55}.package-facts,.related-packages{border-top:1px solid var(--border);margin-top:34px;padding-top:34px}.package-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.package-facts dl div{border:1px solid var(--border);background:var(--surface);padding:14px}.package-facts dt{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.package-facts dd{margin:7px 0 0;font-size:15px;font-weight:760}.about-content{padding-top:42px}@media(max-width:980px){.hero-section,.principles-section,.signals-section,.section-heading,.library-heading,.demo-shell,.documentation-grid,.tab-demo-grid,.reimplementation-record{grid-template-columns:1fr}.hero-section{min-height:auto}.static-package-group ul,.next-section{grid-template-columns:repeat(2,minmax(0,1fr))}.preservation-paths button{grid-template-columns:minmax(180px,.7fr) minmax(0,1fr) auto}}@media(max-width:680px){.site-header,.site-footer,main{width:min(var(--page-max),calc(100% - 28px))}.site-header,.site-footer{display:flex;flex-direction:column;align-items:flex-start}.demo-nav{width:100%;justify-content:flex-start}.theme-toggle{position:absolute;inset-block-start:22px;inset-inline-end:0}.demo-nav-group,.demo-nav-group summary{width:100%}.demo-nav-group summary{justify-content:space-between}.demo-nav-group small{max-width:none;margin-left:auto}.demo-nav-menu{position:static;width:100%;max-height:70vh;margin-top:6px;box-shadow:none}.demo-nav-overview{align-items:flex-start;flex-direction:column}.demo-nav-domains,.demo-nav-domain>div{grid-template-columns:1fr}.demo-nav-domain:nth-child(2){border-top:1px solid var(--color-border)}.hero-copy h1,.library-heading h1{font-size:clamp(36px,10.5vw,50px);line-height:.98}.mission-label{max-width:calc(100% - 104px);font-size:12px!important}.preservation-record{padding:18px}.hero-section{gap:24px;padding-top:10px}.hero-copy p{margin-top:16px;font-size:16px}.hero-status-strip{margin-top:14px}.hero-actions{margin-top:20px}.path-section{padding:48px 0 36px}.preservation-paths button{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 0}.preservation-paths strong{font-size:17px}.preservation-paths small{grid-column:1 / -1;padding-inline-end:8px}.reimplementation-dossier>div{grid-template-columns:1fr;gap:5px}.card-record,.reimplementation-record dl>div{grid-template-columns:1fr;gap:4px}.card-record{gap:9px}.catalog-search-row{grid-template-columns:1fr}.catalog-feedback{align-items:stretch;flex-direction:column}.catalog-feedback button{width:100%}.hero-copy p,.library-heading p,.principles-section p,.signals-section p{font-size:16px}.signal-metrics{grid-template-columns:1fr}.static-primary-nav{justify-content:flex-start}.documentation-grid,.static-package-group ul,.package-facts dl{grid-template-columns:1fr}.signal-list li{flex-direction:column;gap:5px}.library-grid,.next-section{grid-template-columns:1fr}.library-card{grid-template-columns:1fr;gap:16px}.card-actions{flex-direction:row;flex-wrap:wrap}.flow-grid,.control-row,.control-grid,.color-match-grid,.sample-toolbar{grid-template-columns:1fr}.mobile-demo-switch{position:sticky;z-index:10;top:0;grid-column:1 / -1;display:flex;gap:8px;background:var(--color-page);padding:8px 0}.mobile-demo-switch button{flex:1}.mobile-demo-switch button.is-active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface)}.mobile-result-action{width:100%;display:inline-flex;align-items:center;justify-content:center;margin-top:16px;border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}#json-html-renderer-panel[data-mobile-view=input] [data-mobile-json-panel=result],#json-html-renderer-panel[data-mobile-view=result] [data-mobile-json-panel=input]{display:none}#json-html-renderer-panel[data-mobile-view=result] .output-panel{min-height:520px}.output-panel{min-height:420px;overflow:visible}.rendered-json{overflow-x:auto;overscroll-behavior-inline:contain;padding:12px;scrollbar-gutter:stable}.rendered-json .jhk{min-width:560px}.rendered-json .jhk table{min-width:520px}.rendered-json .jhk-value{min-width:140px}.mobile-scroll-hint{display:block;margin:0;border-bottom:1px solid var(--color-border);background:var(--color-warning-surface);color:var(--color-warning-ink);padding:8px 12px;font-size:12px;font-weight:720}.input-validation-note.is-error{display:block;margin-top:10px;border:1px solid var(--color-danger-border);background:var(--color-danger-surface);color:var(--color-danger-ink);padding:10px 12px;font-size:12px;line-height:1.45}textarea{min-height:300px}}@media(pointer:coarse){.demo-nav-link,.secondary-action,.primary-action,.card-actions a,.install-box a,.footer-links a,.static-primary-nav a,.library-breadcrumb a,.demo-tab,.large-log-actions button,.large-log-search-results button{min-height:44px}.dossier-links a,.hero-evidence-link,.card-evidence-links summary,.card-evidence-links a,.implementation-record-links a{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.card-label span{border:1px solid CanvasText}.demo-tab.is-active,.primary-action{border-color:Highlight}}