:root{color-scheme:dark;--lime:#c5e73d;--muted:#bdc9c8}*{box-sizing:border-box}body{margin:0;background:#0e181d;color:#f1f4ef;font:17px/1.6 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100vw - 1200px)/2));border-bottom:1px solid #354b50;background:#101c20}a{color:var(--lime)}.logo{display:flex;align-items:center;gap:12px;color:#f1f4ef;font-weight:800;text-decoration:none}.mark{display:grid;place-items:center;background:var(--lime);color:#152019;border-radius:14px;width:44px;height:44px}nav,footer{display:flex;gap:20px;flex-wrap:wrap}main{max-width:1240px;margin:auto;padding:36px 20px}.eyebrow{color:var(--lime);font-weight:700;margin:0}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin:12px 0}h2{font-size:1.45rem;margin-top:0}h3{color:var(--lime);font-size:1.1rem}.lead{color:var(--muted);max-width:760px}.live-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;gap:24px;margin-top:30px}form,#waterResult{padding:26px;border:1px solid #506568;border-radius:24px;background:#14262b}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:650}select{display:block;width:100%;min-width:0;background:#20343a;color:#f1f4ef;border:1px solid #617679;border-radius:12px;padding:13px;margin-top:7px;font:inherit}button{font:inherit;cursor:pointer}.primary{width:100%;padding:15px;border:0;border-radius:14px;background:var(--lime);color:#142026;font-weight:800}.small{font-size:.9rem;color:var(--muted)}.more{margin:20px 0}.more .fields{margin-top:15px}summary{cursor:pointer;color:var(--lime)}.hazard{display:flex;align-items:start;gap:10px;font-size:.9rem;margin:20px 0}.hazard input{width:22px;height:22px;flex-shrink:0;accent-color:var(--lime)}#waterResult ul{padding-left:23px}#waterResult .condition{font-size:.9rem;color:var(--muted)}#waterResult .warning{border-left:4px solid #ebbf72;padding:12px;background:#352d23}#waterResult .result-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}footer{margin-top:30px;font-size:.9rem}#structureExplanation .structure-definition{margin-top:12px}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}@media(max-width:760px){header{align-items:start;flex-direction:column;padding:16px 20px}.live-layout{grid-template-columns:1fr}form,#waterResult{padding:20px}.fields{grid-template-columns:1fr}main{padding-top:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

:root{--green:#c5e73d}#structureExplanation .structure-sketch{max-width:100%;width:360px}#structureExplanation .structure-sketch svg{min-height:200px}#structureExplanation summary{font-weight:700}

.live-clock{display:block;color:var(--lime);font-size:.85rem;font-weight:700;margin-top:8px}#livePhaseHint{display:block;margin-top:6px;line-height:1.5;font-weight:400}