/* Shared primary-nav styles. Added 2026-08-23.
   The mega-menu markup is duplicated inline on every page and its CSS is
   duplicated with it — except on eleven pages that were built from older
   templates and shipped a reduced menu bar instead (four with a compact
   `.site-header` strip, seven with a Legal-only sub-nav). Those eleven now
   carry the same nav markup as the rest of the site and pull its styles
   from here rather than gaining another inline copy. Values are byte-equal
   to the inline block on the other pages; loading both would be a no-op. */
.mm{position:relative}
.mm-trig{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:#3A3833;cursor:pointer;padding:22px 0;transition:color .18s}
.mm:hover .mm-trig{color:#2F6B50}
.mm-trig svg{transition:transform .22s}
.mm:hover .mm-trig svg{transform:rotate(180deg)}
.mm-panel{position:absolute;top:100%;padding-top:4px;opacity:0;visibility:hidden;transform:translateY(9px);transition:opacity .22s ease,transform .22s ease,visibility .22s;pointer-events:none;z-index:60}
.mm:hover .mm-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mm-card{background:#fff;border:1px solid #E7E3D9;border-radius:16px;box-shadow:0 1px 2px rgba(22,20,15,.05),0 34px 74px -30px rgba(22,20,15,.44);padding:12px}
.mm-link{display:block;padding:11px 13px;border-radius:11px;text-decoration:none;transition:background .16s}
.mm-link:hover{background:#F1F5F2}
.mm-t{font-family:'Newsreader',Georgia,serif;font-size:15.5px;font-weight:600;color:#16140F;margin-bottom:3px;letter-spacing:-.01em;display:flex;align-items:center;gap:7px}
.mm-d{font-size:12px;line-height:1.45;color:#7A756A;max-width:320px}
.mm-h{font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#2F6B50;margin-bottom:6px}
.mm-col a{display:block;font-size:13.5px;font-weight:500;color:#3A3833;text-decoration:none;padding:8px 0;transition:color .16s,padding-left .18s;border-radius:6px}
.mm-col a:hover{color:#2F6B50;padding-left:5px}
.scp0:hover{color:#2F6B50}

/* Section-active state for a top-level nav link. Declared inline on the 363
   hub pages already; here so any page can use it. !important because the nav
   links carry their colour as an inline style. */
.nav-active{color:#2F6B50!important;font-weight:600!important}