:root{--paper:#faf8ef;--ink:#192d2a;--muted:#4b625b;--green:#17443e;--line:#cdd7ca;--amber:#e9aa68;--white:#fffdf6}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,sans-serif}a{color:#125449;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #ae560f;outline-offset:4px}.skip{position:absolute;left:-100vw}.skip:focus{left:1rem;top:1rem;background:white;padding:.6rem;z-index:2}
.top{border-bottom:1px solid var(--line);background:var(--white)}nav,main,footer{width:min(100% - 2rem,72rem);margin:auto}nav{display:flex;align-items:center;gap:.6rem 1.25rem;flex-wrap:wrap;padding:.8rem 0}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;color:var(--ink);text-decoration:none;margin-right:auto}main{padding:clamp(1rem,4vw,3rem) 0 4rem}main>section+section{margin-top:2.7rem}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:center;padding:clamp(1.4rem,5vw,4rem);border-radius:1.4rem;background:var(--green);color:#fffdf6}.hero p{max-width:51ch}.hero .kicker{color:#f4c890}.route{border:1px solid #719287;padding:1.25rem;border-radius:1rem}.route a{color:#fffdf6}.route ol{padding-left:1.5rem;margin-bottom:0}.route li+li{margin-top:.6rem}.button,button{display:inline-block;border:0;border-radius:.45rem;background:var(--amber);color:#22271c;font:inherit;font-weight:750;padding:.72rem 1rem;text-decoration:none;cursor:pointer}
h1,h2,h3,p{margin-top:0}h1{font:700 clamp(2.15rem,5.2vw,4.2rem)/1.04 Georgia,serif;letter-spacing:-.035em;margin-bottom:1.15rem}h2{font:700 clamp(1.4rem,3vw,2.05rem)/1.2 Georgia,serif;margin-bottom:.75rem}h3{line-height:1.25}.kicker{font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.lede{font-size:1.2rem;color:var(--muted)}article{max-width:50rem;margin:auto}article h2{margin-top:1.9rem}article li+li{margin-top:.45rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.85rem;padding:0;list-style:none}.cards li{display:flex}.cards a{display:grid;gap:.35rem;align-content:start;flex:1;background:var(--white);border:1px solid var(--line);border-radius:.8rem;padding:1.15rem;text-decoration:none}.cards a:hover{border-color:var(--green)}.cards strong{font-size:1.08rem}.cards span{color:var(--muted)}.note,form,#result{border:1px solid var(--line);background:var(--white);padding:clamp(1rem,3vw,1.6rem);border-radius:.85rem;margin:1rem 0}.note p:last-child{margin-bottom:0}form{display:grid;gap:.8rem}form label{font-weight:700}select{display:block;width:100%;margin-top:.2rem;padding:.58rem;border:1px solid #70847a;border-radius:.35rem;background:white;color:var(--ink);font:inherit}form button{justify-self:start}footer{border-top:1px solid var(--line);padding:1.4rem 0 2rem}footer nav{width:100%;padding:0}footer p{color:var(--muted);margin:.3rem 0 .65rem}.source{font-size:.92rem;color:var(--muted)}
@media(max-width:680px){.hero{grid-template-columns:1fr;gap:1rem}.brand{flex-basis:100%}nav{gap:.4rem 1rem}.top nav>a{font-size:.9rem}}