/* Progressive-enhancement navigation shared by app and editorial pages. */
.c6Header .c6HeaderNav { overflow: visible; }
.c6NavDropdown { position: relative; flex: 0 1 auto; min-width: 0; }
.c6NavDropdown > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: var(--c6ShellControlRadius, var(--c6RadiusS)); color: var(--c6TextSecondary); font: inherit; white-space: nowrap; cursor: pointer; list-style: none; }
.c6NavLabel { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.c6NavDropdown > summary::-webkit-details-marker { display: none; }
.c6NavDropdown > summary:hover, .c6NavDropdown[open] > summary { color: var(--c6TextPrimary); background: var(--c6SurfaceRaised); }
.c6NavDropdown > summary:focus-visible { outline: 2px solid var(--c6ActionInk); outline-offset: 2px; }
.c6NavChevron { flex: none; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-top: -3px; }
.c6NavDropdown[open] .c6NavChevron { transform: rotate(225deg); margin-top: 3px; }
.c6NavDropdownPanel { position: absolute; z-index: 30; top: calc(100% + 8px); left: 0; min-width: 220px; max-width: calc(100vw - 32px); padding: 8px; border: 1px solid var(--c6BorderSubtle); border-radius: var(--c6RadiusMd, var(--c6RadiusM)); background: var(--c6SurfaceRaised); box-shadow: 0 8px 24px color-mix(in srgb, var(--c6SurfaceInverse) 35%, transparent); }
.c6HeaderNav .c6NavDropdownPanel > a { display: flex !important; align-items: center; min-height: 44px; padding: 0 12px; color: var(--c6TextPrimary); text-decoration: none; white-space: nowrap; }
.c6HeaderNav .c6NavDropdownPanel > a:hover { color: var(--c6ActionInk); background: var(--c6SurfaceSunken); }
.c6HeaderNav .c6NavDropdownPanel > a:focus-visible { outline: 2px solid var(--c6ActionInk); outline-offset: -2px; }