:root{font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#203c2c;background:#f6f7ef;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,footer{padding:1rem max(1.25rem,calc((100% - 1080px)/2));display:flex;justify-content:space-between;gap:1rem}header{border-bottom:1px solid #cad6c8}a{color:#274f39}main{max-width:1080px;margin:auto;padding:3rem 1.25rem}h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.18;margin:.3rem 0 1rem}h2{margin-top:0;font-size:1.4rem}p{margin:.7rem 0}.eyebrow{font-weight:700;color:#49634f}.lead{font-size:1.2rem}.hero,.layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.hero svg{width:100%;max-width:400px}.heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.card{border:1px solid #c6d3c4;background:white;border-radius:18px;padding:1.5rem}.result{max-width:680px;margin:auto}.question{font-size:1.25rem;font-weight:700;padding:1rem;background:#edf4e9;border-radius:12px}button,summary{font:inherit}button{min-width:48px;min-height:48px;padding:.65rem 1rem;border:1px solid #4f7057;border-radius:10px;color:#203c2c;background:white;font-weight:700;cursor:pointer}button:hover{background:#eaf1e7}button.primary{color:white;background:#315c40;border-color:#315c40}button.primary:hover{background:#234a32}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #a45120;outline-offset:3px}.actions,.choices{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}details{border-top:1px solid #cad6c8;padding-top:1rem}summary{min-height:44px;cursor:pointer;font-weight:700}dialog{max-width:min(32rem,calc(100% - 2rem));border:1px solid #7d9780;border-radius:18px;padding:1.5rem;color:#203c2c}dialog::backdrop{background:#162f20b3}[hidden]{display:none!important}footer{color:#425c49;font-size:.9rem}@media(max-width:700px){main{padding-top:2rem}.hero,.layout{grid-template-columns:1fr}.hero svg{max-width:260px;grid-row:1}.heading{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
