*{box-sizing:border-box}body{margin:0;background:#ede9da;color:#293f30;font:16px/1.45 system-ui,sans-serif}main{max-width:1120px;margin:auto;padding:30px}header{border-bottom:1px solid #bdc6ad;padding-bottom:15px}.eyebrow{font-size:11px;letter-spacing:.24em;color:#627558}h1{font:57px Georgia,serif;margin:12px 0}header p{font-size:18px;max-width:700px;color:#5d7059}nav{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:20px 0}label{display:flex;flex-direction:column;font-size:12px;gap:5px}button,select{font:inherit;border:1px solid #829777;border-radius:8px;background:#f8f5e8;color:#293f30;padding:11px 14px;cursor:pointer}button:hover{background:#e2e9d1}button:focus-visible,select:focus-visible{outline:3px solid #b17413;outline-offset:2px}#survey{margin-left:auto;font-size:12px}.mission{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#293f30;color:#f7f0d5;border-radius:10px;padding:20px}.mission b{font:24px Georgia,serif}.mission p{font-size:13px;color:#d1dec7}.meters{display:flex;justify-content:space-around;gap:12px}.meters span{font-size:11px;color:#d1dec7}.meters strong{display:block;font:28px Georgia,serif;color:#f7f0d5;margin-top:10px}.map-panel{margin:24px 0;background:#d8dfc4;border:1px solid #a5b494;border-radius:12px;overflow:hidden}#map{display:block;width:100%;background-image:url('landscape.webp');background-size:cover}#map text{font-family:system-ui,sans-serif}.legend{display:flex;justify-content:space-around;font-size:12px;padding:10px;background:#f4f1e2}.controls>div:first-child{display:flex;gap:25px;align-items:start}.controls h2{font:26px Georgia,serif;min-width:230px;margin:0}.controls p{font-size:13px;color:#5b6f53;margin:0 0 18px;max-width:650px}#crossings{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.crossing{text-align:left;padding:10px;display:flex;gap:8px;align-items:center;min-height:70px}.crossing b{font:25px Georgia,serif;color:#526545}.crossing span{font-size:11px;display:block}.crossing[aria-pressed=true]{background:#fff1bf;border-color:#a87617}.crossing.over{border-color:#ae482c}.trial{display:flex;gap:20px;align-items:center;padding:22px 0;border-block:1px solid #b9c5aa;margin-top:25px}.primary{background:#294631;color:#fff5d5;font-weight:700}.primary:hover{background:#426448}#feedback{font-size:14px;margin:0}.success{color:#27713d;font-weight:700}.warning{color:#9b432b}details{font-size:13px;color:#5a6c54;margin:25px 0}summary{cursor:pointer;font-weight:700}footer{font:italic 16px Georgia,serif;color:#65765a}@media(max-width:700px){main{padding:18px}h1{font-size:42px}header p{font-size:16px}.mission{grid-template-columns:1fr}.meters strong{font-size:25px}.controls>div:first-child{display:block}#crossings{grid-template-columns:1fr 1fr}.controls h2{margin-bottom:10px}nav button{font-size:12px}#survey{width:100%;margin:0}.legend{font-size:9px;gap:5px}.trial{flex-direction:column;align-items:stretch}.map-panel{margin:20px -8px}#map{min-height:240px}.crossing{min-height:73px}}