:root{--ink:#173d35;--teal:#135d4c;--paper:#f6f3e9;--line:#d7e2d6}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,sans-serif}.hero{background:#083e35;color:#fff9e4;padding:clamp(23px,5vw,44px);border-radius:21px;background-image:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:27px 27px}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;letter-spacing:-.035em}.hero p{max-width:760px}.hero-link{color:#ffe78b;font-weight:700}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#a9dfc1;font-weight:750}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:28px;margin:20px 0;min-width:0}h2{font-size:1.55rem;font-weight:750;line-height:1.3}h3{font-size:1.2rem;font-weight:700;margin:22px 0 14px}.boundary{padding:16px 20px;background:#e9efd8;border-left:4px solid #94ad55;border-radius:8px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.btn,select,summary,input{min-height:44px}input,select{min-width:0;max-width:100%}label{display:block;font-weight:650;margin-bottom:7px}.btn-success{background:var(--teal);border-color:var(--teal)}.btn-outline-success{color:var(--teal);border-color:var(--teal)}.hint{color:#567063;font-size:.875rem;margin-top:10px}.fields{margin-top:7px}.answer{margin-top:18px;border:1px solid #cdddbd;background:#f2f7e7;padding:18px;border-radius:12px;overflow-wrap:anywhere}.answer:empty{display:none}.big-result{font-size:clamp(1.4rem,5vw,2.3rem);font-weight:800;line-height:1.3;color:#0b654e;overflow-wrap:anywhere}.result-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:0;list-style:none}.result-list li{background:#edf4e6;padding:12px;border-radius:9px;min-width:0;overflow-wrap:anywhere}.result-list strong{display:block}.explain{margin:16px 0}.tag{display:inline-block;border-radius:5px;background:#e7eddb;padding:3px 9px;font-size:12px;margin:0 0 12px}.scenario-result{background:#f5f7ed;border:1px solid var(--line);padding:18px;border-radius:12px;overflow-wrap:anywhere}summary{cursor:pointer;font-weight:700;padding:10px 0}details{margin-top:15px}pre{background:#103c32;color:#edffe3;white-space:pre;overflow:auto;padding:19px;border-radius:12px;font:13px/1.75 Consolas,monospace;max-height:430px;max-width:100%}pre code{color:inherit;overflow-wrap:normal}code{color:#19614d;overflow-wrap:anywhere}a{color:#155d4a}[role=alert]:not(:empty){margin-top:15px;padding:16px;border-radius:12px;background:#ffe8dc;color:#6f2b1d}.row>*{min-width:0}footer{font-size:13px;color:#52715e;padding:10px 0}[hidden]{display:none!important}:focus-visible{outline:3px solid #c5a128!important;outline-offset:3px}.btn:disabled{opacity:.55}@media(max-width:640px){.container-xl{padding-inline:12px}.panel{padding:20px 16px;border-radius:13px}.actions>*{width:100%}.hero{border-radius:16px}.form-select{font-size:14px}h2{font-size:1.35rem}pre{font-size:12px;padding:14px}.boundary{padding:15px}.result-list{grid-template-columns:1fr}.scenario-result{padding:12px}}