:root{color-scheme:light;--ink:#173f3b;--accent:#12675d;--paper:#f6f5ed;--line:#cbd4c5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif;margin:0}main.container{max-width:1120px}h1{font-weight:800;font-size:clamp(2rem,5vw,3.7rem);line-height:1.08;letter-spacing:-.04em}h2{font-weight:750;font-size:1.5rem;line-height:1.25}h3{font-size:1.12rem;font-weight:700}.hero{background:#073d3f;color:#f6f4df;padding:clamp(20px,5vw,48px);border-radius:24px}.hero p{max-width:750px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.notice{background:#eaf0db;border-left:4px solid #91a95d;border-radius:0 12px 12px 0;padding:16px;color:#27473c}.card{background:#fffef8;border:1px solid var(--line);border-radius:18px;min-width:0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.metric{background:#e4eee4;padding:12px;border-radius:12px}.metric span{display:block;font-size:.78rem}.metric strong{font-size:1.45rem;line-height:1.2}.controls{display:flex;gap:8px;flex-wrap:wrap}.btn{font-weight:650;min-height:44px;white-space:normal;overflow-wrap:anywhere}.btn-primary{--bs-btn-bg:#176a5b;--bs-btn-border-color:#176a5b;--bs-btn-hover-bg:#105247;--bs-btn-hover-border-color:#105247;--bs-btn-disabled-bg:#176a5b;--bs-btn-disabled-border-color:#176a5b}.btn-outline-primary{--bs-btn-color:#205e52;--bs-btn-border-color:#7a9483;--bs-btn-hover-bg:#205e52;--bs-btn-hover-border-color:#205e52}.form-control,.form-select{min-height:44px;color:var(--ink);background-color:#fff;font-size:1rem}.form-select{white-space:normal}label{font-weight:650;display:block}.flow{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0}.flow span:not([aria-hidden]){background:#eaf0df;padding:12px;border:1px solid #c9d2bd;border-radius:12px;font-weight:650}.flow [aria-hidden]{color:#648a71}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#123e36;color:#edf5e6;border-radius:12px;padding:16px;font-size:13px;line-height:1.55;max-width:100%;max-height:600px;overflow:auto}details summary{cursor:pointer;font-weight:650;padding:8px 0;min-height:44px}a{color:#136858}a:hover{color:#0d4b41}.hero a{color:#173f3b}:focus-visible{outline:3px solid #cc9b32!important;outline-offset:3px}.check{padding:8px 12px;border-bottom:1px solid #dae1d2;list-style:none}#checks{padding:0}#generator-error{color:#9e301f}#position{padding:10px 12px;background:#e8efdd;border-radius:10px;font-weight:650}button:disabled{opacity:.55}@media(max-width:540px){main.container{padding-left:12px;padding-right:12px}.hero{border-radius:16px}.controls{display:grid;grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.flow{flex-direction:column}.flow span:not([aria-hidden]){width:100%;text-align:center}.flow [aria-hidden]{transform:rotate(90deg)}h1{font-size:2.1rem}h2{font-size:1.3rem}pre{padding:12px}.form-select{font-size:.94rem}}@media(max-width:340px){.controls,.metrics{grid-template-columns:1fr}.btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}