/* Archive navigation on phones and tablets. */
.archive-mobile-menu{display:none}
@media(max-width:900px){
 .header-inner{position:relative;min-width:0;gap:12px}
 .header-nav{display:none}
 .archive-mobile-menu{display:block;flex:none;position:relative;margin-left:auto}
 .archive-mobile-menu summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid #a9c7b3;border-radius:5px;background:#f2f8f3;cursor:pointer;list-style:none}
 .archive-mobile-menu summary::-webkit-details-marker{display:none}
 .archive-mobile-menu summary:focus-visible{outline:3px solid #4d766c;outline-offset:2px}
 .archive-mobile-menu nav{position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:210px;display:grid;gap:2px;padding:8px;border:1px solid #b7cfbf;border-radius:6px;background:#fff;box-shadow:0 12px 28px #203c2a33}
 .archive-mobile-menu nav a{display:block;padding:10px 12px;border-radius:4px;color:#294a40;text-decoration:none;font-size:.94rem;line-height:1.25}
 .archive-mobile-menu nav a:hover,.archive-mobile-menu nav a:focus-visible{background:#e8f1eb}
 .brand{min-width:0}
}
@media(max-width:680px){
 .header-inner{min-height:70px}
 .intro-inner,.areas-section .container,.records-section .container{min-width:0}
 .archive-search,.search-control,.area-grid,.area-card{max-width:100%;min-width:0}
 .area-card-copy{min-width:0}
}
@media(max-width:900px){
 body.archive-drawer-open{overflow:hidden}
 .archive-mobile-menu[open]{z-index:1000}
 .archive-mobile-menu[open]::before{content:"";position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.57)}
 .archive-mobile-menu nav{position:fixed;left:0;right:auto;top:0;bottom:0;z-index:1001;width:min(78vw,365px);height:100dvh;overflow-y:auto;overscroll-behavior:contain;display:block;padding:0;background:#fff;border:0;border-radius:0;box-shadow:14px 0 34px #0005;animation:archive-drawer-enter .2s ease-out}
 .archive-drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 18px 16px;border-bottom:1px solid #e1e9e1;color:#294a40}
 .archive-drawer-heading strong{font-size:1.05rem}
 .archive-menu-close{background:none;border:0;color:#66736a;font-size:2rem;line-height:1;width:40px;height:40px;cursor:pointer}
 .archive-drawer-group{padding:24px 18px 12px}
 .archive-drawer-group+.archive-drawer-group{border-top:1px solid #edf1ec}
 .archive-drawer-group h2{font-size:.75rem;letter-spacing:.13em;color:#657865;margin:0 0 8px;font-weight:800}
 .archive-mobile-menu nav .archive-drawer-group a{display:flex;align-items:center;gap:14px;padding:10px 3px;min-height:46px;color:#4c5b50;font-size:1rem;line-height:1.25}
 .archive-drawer-group a span{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;color:#4e7656;font-size:1.25rem;font-weight:700}
 .archive-drawer-group:nth-of-type(3) a span{color:#8bbd59;font-size:.8rem}
 @keyframes archive-drawer-enter{from{transform:translateX(-18px);opacity:.7}to{transform:translateX(0);opacity:1}}
}
@media(prefers-reduced-motion:reduce){.archive-mobile-menu nav{animation:none}}