:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#162333;background:#f4f8fa;font-size:16px}*{box-sizing:border-box}body{margin:0;line-height:1.55}.wrap{width:min(100% - 2rem,960px);margin:auto}a{color:#075f79}.site-head{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;gap:1rem}.brand{font-size:1.16rem;font-weight:800;text-decoration:none;color:#093e52}.site-head nav{display:flex;gap:1rem}.hero{padding:2.2rem 0 1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:#17708b}h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.08;max-width:750px;margin:.5rem 0}h2{font-size:1.5rem;line-height:1.2}h3{font-size:1.15rem}.lead{font-size:1.15rem;max-width:750px}.notice{border-left:4px solid #bf7a14;background:#fff9ed;padding:.8rem 1rem;max-width:760px}.panel,.reading{background:#fff;border:1px solid #d9e6eb;border-radius:18px;padding:clamp(1rem,3vw,2rem);margin:1rem 0 1.5rem;box-shadow:0 8px 30px #1640520b}.help,.hint{color:#405768}.unit-row{display:flex;align-items:center;gap:1rem;margin:1rem 0}fieldset{border:1px solid #d9e6eb;border-radius:12px;padding:1rem;margin:1.2rem 0}legend{font-weight:800;padding:0 .35rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem}.grid label{display:flex;flex-direction:column;gap:.35rem;font-weight:650}input,select{width:100%;font:inherit;padding:.72rem .75rem;border:1px solid #8fa6b1;border-radius:9px;background:#fff;color:#162333}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #f1aa38;outline-offset:2px}.hint{font-size:.9rem;margin:.8rem 0 0}.actions{display:flex;gap:.7rem;flex-wrap:wrap}button{border:0;border-radius:9px;background:#076988;color:#fff;padding:.8rem 1.1rem;font:inherit;font-weight:750;cursor:pointer}.secondary{background:#e8f0f4;color:#184252}.result{border:2px solid #39829c;background:#eef8fa;border-radius:12px;padding:1rem 1.25rem;margin-top:1.3rem}.result ul{padding-left:1.2rem}.result li+li{margin-top:.6rem}.reading p{max-width:760px}.foot{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #d0e0e7;color:#3c5361;padding:1.4rem 0 2rem;font-size:.9rem}@media(max-width:520px){.site-head{align-items:flex-start}.site-head nav{flex-direction:column;gap:.3rem}.hero{padding-top:1rem}.panel,.reading{border-radius:12px}.unit-row{align-items:stretch;flex-direction:column;gap:.25rem}}