body{margin:0;background:#f4f3e9;color:#17382f;font:17px/1.75 Arial,sans-serif}*{box-sizing:border-box}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #d87725;outline-offset:5px}header,footer{padding:22px max(6%,calc((100% - 1120px)/2));background:#142d29;color:#eff2d9}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{font:bold 14px monospace}main{max-width:1120px;margin:auto;padding:45px 6%}h1{font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-2px}h2{font-size:29px;line-height:1.2;margin-top:0}h3{font-size:20px}section{margin:42px 0}.tag{font:bold 12px monospace;letter-spacing:2px;color:#54733b}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.hero img{width:100%;border:4px solid #17382f;box-shadow:8px 8px #bccb95}.button,button{display:inline-block;padding:14px 20px;background:#b7e56d;color:#142d29;border:2px solid #17382f;font:bold 13px/1.6 monospace;text-decoration:none;cursor:pointer;margin:6px 8px 6px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.panel{padding:25px;border:1px solid #a3b28f;background:#fffef6}.facts{background:#e3eacc;padding:18px 24px;border-left:5px solid #648a45}.small{font-size:13px}li{margin:8px 0}dt{font-weight:bold}dd{margin:0 0 15px}.answer{min-height:90px;border:1px solid #a3b28f;margin:14px 0 28px;background:white}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;padding:12px;color:#142d29}@media(max-width:750px){.hero,.grid{grid-template-columns:1fr}main{padding:28px 6%}h1{letter-spacing:-1px}.hero img{max-width:540px}}@media print{header,footer,.no-print,.hero img{display:none}body{font-size:11pt;line-height:1.4;background:white;color:black}main{max-width:none;padding:0}section{margin:20px 0}h1{font-size:25pt;letter-spacing:0}h2{font-size:17pt}h3{font-size:13pt}.panel,.card{padding:12px;break-inside:avoid}.answer{min-height:55px}.grid{display:block}a{color:black}.teacher-notes{break-before:page}@page{size:A4;margin:16mm}}.hero img{height:auto}
