:root{font-family:system-ui,sans-serif;color:#21332b;background:#f6f4ed;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.4rem max(1rem,calc((100vw - 72rem)/2));background:#e8eddf}header>a{font-size:1.4rem;font-weight:700}nav{display:flex;flex-wrap:wrap;gap:1rem}a{color:#24503e;text-underline-offset:.2em}main{max-width:60rem;margin:auto;padding:2.5rem 1.25rem}h1{font-family:Georgia,serif;font-size:clamp(2rem,5vw,3rem);line-height:1.15}h2{margin-top:2rem;font-family:Georgia,serif}li{padding:.2rem 0}.eyebrow{font-size:.8rem;letter-spacing:.1em}.notice{padding:1rem;border-left:4px solid #937035;background:#f0e7d5}.directory-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.directory-list li{display:flex;flex-direction:column}.directory-list span{font-size:.8rem;color:#5d685f}.button{display:inline-block;padding:.7rem 1rem;border:1px solid #24503e;border-radius:.5rem}:focus-visible{outline:3px solid #937035;outline-offset:3px}