/* Shared Features navigation across the existing site headers. */
.features-dropdown { position: relative; text-align: left; }
.features-dropdown summary { display: flex; align-items: center; gap: 7px; min-height: 44px; color: #fff; font: inherit; font-weight: 600; font-size: 15px; cursor: pointer; list-style: none; }
.features-dropdown summary::-webkit-details-marker { display: none; }
.features-dropdown summary:focus-visible { outline: 3px solid #91c5ff; outline-offset: 3px; border-radius: 4px; }
.features-dropdown[open] summary { color: #c9e2ff; }
.features-dropdown[open] summary span { transform: rotate(180deg); }
.features-submenu { position: absolute; top: calc(100% + 8px); left: -16px; width: 310px; padding: 8px; border: 1px solid #e2e8f0; border-radius: 10px; background: white; box-shadow: 0 12px 32px #172b4d26; z-index: 1100; }
.site-nav .features-submenu a, .nav-menu .features-submenu a { display: block; width: 100%; padding: 12px; min-height: 44px; color: #2c3e50; border: 0; border-radius: 6px; font-size: 14px; font-weight: 500; line-height: 1.5; text-decoration: none; white-space: normal; }
.site-nav .features-submenu a:hover, .nav-menu .features-submenu a:hover, .features-submenu a[aria-current="page"] { color: #1264d6; background: #eff6ff; }
.nav-menu > ul { align-items: center; }
.nav-menu > ul > li { display: block; }
button.menu-toggle { background: transparent; border: 0; min-width: 44px; min-height: 44px; }
.feature-back { display: inline-block; margin-top: 24px; color: #1264d6; font-weight: 600; }
@media (max-width: 800px) {
 .site-nav .features-dropdown summary { padding: 8px 12px; }
 .site-nav .features-submenu { position: static; width: 100%; margin: 4px 0 8px; box-shadow: none; }
}
@media (max-width: 768px) {
 .nav-menu { width: min(330px, calc(100vw - 24px)); right: 12px; max-height: calc(100dvh - 80px); overflow-y: auto; }
 .nav-menu > ul { align-items: stretch; }
 .nav-menu .features-dropdown summary { padding: 12px 20px; }
 .nav-menu .features-submenu { position: static; width: auto; margin: 4px 12px 8px; box-shadow: none; }
}