:root{font-family:system-ui,sans-serif;color:#162e29;background:#f0f5ee}
main{max-width:40rem;margin:5vh auto;padding:1.4rem}
header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b7c9be;padding-bottom:1rem}
header strong{font-size:1.5rem}h1{font-size:clamp(2rem,7vw,4rem);letter-spacing:-.055em;line-height:1;margin:3rem 0 1rem}
p{line-height:1.6}section{margin-top:2rem;padding:1.5rem;background:#fff;border:1px solid #b7c9be;border-radius:1rem}
h2{margin-top:0}dl div{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #e0eae3}
button{background:#174b3b;color:#fff;border:0;border-radius:.5rem;padding:.8rem 1rem;font:inherit;cursor:pointer}
#actions{display:flex;flex-wrap:wrap;gap:.5rem}button:focus-visible{outline:3px solid #5c8f00;outline-offset:3px}