/* Keep the theme's original dropdown/mega-menu styling and interactions. */
#site-nav .spreadsheet-menu-parent { cursor: pointer; }
#site-nav .spreadsheet-menu-link[data-menu-pending] { color: #64748b; cursor: default; }
#site-nav .spreadsheet-menu-action { margin: 10px 0; }
#site-nav .spreadsheet-menu-panel .services-submenu-heading { display: block; margin: 8px 12px 12px; font-size: 18px; color: #0075a9; }
@media (min-width:1051px) {
 #site-nav .spreadsheet-menu-panel.services-mega-menu .spreadsheet-menu-group-panel { max-height: calc(100dvh - 200px); overflow-y: auto; }
}
@media (max-width:1050px) {
 #site-nav .spreadsheet-menu-panel .services-menu-intro { display: none; }
 #site-nav .spreadsheet-menu-panel { max-width: calc(100% - 18px); }
}
@media (min-width:1051px) {
 #site-nav .spreadsheet-menu-panel.services-mega-menu { height: min(540px, var(--submenu-height, 540px)); }
 #site-nav .spreadsheet-menu-panel .services-menu-links { min-height: 0; padding: 24px 32px; }
 #site-nav .spreadsheet-menu-panel .services-menu-intro { padding: 24px 32px; overflow-y: auto; }
 #site-nav .spreadsheet-menu-panel.services-mega-menu .spreadsheet-menu-group-panel { top: 24px; bottom: 24px; max-height: none; overflow: hidden; }
 #site-nav .spreadsheet-menu-panel.services-mega-menu .spreadsheet-menu-group.is-open > .spreadsheet-menu-group-panel { display: flex; flex-direction: column; }
 #site-nav .services-mega-menu .spreadsheet-menu-offerings { min-height: 0; overflow-y: auto; flex: 1; }
 #site-nav .services-mega-menu .spreadsheet-menu-action { flex-shrink: 0; margin-bottom: 0; }
 #site-nav .services-mega-menu .services-submenu-heading { flex-shrink: 0; }
}

/* Compact menu actions; existing page links and original arrow assets stay unchanged. */
#site-nav .nav-submenu a.spreadsheet-menu-action {
 display: inline-flex; align-items: center; justify-content: flex-start;
 gap: 8px; max-width: 100%; min-height: 36px; padding: 7px 10px;
 margin: 10px 0 4px; border: 1px solid #ead9a5; border-radius: 6px;
 background: #fff9e8; color: #735600; font-size: 14px; line-height: 20px;
 font-weight: 600; text-align: left; box-shadow: none; white-space: normal;
}
#site-nav .nav-submenu a.spreadsheet-menu-action:hover { background: #fff1c3; color: #594200; }
#site-nav .spreadsheet-menu-action-arrow { flex: 0 0 auto; font-size: 18px; line-height: 20px; }
#site-nav .spreadsheet-menu-item > .spreadsheet-menu-parent { flex: 0 1 auto; }
#site-nav > .spreadsheet-menu-item > .submenu-toggle { width: 24px; padding: 0; margin-left: 4px; }
/* Reserve the existing logo when the full desktop menu is most compact. */
@media (min-width:1051px) and (max-width:1360px) {
 .site-header:has(#site-nav .spreadsheet-menu-item) { gap: 10px; }
 .site-header:has(#site-nav .spreadsheet-menu-item) .brand { flex-shrink: 0; }
 .site-header:has(#site-nav .spreadsheet-menu-item) > a:has(.brand) { flex-shrink: 0; }
 .site-header #site-nav:has(.spreadsheet-menu-item) { gap: 6px; }
}
@media (min-width:1051px) and (max-width:1100px) {
 .site-header:has(#site-nav .spreadsheet-menu-item) { gap: 7px; padding-inline: 20px; }
 .site-header #site-nav:has(.spreadsheet-menu-item) { gap: 4px; }
}
@media (max-width:1050px) {
 #site-nav .spreadsheet-menu-item > .spreadsheet-menu-parent { flex: 1; }
 #site-nav > .spreadsheet-menu-item > .submenu-toggle { width: 44px; margin-left: 0; }
}