/* SeasonCrew settings information architecture: sticky top dropdowns + overview cards. */
.settingsPage{max-width:1120px;padding-top:18px}
.settingsHero{background:transparent;color:#17181d;border-radius:0;padding:18px 2px 16px;margin:0;box-shadow:none}
.settingsHero .sectionLabel{color:#a2264b}
.settingsHero h1{font-size:30px;color:#17181d;margin-top:4px}
.settingsHero p{color:#747782;font-size:11px}
.settingsRole{background:#f1f2f5;border-color:#dfe0e5;color:#555965;margin-top:10px}

.settingsNav{position:sticky;top:var(--settings-sticky-top,104px);z-index:80;display:flex;align-items:center;gap:4px;overflow:visible;padding:8px 10px;margin:0 -2px 14px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border:1px solid #dfe0e5;border-radius:14px;box-shadow:0 8px 28px rgba(21,22,27,.08);container-type:inline-size;container-name:settings-nav}
.settingsNav>a.settingsNavHome{flex:0 0 auto;min-height:38px;padding:0 12px;border:0;background:transparent;color:#555965;border-radius:9px;font-size:10px;font-weight:850;gap:8px}
.settingsNav>a.settingsNavHome:hover,.settingsNav>a.settingsNavHome.active{background:#f3f4f6;color:#17181d}
@container settings-nav (max-width:620px){
  .settingsNav>a.settingsNavHome{padding-inline:10px}
  .settingsNav>a.settingsNavHome>span{display:none}
}
.settingsMenu{position:relative;flex:0 0 auto}
.settingsMenu summary{display:flex;align-items:center;gap:0;min-height:38px;padding:0 4px 0 0;border-radius:9px;color:#2c2f36;font-size:10px;font-weight:850;cursor:pointer;list-style:none;user-select:none;white-space:nowrap}
.settingsMenu summary::-webkit-details-marker{display:none}
.settingsMenu[open] summary,.settingsMenu summary:hover{background:#f3f4f6;color:#17181d}
.settingsDropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:340px;padding:7px;background:#fff;border:1px solid #dfe0e5;border-radius:15px;box-shadow:0 18px 48px rgba(21,22,27,.16)}
.settingsDropdown a.settingsMenuEntry{display:grid!important;grid-template-columns:32px minmax(0,1fr) 16px!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:7px 9px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#3f424b!important;text-align:left!important}
.settingsDropdown a.settingsMenuEntry::after{content:none!important}
.settingsMenuIcon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#f1f2f4;color:#525b67}
.settingsMenuIcon svg,.settingsEntryArrow{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.settingsMenuCopy{min-width:0}
.settingsMenuCopy strong{display:block;color:#22252b;font-size:11px;font-weight:800;line-height:1.25}
.settingsMenuCopy small{display:block;margin-top:3px;color:#858995;font-size:8.5px;font-weight:600;line-height:1.35}
.settingsEntryArrow{color:#a5abb4;width:15px;height:15px}
.settingsDropdown a:hover,.settingsDropdown a.active{background:#f6f6f8!important;color:#a2264b!important}
.settingsDropdown a.settingsDropdownDanger .settingsMenuIcon{background:#fff0f3;color:#d91c47}
.settingsDropdown a.settingsDropdownDanger .settingsMenuCopy strong{color:#d91c47}
.settingsMenuLabel{display:block;padding:8px 10px 5px;color:#9a9da6;font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.settingsMenuDivider{height:1px;background:#ececf0;margin:5px 4px}

.settingsOverview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:10px 0 18px}
.settingsOverviewCard{background:#fff;border:1px solid #dfe0e5;border-radius:17px;padding:18px;box-shadow:0 8px 30px rgba(21,22,27,.05)}
.settingsOverviewHead{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid #ececf0}
.settingsOverviewIcon{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #dfe0e5;border-radius:11px;background:#f8f8fa;color:#444750}
.settingsOverviewHead h2{font:700 18px Space Grotesk;margin:1px 0 4px;color:#17181d}
.settingsOverviewHead p{margin:0;color:#747782;font-size:9.5px;line-height:1.5}
.settingsOverviewLinks{display:grid;margin-top:6px}
.settingsOverviewLinks a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:0 4px;border-bottom:1px solid #f0f0f2;color:#4b4e57;font-size:10px;font-weight:750}
.settingsOverviewLinks a:last-child{border-bottom:0}
.settingsOverviewLinks a::after{content:'›';font-size:18px;color:#9a9da6;font-weight:500}
.settingsOverviewLinks a:hover{color:#a2264b}
.settingsOverviewLinks a small{display:block;margin-top:2px;color:#92959d;font-size:8px;font-weight:600;line-height:1.35}
.settingsOverviewDanger{margin:7px -2px 0!important;padding:8px 8px!important;border:1px dashed #cf879a!important;border-radius:9px!important;background:#fffafb!important;color:#a2264b!important}
.settingsRoleInfo{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:13px 15px;border:1px solid #dfe0e5;border-radius:13px;background:#fff;color:#555965;font-size:9px;line-height:1.5}
.settingsRoleInfo strong{display:block;color:#25272d;font-size:10px;margin-bottom:2px}
.settingsRoleInfoIcon{display:grid;place-items:center;flex:0 0 24px;height:24px;border:1px solid #dfe0e5;border-radius:50%;font-weight:900;color:#555965}

.settingsSection{scroll-margin-top:132px}

@media(max-width:760px){
  .settingsPage{padding-top:10px}
  .settingsHero{padding:14px 2px 12px}
  .settingsHero h1{font-size:25px}
  .settingsNav{top:var(--settings-sticky-top,55px);gap:2px;margin-left:-6px;margin-right:-6px;padding:6px;overflow-x:auto;overflow-y:visible;border-radius:0;border-left:0;border-right:0;scrollbar-width:none}
  .settingsNav.settingsNavMenuOpen{overflow:visible;backdrop-filter:none}
  .settingsNav::-webkit-scrollbar{display:none}
  .settingsNav>a.settingsNavHome{min-height:36px;padding:0 10px;font-size:9px}.settingsMenu summary{min-height:36px;font-size:9px}
  .settingsMenu{position:static}
  .settingsDropdown{position:fixed;top:var(--settings-dropdown-top);left:10px;right:10px;min-width:0;max-height:min(62vh,430px);overflow:auto;z-index:120}
  .settingsOverview{grid-template-columns:1fr;gap:10px}
  .settingsOverviewCard{padding:15px;border-radius:15px}
  .settingsOverviewHead h2{font-size:16px}
  .settingsOverviewLinks a{min-height:43px}
  .settingsRoleInfo{margin-bottom:12px}
}

@media(max-width:430px){
  .settingsNav>a.settingsNavHome{display:flex}
  .settingsTopLink{padding-left:9px}
  .settingsTopLink span{display:none}
  .settingsOverviewIcon{flex-basis:38px;height:38px;font-size:17px}
}

/* SC-0128: The top-level link navigates to its page; the separate toggle opens
   the corresponding submenu. Decorative arrows inside submenu entries stay
   hidden so there is only one clear disclosure control per group. */
.settingsEntryArrow{display:none!important}

/* SC-0128 Beta follow-up: role-hidden dropdown entries beat display:grid!important. */
.settingsDropdown a.settingsMenuEntry.pageRoleHidden{display:none!important}
.settingsMenu.pageRoleHidden{display:none!important}