@font-face{font-family:Lora;font-weight:600;font-display:swap;src:url(fonts/lora-600-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:400;font-display:swap;src:url(fonts/source-sans-3-400-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:600;font-display:swap;src:url(fonts/source-sans-3-600-normal.woff2) format('woff2')}
@font-face{font-family:'Source Sans 3';font-weight:700;font-display:swap;src:url(fonts/source-sans-3-700-normal.woff2) format('woff2')}
:root{--forest:#1F3A24;--canvas:#F4EFE4;--ink:#1d2a20;--bark:#5b5446;--hair:#d9d2c0;--link:#1f5f5c;--card:#fffdf8}
*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 1rem/1.5 'Source Sans 3',system-ui,sans-serif}
.bar{background:var(--forest);color:#fff;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem}
.bar svg{flex:none}
.bar small{display:block;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase}
.bar b{display:block;font:600 1.375rem/1.1 Lora,Georgia,serif}
main{max-width:40rem;margin:0 auto;padding:1.5rem 1rem 2rem}
h1{font:600 2rem/1.15 Lora,Georgia,serif;margin:0 0 .5rem}
h2{font:600 1.375rem/1.2 Lora,Georgia,serif;margin:1.5rem 0 .25rem}
.lead{font-size:1.125rem;margin:0 0 1.25rem}
.regions{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.region{display:flex;align-items:center;gap:.75rem;min-height:4rem;padding:.875rem 1rem;background:var(--card);border:1px solid var(--hair);border-radius:.75rem;color:var(--ink);text-decoration:none}
.region:hover{border-color:var(--forest)}
.region:focus-visible,a:focus-visible{outline:3px solid var(--link);outline-offset:2px}
.rt{flex:1;min-width:0}
.rn{display:block;font:600 1.375rem/1.2 Lora,Georgia,serif}
.rl{display:block;color:var(--bark)}
.go{flex:none;font-size:1.5rem;color:var(--forest)}
.note{color:var(--bark);margin:1.25rem 0 .5rem}
.small{font-size:.9375rem;color:var(--bark);margin:.5rem 0}
.small a,.note a,main a{color:var(--link)}
.back{display:inline-block;min-height:2.75rem;padding:.5rem 0}
footer{max-width:40rem;margin:0 auto;padding:0 1rem 2rem;color:var(--bark);font-size:.9375rem}
ul.plain{margin:.5rem 0;padding-left:1.25rem}
ul.plain li{margin:.25rem 0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rk{display:inline-block;margin:.25rem 0;padding:.125rem .5rem;border:1px solid var(--forest);border-radius:.375rem;font-size:.875rem;font-weight:600;line-height:1.3;background:#e8efe6;color:var(--forest)}
.rk.real{background:#fff1cc;border-color:#7a5200;color:#3d2900}
.rh{display:block;margin-top:.25rem;font-size:.9375rem;color:var(--ink)}
.plink{display:inline-block;min-height:2.75rem;padding:.625rem 0}
.rt,.rn,.rl,.rh,.bar b{overflow-wrap:anywhere}
.bar>div{min-width:0}