*{box-sizing:border-box}
:root{--teal:#12403c;--saffron:#e59a12;--ink:#1c2421;--muted:#55615b;--bg:#f2f5f0;--line:#d9e0d8}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif}
.wrap{max-width:40rem;margin:0 auto;padding:1.5rem 1.1rem 3rem}
h1{font:700 clamp(1.8rem,7vw,2.5rem)/1.15 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;color:var(--teal);margin:1rem 0 .5rem}
h2{font:700 1.3rem/1.3 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;color:var(--teal);margin:2rem 0 .5rem}
.flag{display:inline-block;background:var(--saffron);color:#201400;font-weight:600;font-size:.9rem;padding:.3rem .7rem;border-radius:6px}
.btn{display:inline-block;margin:1rem 0;padding:.9rem 1.4rem;background:var(--teal);color:#fff;text-decoration:none;font-weight:600;border-radius:8px;font-size:1.05rem}
.btn:focus-visible,a:focus-visible{outline:3px solid var(--saffron);outline-offset:3px}
.btn:hover{background:#0c2e2b}
a{color:#0c5a52}
ol,ul{padding-left:1.3rem}
li{margin:.35rem 0}
.note{border-left:4px solid var(--saffron);padding:.1rem 0 .1rem .9rem;color:var(--muted)}
footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}