:root{--color-map:#EEF1EA;--color-paper:#F8F9F5;--color-wash:#E3E8DE;--color-rule:#CDD5C8;--color-rule-strong:#9DAAA2;--color-map-ink:#1B2724;--color-map-muted:#4B5A55;--color-map-faint:#7F8C86;--color-trail:#D2362B;--color-trail-deep:#B02A20;--color-trail-hover:#B92E24;--color-contour:#B89A6A;--color-contour-deep:#8A6D40;--color-water:#7FA7C9;--color-water-deep:#3F6F96;--color-forest:#CFDEC5;--color-on-trail:#FFFFFF;--color-primary:var(--color-map-ink);--color-primary-hover:#0B1210;--color-on-primary:var(--color-map);--color-bg:var(--color-map);--color-surface:var(--color-paper);--color-surface-sunken:var(--color-wash);--color-border:var(--color-rule);--color-border-strong:var(--color-rule-strong);--color-text:var(--color-map-ink);--color-text-muted:var(--color-map-muted);--color-accent:var(--color-trail-deep);--color-accent-hover:var(--color-trail);--color-focus:var(--color-trail);--color-error:#B3261E;--color-success:#2F6B4F;--color-edge-highlight:rgba(255,255,255,0.6);--color-edge-shadow:rgba(27,39,36,0.12);--color-trail-wash:rgba(210,54,43,0.08);--color-trail-halo:rgba(210,54,43,0.28);--font-display:var(--font-grotesk,"Familjen Grotesk"),"Helvetica Neue",Arial,sans-serif;--font-body:var(--font-grotesk,"Familjen Grotesk"),"Helvetica Neue",Arial,sans-serif;--font-mono:var(--font-plex-mono,"IBM Plex Mono"),ui-monospace,SFMono-Regular,Menlo,monospace;--text-display-xl:88px;--text-display-lg:64px;--text-display-md:48px;--text-headline-lg:34px;--text-headline-md:26px;--text-title-md:18px;--text-body-lg:17px;--text-body-md:15px;--text-body-sm:14px;--text-label-sm:11px;--text-mono-sm:12px;--leading-tight:0.95;--leading-snug:1.15;--leading-normal:1.5;--leading-relaxed:1.6;--tracking-tight:-0.04em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-wider:0.12em;--tracking-caps:0.1em;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--gutter:24px;--section-pad-y:64px;--radius-none:0px;--radius-sm:0px;--radius-md:2px;--radius-lg:4px;--radius-full:999px;--shadow-none:none;--shadow-inset-edge:none;--shadow-card:none;--shadow-pop:0 18px 40px -14px rgba(27,39,36,0.28),0 2px 8px rgba(27,39,36,0.08);--shadow-focus:0 0 0 2px var(--color-trail-halo);--shadow-focus-strong:0 0 0 2px var(--color-trail-halo),0 0 0 4px rgba(210,54,43,0.10);--border-hairline:1px solid var(--color-border);--border-strong:1px solid var(--color-border-strong);--border-frame:1.5px solid var(--color-map-ink);--border-rule:1px solid var(--color-map-ink);--border-accent:1px solid var(--color-accent);--ease-out:cubic-bezier(0.2,0.65,0.25,1);--duration-fast:120ms;--duration-base:200ms;--color-ember:var(--color-trail);--color-ember-text:var(--color-trail-deep);--color-spark:var(--color-trail-hover);--color-ink:var(--color-on-trail);--color-graphite:var(--color-paper);--color-slate:var(--color-wash);--color-filament:var(--color-rule);--color-bone:var(--color-map-ink);--color-ash:var(--color-map-muted);--color-ash-soft:var(--color-map-faint);--color-ember-wash:var(--color-trail-wash);--color-ember-halo:var(--color-trail-halo)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-trail);color:var(--color-on-trail)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-accent-hover)}hr{border:0;border-top:var(--border-hairline);margin:var(--space-lg) 0}.display-lg,.display-md,.display-xl,.headline-lg,.headline-md{font-family:var(--font-display);color:var(--color-text);margin:0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.display-lg,.display-md,.display-xl{font-weight:600}.display-xl{font-size:var(--text-display-xl)}.display-lg{font-size:var(--text-display-lg)}.display-md{font-size:var(--text-display-md)}.headline-lg{font-size:var(--text-headline-lg);font-weight:600;line-height:1.05;letter-spacing:-.03em}.headline-md{font-size:var(--text-headline-md);font-weight:600;line-height:1.1;letter-spacing:-.02em}.title-md{font-size:var(--text-title-md);font-weight:600;line-height:var(--leading-snug)}.body-lg,.title-md{font-family:var(--font-body);margin:0}.body-lg{font-size:var(--text-body-lg);line-height:var(--leading-relaxed);color:var(--color-text)}.body-md{font-size:var(--text-body-md);color:var(--color-text)}.body-md,.body-sm{font-family:var(--font-body);line-height:var(--leading-normal);margin:0}.body-sm{font-size:var(--text-body-sm)}.body-sm,.eyebrow,.label-sm{color:var(--color-text-muted)}.eyebrow,.label-sm{font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0}.eyebrow--accent{color:var(--color-accent)}.mono{font-family:var(--font-mono);font-size:var(--text-mono-sm);letter-spacing:var(--tracking-wide)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-xl)}@media (max-width:600px){.container{padding:0 var(--space-md)}}.stack>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}.row{display:flex;align-items:center;gap:var(--space-md)}.row--between{justify-content:space-between}.grid{display:grid;gap:var(--gutter)}.frame{border:var(--border-hairline);background:var(--color-surface);border-radius:var(--radius-md)}.frame-flat{border:var(--border-hairline);background:transparent;border-radius:0}.id-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 var(--space-2xs);border-radius:var(--radius-sm);background:var(--color-trail);color:var(--color-on-trail);font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:600;letter-spacing:var(--tracking-wide)}.id-badge--ghost{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent)}.id-numeral{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--color-accent);letter-spacing:var(--tracking-wide)}.card{background:var(--color-surface);border:var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-lg);color:var(--color-text)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.card__body{display:block}.spec-panel{background:var(--color-surface);border:var(--border-frame);border-radius:0;overflow:hidden}.spec-panel__bar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-map-ink);color:var(--color-paper)}.spec-panel__bar .spec-panel__title{flex:1 1;font-family:var(--font-display);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-paper)}.spec-panel__bar .spec-panel__status{font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-paper);opacity:.8}.spec-panel__bar .spec-panel__status--live{opacity:1}.spec-panel__action{background:transparent;border:0;color:var(--color-paper);cursor:pointer;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center}.spec-panel__body{padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);height:42px;padding:0 var(--space-lg);border-radius:var(--radius-md);border:1.5px solid transparent;background:transparent;color:var(--color-text);font-family:var(--font-body);font-size:15px;font-weight:600;letter-spacing:0;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-strong)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-on-primary)}.btn--secondary{background:transparent;border-color:var(--color-map-ink);color:var(--color-text)}.btn--secondary:hover{background:var(--color-map-ink);color:var(--color-paper)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{color:var(--color-text)}.btn--icon{width:42px;padding:0}.btn--sm{height:34px;padding:0 var(--space-md);font-size:14px}.btn--lg{height:56px;padding:0 28px;gap:14px;font-size:16px}.field{display:block}.field__label{display:block;font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:var(--space-xs)}.input,.select,.textarea{width:100%;height:42px;padding:0 var(--space-md);background:var(--color-paper);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body-md);font-weight:500;letter-spacing:var(--tracking-normal);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.textarea{height:auto;min-height:88px;padding:var(--space-sm) var(--space-md);resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--color-map-faint)}.input:hover,.select:hover,.textarea:hover{border-color:var(--color-map-muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-trail);box-shadow:var(--shadow-focus);background:#FFFFFF}.input--error{border-color:var(--color-error)}.field__hint{margin-top:var(--space-2xs);font-family:var(--font-body);font-size:var(--text-body-sm);color:var(--color-text-muted)}.field__hint--error{color:var(--color-error)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-text)}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;flex-shrink:0;background:var(--color-paper);border:1.5px solid var(--color-map-muted);border-radius:0;cursor:pointer;position:relative;display:inline-grid;place-content:center;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.checkbox input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:transform var(--duration-fast) var(--ease-out);background:var(--color-on-trail);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.checkbox input[type=checkbox]:checked{background:var(--color-trail);border-color:var(--color-trail)}.checkbox input[type=checkbox]:checked:before{transform:scale(1)}.checkbox input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-body);font-size:var(--text-body-md);color:var(--color-text)}.toggle input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;width:40px;height:22px;flex-shrink:0;background:var(--color-wash);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-map-muted);border-radius:var(--radius-full);transition:transform var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.toggle input[type=checkbox]:checked{background:var(--color-trail);border-color:var(--color-trail)}.toggle input[type=checkbox]:checked:after{transform:translateX(18px);background:var(--color-on-trail)}.toggle input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.tabs{display:flex;gap:var(--space-lg);border-bottom:var(--border-hairline)}.tabs__tab{position:relative;background:transparent;border:0;padding:var(--space-sm) 0;font-family:var(--font-display);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.tabs__tab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.tabs__tab.is-active,.tabs__tab:focus-visible,.tabs__tab:hover,.tabs__tab[aria-selected=true]{color:var(--color-text);outline:none}.tabs__tab.is-active:after,.tabs__tab:focus-visible:after,.tabs__tab[aria-selected=true]:after{background:var(--color-trail)}.tag{display:inline-flex;align-items:center;gap:var(--space-2xs);height:24px;padding:0 var(--space-xs);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-label-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.tag--accent{border-color:var(--color-accent);color:var(--color-accent)}.tag--solid{background:var(--color-trail);border-color:var(--color-trail);color:var(--color-on-trail)}.table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--text-body-sm)}.table th{text-align:left;font-family:var(--font-mono);font-size:var(--text-label-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-muted);font-weight:500;border-bottom:1.5px solid var(--color-map-ink);background:transparent}.table td,.table th{padding:var(--space-sm) var(--space-md)}.table td{border-bottom:var(--border-hairline);color:var(--color-text);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--color-trail-wash)}.bars{display:flex;align-items:flex-end;gap:5px;height:140px;padding:var(--space-md) 0;border-bottom:1.5px solid var(--color-map-ink)}.bars__col{flex:1 1;background:var(--color-map-ink);border-radius:0;transition:background var(--duration-fast) var(--ease-out)}.bars__col--accent{background:var(--color-trail)}.bars__col:hover{background:var(--color-map-muted)}.icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:var(--border-frame);border-radius:0;color:var(--color-text);background:var(--color-paper);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.icon-tile:hover{color:var(--color-accent);border-color:var(--color-trail)}.pagination{gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-label-sm)}.pagination,.pagination__page{display:inline-flex;align-items:center}.pagination__page{justify-content:center;min-width:30px;height:30px;padding:0 var(--space-2xs);border:var(--border-hairline);border-radius:0;background:transparent;color:var(--color-text-muted);cursor:pointer;letter-spacing:var(--tracking-wide);text-transform:uppercase}.pagination__page:hover{color:var(--color-text);border-color:var(--color-border-strong)}.pagination__page.is-active,.pagination__page[aria-current=page]{color:var(--color-on-trail);background:var(--color-trail);border-color:var(--color-trail)}.swatch{display:flex;flex-direction:column;gap:var(--space-xs)}.swatch__chip{height:72px;border:var(--border-hairline)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:var(--border-rule);margin-bottom:var(--space-lg)}.section-head__title{font-family:var(--font-display);font-size:var(--text-headline-lg);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:var(--color-text);margin:0}.section-head__id{white-space:nowrap}.coord,.section-head__id{font-family:var(--font-mono);font-size:var(--text-mono-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.coord{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ol-kicker{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.ol-kicker__dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--color-trail)}.divider{height:1px;background:var(--color-border);width:100%}.surface-sunken{background:var(--color-wash)}.surface-raised{background:var(--color-paper)}.no-radius{border-radius:0}.hairline{border:var(--border-hairline)}.hairline-t{border-top:var(--border-hairline)}.hairline-b{border-bottom:var(--border-hairline)}.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}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.001ms!important;animation-duration:.001ms!important}}