:root{font:18px/1.55 "Nunito",system-ui,sans-serif;color:#173b32;background:#f2f5eb}*{box-sizing:border-box}body{margin:0}header,footer{padding:1rem max(5vw,1rem)}header{display:flex;justify-content:space-between;background:#173b32;color:white}header a{color:white;font-weight:800}main{width:min(960px,92vw);margin:2rem auto;min-height:70vh}h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.08}h2{line-height:1.2}a{color:#164c3d}button,summary{cursor:pointer}button,a.button{font:inherit;font-weight:700;padding:.65rem 1rem;border:2px solid #28634b;border-radius:.75rem;background:#e3f2d2;color:#173b32;text-decoration:none}button[aria-selected=true],button:hover{background:#285f48;color:white}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #9d461d;outline-offset:3px}nav,.controls{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.panel,details{background:white;border-radius:1rem;padding:clamp(1rem,4vw,2rem);margin:1rem 0;border:1px solid #c9d7c1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;padding:0;list-style:none}.grid a{display:block;padding:1rem;border-radius:.65rem;background:#edf4e6;text-decoration:none;font-weight:750}.grid a:hover{text-decoration:underline}.unit{color:#486643;font-weight:800}.model{width:min(100%,480px);display:block;margin:0 auto 1rem;border-radius:.65rem}textarea{width:100%;padding:.7rem;font:inherit;border:1px solid #42654f;border-radius:.5rem}progress{width:100%;accent-color:#326b50}.feedback{background:#fff0cb;padding:1rem;border-radius:.5rem}.feedback:empty{display:none}footer{color:#39574c;font-size:.9rem}