/* Local section menus stay below the main navigation, without covering content. */
:root { --tunal-header-height: 100px; --tunal-section-height: 0px; }
html { scroll-padding-top: calc(var(--tunal-header-height) + var(--tunal-section-height) + 18px); }
#fighter-profile { scroll-margin-top: 0; }
.section-menu { position: sticky; top: var(--tunal-header-height); z-index: 15; background: #111116f5; border-block: 1px solid var(--line); backdrop-filter: blur(14px); }
.section-menu-inner { display: flex; align-items: center; gap: 30px; min-height: 66px; }
.section-menu-title { color: var(--muted); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.section-menu-links { display: flex; flex-wrap: wrap; gap: 4px 25px; padding-block: 8px; }
.section-menu a { display: inline-flex; align-items: center; min-height: 44px; padding-block: 8px; font-size: 14px; border-bottom: 2px solid transparent; }
.section-menu a:hover, .section-menu a[aria-current] { color: var(--accent); border-color: var(--accent); }
.section-menu a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.roster-count { align-items: center; flex-wrap: wrap; }
.roster-reset { color: var(--ink); background: transparent; border: 1px solid var(--line); padding: 10px 16px; min-height: 44px; cursor: pointer; }
.roster-reset:hover { border-color: var(--accent); }
.roster-reset[hidden] { display: none; }
.form-status.success { color: var(--ink); padding: 22px; border: 1px solid var(--accent); border-left-width: 4px; background: #17131b; line-height: 1.6; }
.form-status:empty { display: none; }
.form-status .request-reference { display: block; color: var(--accent); margin-top: 12px; font-weight: 600; overflow-wrap: anywhere; }
.form-status:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (max-width: 700px) {
 .section-menu-title { display: none; }
 .section-menu-inner { min-height: 58px; }
 .section-menu-links { flex-wrap: nowrap; overflow-x: auto; gap: 22px; width: 100%; padding-block: 5px; scrollbar-width: thin; }
 .section-menu a { white-space: nowrap; font-size: 13px; flex-shrink: 0; }
 .roster-count > span:last-child { display: none; }
}
@media (prefers-reduced-transparency: reduce) { .section-menu { background: #111116; backdrop-filter: none; } }
@media print { .section-menu, .roster-reset { display: none; } }
