*{box-sizing:border-box}body{margin:0;background:#fffdf5;color:#243f3b;font:18px/1.7 system-ui,sans-serif}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{border-bottom:1px solid #b6c7bc}h1{font:700 clamp(35px,6vw,60px)/1.12 Georgia,serif}h2{font:700 30px/1.3 Georgia,serif}.hero{padding:32px;background:#e7f1e6;border-radius:22px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}button,.tabs a{font:inherit;cursor:pointer;border:1px solid #9ab5a5;border-radius:12px;padding:12px 18px;background:#fff5cd;color:#243f3b;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ac491d;outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}article{border:1px solid #bccfbf;border-radius:18px;padding:24px;background:white}article button{display:block;text-align:left;width:100%;margin:10px 0}article p[role=status]{border-left:3px solid #53806b;padding-left:16px}.note{font-size:15px;color:#4a6457}.selected{background:#d9eadb}footer a,header a{color:inherit}details{margin:25px 0;padding:20px;background:#f1eedf;border-radius:12px}@media print{header,.tabs,button,footer{display:none}.grid{display:block}article{break-inside:avoid;margin:20px 0}.note{color:black}}