/* The header's mega menus (2026-10-27), shared by the home page and every
   site page -- both render partials/site-chrome.php's sig_site_header(). The
   base dropdown styles (.nav-drop, .drop, .drop-foot) live in each page's own
   stylesheet; this file only adds the wide, multi-column layout. */
.drop.drop-mega{display:grid;grid-template-columns:1fr 1fr 236px;gap:4px;min-width:780px;padding:10px}
.drop.drop-res{display:grid;grid-template-columns:1fr 1fr;gap:4px;min-width:560px;padding:10px}
.drop-col{display:grid;align-content:start;gap:2px}
.drop-col h6{margin:6px 12px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.drop-feature{display:grid;align-content:start;gap:8px;padding:12px;border-radius:16px;background:var(--bg)}
.drop-feature h6{margin:0 0 2px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.drop .drop-feature a{padding:0;border-radius:10px;display:block}
.drop .drop-feature a:hover{background:none}
.drop-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.drop-thumbs a{position:relative;display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/10;background:var(--soft)}
.drop-thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.drop-thumbs a:hover img{transform:scale(1.06)}
.drop-feature .more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink)}
.drop-feature .more:hover{color:var(--violet)}
.drop-feature .more svg{width:15px;height:15px}
.drop-feature p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.4}
.nav-links > a[aria-current="page"],.nav-drop.is-here > button{background:rgba(21,21,26,.06)}
/* The mega menus are wider than the space under their button, so they open
   from the bar's centre rather than the button's. */
.nav-drop.mega{position:static}
.nav-in{position:relative}
.nav-drop.mega .drop{left:50%}
.nav-sheet .ns-grid{display:grid;grid-template-columns:1fr}