/* NJG member workspaces: the public site's palette, type and compact rhythm. */
body.njg-studio {
  --brand-body: "DM Sans", Arial, sans-serif;
  --brand-display: "Roboto Slab", Georgia, serif;
  --brand-ink: #f5f7fa;
  --brand-muted: #b8c5d1;
  --brand-canvas: #020d1b;
  --brand-border: rgba(255,255,255,.14);
  --brand-navy: #071d35;
  --brand-red: #f21f3b;
  --brand-red-hover: #c7112b;
  color: #f5f7fa;
  background: #020d1b;
  font-family: var(--njg-sans);
  color-scheme: dark;
}
body.njg-studio .njg-signature.njg-experience[data-page] {
  --experience-ink: #f5f7fa;
  --experience-red: #f21f3b;
  --experience-line: rgba(255,255,255,.14);
  --experience-paper: #071d35;
  --experience-canvas: #020d1b;
  --njg-ink: #f5f7fa;
  --njg-midnight: #03152b;
  --njg-muted: #b8c5d1;
  --njg-line: rgba(255,255,255,.14);
  --njg-paper: #071d35;
  --njg-canvas: #020d1b;
  --njg-crimson: #f21f3b;
  --hub-ink: #f5f7fa;
  --hub-navy: #071d35;
  --hub-red: #f21f3b;
  --hub-muted: #b8c5d1;
  --hub-line: rgba(255,255,255,.14);
  background: #020d1b;
  color: #f5f7fa;
  font: 400 14px/1.5 var(--njg-sans);
}
body.njg-studio :is(button,input,select,textarea,table,summary) { font-family: var(--njg-sans); }
body.njg-studio .njg-experience :is(h1,h2,h3,h4,h5,h6) {
  color: #fff;
  font-style: normal;
  text-transform: none !important;
  letter-spacing: -.025em;
}
body.njg-studio .njg-experience :is(.pagehead h1,.member-account-hero h1,.fan-center-header h1,.landing-masthead h1,.news-masthead h1,.road-hero h1) {
  margin: 0 0 8px;
  font: 800 clamp(26px,3vw,36px)/1.15 var(--njg-serif) !important;
}
body.njg-studio .njg-experience :is(.card h2,.member-primary h2,.member-follow-heading h3,.hub-panel-heading h2,.resource-section-head h2,.fan-section-head h2,.sectiontitle) {
  color: #fff;
  font: 800 13px/1.4 var(--njg-sans) !important;
  letter-spacing: .06em;
  margin: 0 0 14px;
}
body.njg-studio .njg-experience :is(.eyebrow,.member-eyebrow,.hub-kicker,.landing-kicker,.resource-section-head>div>span,.live-kicker,.champ-eyebrow) {
  color: #fff;
  font: 800 10px/1.4 var(--njg-sans);
  letter-spacing: .16em;
  text-transform: uppercase !important;
}
body.njg-studio .njg-signature.njg-experience[data-page] .content {
  max-width: 1360px;
  padding: 26px 32px 54px;
  color: #f5f7fa;
}
body.njg-studio .njg-experience :is(.subtitle,.tiny,.muted,.source,.member-account p,.member-facts dt,.hub-team-copy>p,.school-hub .hub-kicker) { color: #b8c5d1; }
body.njg-studio .njg-experience :is(.pagehead,.hub-team-header,.member-follow-heading,.line) { border-color: rgba(255,255,255,.14); }
body.njg-studio .njg-experience .pagehead { margin-bottom: 20px; padding-bottom: 18px; }
body.njg-studio .njg-experience .subtitle { font-size: 13px; line-height: 1.6; }
body.njg-studio .njg-experience :is(.experience-find,.hub-account-popover,.experience-premium) { color: #fff; background: #0a2441; border-color: rgba(255,255,255,.18); }
body.njg-studio .njg-experience .hub-account-popover { border-radius: 9px; box-shadow: 0 16px 40px #0006; }
body.njg-studio .njg-experience .hub-account-popover :is(button,b) { color: #fff; border-color: rgba(255,255,255,.12); }
body.njg-studio .njg-experience .hub-account-popover small { color: #b8c5d1; }
body.njg-studio .njg-experience .experience-footer { color: #9bafc1; border-color: rgba(255,255,255,.12); }
body.njg-studio .njg-experience .experience-footer strong { color: #fff; }
body.njg-studio .njg-experience :is(.experience-footer button,.linkbtn,.member-remove,.hub-text-link) { color: #ff8191; }
/* Shared panels and nested cards across accounts, results, schools and operations. */
body.njg-studio .njg-signature.njg-experience[data-page] :is(.card,.judgebox,.resource-card,.resource-category-card,.score-runner-main,.desk-attempt,.member-primary,.hub-event-grid article,.hub-season-metrics,.fan-results-card,.fan-leader-card,.recent-meet-card,.program-meet-card,.program-athlete-card,.live-meet-card,.live-practice-card,.live-schedule-card,.road-section,.road-final,.athlete-recruit-block,.athlete-score-panel,.athlete-focus-card,.individual-performance-card,.resource-audit-strip article,.resource-action-grid button,.resource-essential-grid button,.news-desk,.news-list,.news-filterbar,.news-add-panel) {
  background: linear-gradient(145deg,rgba(10,36,65,.97),rgba(3,18,36,.99));
  color: #f5f7fa;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 9px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.15) !important;
  clip-path: none;
}
body.njg-studio .njg-signature.njg-experience[data-page] :is(.card,.judgebox,.resource-card) { padding: 20px; }
body.njg-studio .njg-experience :is(.member-school-chip,.member-school-results button,.fan-meet-choice,.live-lineup-row,.live-schedule-choice,.score-queue-row,.hub-result-card,.hub-roster-row,.news-team,.athlete-performance-grid>div,.athlete-recruit-facts>div) {
  color: #f5f7fa;
  background: #0a2441;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 7px !important;
  clip-path: none;
}
body.njg-studio .njg-experience :is(.member-school-chip,.member-school-results button,.fan-meet-choice,.score-queue-row):hover { background: #0e2d4f; border-color: #f21f3b; }
body.njg-studio .njg-experience :is(.member-school-results button b,.fan-leader-card strong,.fan-result-row>strong,.hub-season-metrics strong,.program-team-scores strong,.resource-audit-strip strong,.stat,.score,.bigscore,.team-record-value) { color: #fff; font-style: normal; }
body.njg-studio .njg-experience :is(.stat,.score,.bigscore,.hub-season-metrics strong,.fan-leader-card strong) { font-family: var(--njg-serif); font-weight: 800; font-variant-numeric: tabular-nums; }
body.njg-studio .njg-experience :is(.member-account-hero,.member-primary,.hub-team-header,.athlete-hero,.road-hero,.resource-hero,.fan-scoreboard,.spectator-heading,.score-runner-hero) { background: linear-gradient(120deg,#0a2441,#03152b) !important; color: #fff; border-color: rgba(255,255,255,.14); border-radius: 9px !important; }
body.njg-studio .njg-signature.njg-experience[data-page] .member-account { max-width: 1180px; color: #f5f7fa; }
body.njg-studio .njg-signature.njg-experience[data-page] .member-account-hero { padding: 24px 28px; border: 1px solid rgba(255,255,255,.14); border-left: 3px solid #f21f3b; gap: 20px; }
body.njg-studio .njg-experience .member-account-hero h1 { margin: 8px 0 !important; }
body.njg-studio .njg-experience .member-account-hero .member-eyebrow { color: #fff; }
body.njg-studio .njg-experience .member-role-badge { padding: 7px 12px; border-color: #ffffff40; border-radius: 999px; background: #ffffff08; font-size: 11px; }
body.njg-studio .njg-experience .member-primary { margin: 16px 0; padding: 20px 24px; }
body.njg-studio .njg-experience .member-primary h2 { margin: 8px 0 !important; font-size: 18px !important; letter-spacing: -.02em; }
body.njg-studio .njg-experience .member-account-grid { gap: 18px; grid-template-columns: minmax(0,1.4fr) minmax(300px,.85fr); }
body.njg-studio .njg-experience .member-facts { gap: 12px; padding: 0 0 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
body.njg-studio .njg-experience .member-facts dd { color: #fff; font-size: 13px; }
body.njg-studio .njg-experience .member-account label { margin-top: 14px; color: #dce5ed; font-size: 11px; }
body.njg-studio .njg-experience .member-account [role=status] { color: #c5d4e2; }
body.njg-studio .njg-experience .member-follow-heading span { color: #9bafc1; }
body.njg-studio .njg-experience .member-access ul { padding-left: 18px; color: #d6e0e9; font-size: 13px; }
/* Controls retain their existing actions and role permissions. */
body.njg-studio .njg-signature.njg-experience[data-page] :is(.btn,.resource-action-grid button,.resource-essential-grid button) { min-height: 44px; border-radius: 7px !important; clip-path: none; font: 800 12px/1.35 var(--njg-sans) !important; text-transform: none !important; letter-spacing: .01em; }
body.njg-studio .njg-signature.njg-experience[data-page] .btn { color: #fff; background: #ffffff06; border: 1px solid #ffffff38; }
body.njg-studio .njg-signature.njg-experience[data-page] .btn:hover { background: #ffffff12; border-color: #ffffff65; }
body.njg-studio .njg-signature.njg-experience[data-page] .btn.primary { color: #fff; background: #f21f3b; border-color: #f21f3b; }
body.njg-studio .njg-signature.njg-experience[data-page] .btn.primary:hover { background: #c7112b; border-color: #c7112b; }
body.njg-studio .njg-experience .btn.danger { color: #ff9da9; border-color: #ff7a8b70; }
body.njg-studio .njg-experience :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,.member-account input,.school-picker summary,.experience-search-field,.program-search-box,.resource-search) { color: #f5f7fa; background: #03152b; border: 1px solid #ffffff38; border-radius: 7px !important; font-size: 13px; }
body.njg-studio .njg-experience :is(input,select,textarea) { accent-color: #f21f3b; }
body.njg-studio .njg-experience input::placeholder,body.njg-studio .njg-experience textarea::placeholder { color: #92a8bc; opacity: 1; }
body.njg-studio .njg-experience :is(.field label,.filter-label,.statlabel,.member-facts dt) { color: #b8c5d1; }
body.njg-studio :is(.njg-experience,.login-screen) :is(button,a,input,select,textarea,summary):focus-visible { outline: 2px solid #ff8191 !important; outline-offset: 3px; }
body.njg-studio .njg-experience :is(.keypad button,.live-keypad button) { color: #fff; background: #0a2441; border-color: #ffffff38; border-radius: 8px !important; }
body.njg-studio .njg-experience :is(.keypad button,.live-keypad button):hover { background: #173f67; border-color: #ff8191; }
/* Dense tables, rosters and score review share the same reading surface. */
body.njg-studio .njg-experience :is(.table,.hub-meet-table,.athlete-score-table,.athlete-experience-table,.power-table) { background: transparent; color: #e5edf4; border-color: rgba(255,255,255,.14); }
body.njg-studio .njg-experience :is(.table,.hub-meet-table,.athlete-score-table,.athlete-experience-table,.power-table) th { background: #03152b; color: #b8c5d1; border-color: #ffffff24; padding: 11px 12px; font: 800 10px/1.4 var(--njg-sans); letter-spacing: .08em; }
body.njg-studio .njg-signature.njg-experience[data-page] :is(.table,.hub-meet-table,.athlete-score-table,.athlete-experience-table,.power-table) td { color: #e5edf4; border-color: #ffffff1a; padding: 12px; font-size: 13px; }
body.njg-studio .njg-experience :is(.table,.hub-meet-table,.athlete-score-table,.power-table) tbody tr:nth-child(even) { background: #ffffff03; }
body.njg-studio .njg-experience :is(.table,.hub-meet-table,.athlete-score-table,.power-table) tbody tr:hover { background: #ffffff08; }
body.njg-studio .njg-experience :is(.hub-tabs,.athlete-recruit-nav,.studio-view-tabs,.tabrow,.live-event-tabs,.fan-event-tabs,.score-runner-tabs) { border-color: #ffffff24; background: transparent; }
body.njg-studio .njg-experience :is(.hub-tabs,.athlete-recruit-nav,.studio-view-tabs,.tabrow,.live-event-tabs,.fan-event-tabs,.score-runner-tabs) button { color: #b8c5d1; background: transparent; font-family: var(--njg-sans); border-radius: 6px !important; }
body.njg-studio .njg-experience :is(.hub-tabs,.athlete-recruit-nav,.studio-view-tabs,.tabrow,.live-event-tabs,.fan-event-tabs,.score-runner-tabs) button.active { color: #fff; background: #ffffff09; border-color: #f21f3b; }
body.njg-studio .njg-experience :is(.hub-result-head,.hub-result-foot,.hub-result-athlete,.fan-result-row,.news-row,.news-desk-item,.hub-roster-row,.live-list>div,.live-fan-result) { color: #e5edf4; border-color: #ffffff1f; }
body.njg-studio .njg-experience .school-hub { --hub-ink:#f5f7fa; --hub-muted:#b8c5d1; --hub-line:#ffffff24; --hub-red:#f21f3b; color:#f5f7fa; }
body.njg-studio .njg-experience .school-hub :is(.program-search-results,.program-search-option,.hub-directory-card) { background: #0a2441; color: #f5f7fa; border-color: #ffffff24; }
body.njg-studio .njg-experience .school-hub :is(.hub-team-copy h2,.hub-directory-title h1,.hub-roster-row h3,.hub-preview-rank,.hub-preview-rank strong,.hub-event-grid article strong,.hub-result-total strong) { color: #fff; }
body.njg-studio .njg-experience :is(.fan-meet-choice.active,.live-routine-choice.active,.live-schedule-choice.selected,.score-queue-row.active) { background: #123452; border-color: #f21f3b; color: #fff; }
body.njg-studio .njg-experience .fan-meet-choice :is(b,span),body.njg-studio .njg-experience .fan-leader-card :is(b,small) { color: #e5edf4; }
body.njg-studio .njg-experience .fan-broadcast .fan-team-card.is-meet-leader { background: #10324d; border-color: #ff8191; }
body.njg-studio .njg-experience .fan-broadcast .fan-team-card.is-meet-leader :is(h2,strong,span),body.njg-studio .njg-experience .fan-broadcast .fan-team-card.is-meet-leader>div>span { color: #fff !important; }
body.njg-studio .njg-signature.njg-experience[data-page] :is(.live-switch,.live-manual,.live-fan,.live-fan-school,.live-account-note,.live-practice-team,.live-schedule-confirm,.live-routine-choice,.score-runner-next,.score-runner-instruction,.desk-outcome,.desk-official-attempt,.desk-best-average,.studio-desk-flow,.champ-empty,.champ-fan-summary,.spectator-live,.spectator-brand,.spectator-team,.spectator-latest,.spectator-recent,.spectator-event-results,.spectator-connection,.individual-performers,.individual-performance-header,.individual-empty,.team-identity-details,.team-league-records,.team-season-update,.team-affiliation-strip,.road-individual,.athlete-club-list li,.athlete-athletic-facts>div,.athlete-recruit-snapshot>div,.athlete-honors,.athlete-video-link,.athlete-recruit-bottom,.athlete-featured-video-head,.mail-detail,.mail-list,.auth-user-row,.auth-invitation,.resource-page-controls) { background:#071d35; color:#e5edf4; border-color:#ffffff24; border-radius:8px !important; }
body.njg-studio .njg-experience :is(.live-event-choices label,.live-lineup-actions button,.live-fan-strip button,.live-selected-schools .school-identity,.live-schedule-teams .school-identity,.individual-event-tabs button,.spectator-event-tabs button,.team-champion) { background:#0a2441; color:#e5edf4; border-color:#ffffff24; }
body.njg-studio .njg-experience :is(.individual-event-tabs button.active,.spectator-event-tabs button.active,.live-fan-strip button.active) { background:#123452; color:#fff; border-color:#f21f3b; }
body.njg-studio .njg-experience .individual-performance-table { color:#e5edf4; }
body.njg-studio .njg-experience .individual-performance-table th { color:#b8c5d1; background:#03152b; }
body.njg-studio .njg-experience .individual-performance-table tr:nth-child(even) { background:#ffffff03; }
body.njg-studio .njg-experience :is(.desk-best-average strong,.desk-outcome strong,.spectator-score,.spectator-team-total,.individual-performance-table strong,.mail-detail strong,.mail-detail pre) { color:#fff; }
body.njg-studio .njg-experience :is(.live-score-help,.live-account-note p,.spectator-latest-copy p,.spectator-connection small,.mail-detail p,.team-affiliation-strip small) { color:#b8c5d1; }
body.njg-studio .njg-experience :is(.resource-actions,.resource-tools,.resource-essentials,.resource-filterbar,.resource-audit-strip,.news-library,.news-library-heading,.news-desk-top,.news-row-date,.news-row-open,.news-team,.power-counting a) { color: #dce5ed; background: transparent; border-color: #ffffff24; }
body.njg-studio .njg-experience :is(.news-row h3 a,.news-row-date strong,.news-desk-item b,.resource-card h3,.resource-action-grid strong,.resource-essential-grid strong,.athlete-recruit-data strong,.athlete-performance-grid strong) { color: #fff; }
body.njg-studio .njg-experience :is(.news-row p,.news-row-meta,.news-source-note,.resource-meta,.resource-card p,.athlete-recruit-muted) { color: #b8c5d1; }
body.njg-studio .njg-experience :is(.news-row,.news-desk-item):hover { background: #ffffff06; }
body.njg-studio .njg-experience :is(.notice:not(.warn):not(.error),.step,.premium-intro) { background: #0d2b48; color: #dce5ed; border-color: #ffffff26; border-left-color: #f21f3b; }
body.njg-studio .njg-experience .notice.warn { background:#3a2c14; color:#ffe3a0; border-color:#e7b85c; }
body.njg-studio .njg-experience .notice.error { background:#3b1826; color:#ffc3cd; border-color:#ff8191; }
body.njg-studio .njg-experience .badge { border-radius: 999px !important; font: 800 10px/1.3 var(--njg-sans); }
body.njg-studio .njg-experience .badge.verified { background:#103c33; color:#91ebbe; }
body.njg-studio .njg-experience .badge.pending { background:#2c3548; color:#dce5ed; }
body.njg-studio .njg-experience .badge.blocked { background:#461e2a; color:#ffb6c3; }
body.njg-studio .njg-experience :is(.landing-lead,.landing-spotlight,.landing-discovery .landing-schools,.landing-discovery .landing-rankings,.landing-championship) { background: linear-gradient(135deg,#0c2744,#03152b); border-color:#ffffff24; color:#fff; }
body.njg-studio .njg-experience .landing-lead { min-height: 290px; }
body.njg-studio .njg-experience .landing-lead:before { background:linear-gradient(90deg,#03152bf0,#03152b80); }
body.njg-studio .njg-experience .landing-lead h2 { font-size:clamp(30px,4vw,48px); }
/* Dialogs are outside the shell; scope them to the signed-in body. */
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) { background:#071d35; color:#fff; border:1px solid #ffffff2b; border-radius:10px !important; color-scheme:dark; }
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) :is(h2,h3,label,strong) { color:#fff; font-family:var(--njg-sans); font-style:normal; }
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) :is(input,select,textarea) { background:#03152b; color:#fff; border-color:#ffffff38; }
body.njg-studio :is(.modal,.experience-finder) :is(.tiny,.muted,p,small) { color:#b8c5d1; }
body.njg-studio .experience-search-results :is(button,a) { background:transparent; color:#fff; border-color:#ffffff24; }
/* Sign-in, enrollment and recovery use the same logo, fonts and surfaces. */
body.njg-studio .login-screen { background:#020d1b; color:#fff; color-scheme:dark; }
body.njg-studio .login-brand-side { background:#03152b; border-right:1px solid #ffffff1f; }
body.njg-studio .login-brand-top { background:transparent; border:0; border-bottom:2px solid #f21f3b; border-radius:0; box-shadow:none; padding:0 0 18px; }
body.njg-studio .login-brand-top img { width:240px; max-height:64px; padding:0; background:transparent; }
body.njg-studio .login-brand-top span { color:#b8c5d1; }
body.njg-studio .login-brand-center { padding:36px 0; }
body.njg-studio .login-brand-center h1 { font-size:clamp(36px,4vw,58px); }
body.njg-studio .login-access-side { background:linear-gradient(145deg,#071d35,#020d1b); }
body.njg-studio .login-access-content { max-width:560px; }
body.njg-studio .login-access-content h2 { color:#fff; font-size:28px; }
body.njg-studio .login-screen :is(.login-season,.login-lead,.login-demo-note,.auth-help p,.login-role-copy small,.login-access-foot,.login-role-heading span) { color:#b8c5d1; }
body.njg-studio .login-screen :is(.login-access-top button,.login-access-foot button,.auth-text-button,.auth-guest,.auth-help button) { color:#ff8191; }
body.njg-studio .login-screen :is(.auth-form label,.login-role-heading strong,.auth-help h3) { color:#e5edf4; }
body.njg-studio .login-screen :is(.auth-form,.auth-help) { background:#0a2441; border:1px solid #ffffff24; border-radius:9px; box-shadow:none; }
body.njg-studio .login-screen .auth-form { border-top:2px solid #f21f3b; }
body.njg-studio .login-screen .login-access-content:before { color:#fff; background:#ffffff08; border-color:#f21f3b; }
body.njg-studio .login-screen .login-access-eyebrow { color:#dce5ed; }
body.njg-studio .login-screen :is(.auth-form input,.auth-form select,.login-role,.auth-current,.login-selected,.auth-invitation) { background:#03152b; color:#fff; border-color:#ffffff38; border-radius:7px; }
body.njg-studio .login-screen :is(.auth-current strong,.login-selected h3,.login-selected li,.login-role-copy b) { color:#fff; }
body.njg-studio .login-screen .login-role.selected { border-color:#f21f3b; background:#0c2744; }
body.njg-studio .login-screen .login-role-icon { background:#0c2744; color:#fff; }
body.njg-studio .login-screen .login-role.selected .login-role-icon { background:#f21f3b; }
body.njg-studio .login-screen :is(.auth-help,.login-access-foot) { border-color:#ffffff24; }
body.njg-studio .login-screen .auth-form .login-enter,body.njg-studio .login-screen .login-enter { background:#f21f3b; border-color:#f21f3b; border-radius:7px !important; min-height:46px; }
@media(max-width:1000px) {
  body.njg-studio .njg-signature.njg-experience[data-page] .topbar { gap:18px; }
  body.njg-studio .njg-experience .member-account-grid { grid-template-columns:1fr; }
  body.njg-studio .njg-experience .member-primary { align-items:flex-start; flex-direction:column; }
}
@media(max-width:760px) {
  body.njg-studio .njg-signature.njg-experience[data-page] .content { padding:22px 18px 94px; }
  body.njg-studio .njg-signature.njg-experience[data-page] .topbar { height:auto; min-height:68px; padding:14px 18px; gap:14px; }
  body.njg-studio .njg-experience .experience-mobile-nav { background:#03152b; border-color:#ffffff24; }
  body.njg-studio .njg-experience .experience-mobile-nav :is(a,button) { color:#b8c5d1; }
  body.njg-studio .njg-experience .experience-mobile-nav [aria-current=page] { color:#fff; background:#ffffff0c; }
  body.njg-studio .njg-signature.njg-experience[data-page] .member-account-hero { padding:20px; align-items:flex-start; flex-direction:column; gap:12px; }
  body.njg-studio .njg-experience .member-account-hero h1 { font-size:28px !important; }
  body.njg-studio .njg-experience .member-primary { padding:18px 20px; }
  body.njg-studio .njg-signature.njg-experience[data-page] :is(.card,.judgebox,.resource-card) { padding:18px; }
  body.njg-studio .njg-experience .experience-footer { padding-bottom:100px; }
  body.njg-studio .njg-experience .landing-lead { min-height:260px; }
  body.njg-studio .login-brand-side { min-height:230px; }
  body.njg-studio .login-brand-center h1 { font-size:36px; }
}
@media(prefers-reduced-motion:reduce) { body.njg-studio * { scroll-behavior:auto !important; animation:none !important; transition:none !important; } }

/* Short photographic heroes for staff workspaces. Keep the officials visible. */
body.njg-studio .njg-experience .experience-page-hero-officials {
  min-height: 200px;
  background-image: url("site/assets/njg-officials-hero-v52.jpg");
  background-position: center 48%;
  background-size: cover;
}
body.njg-studio .njg-experience .experience-page-hero-officials:before {
  background: linear-gradient(90deg,rgba(2,13,27,.78),rgba(2,13,27,.28) 48%,transparent 72%);
}
body.njg-studio .njg-experience .experience-page-hero-officials .experience-page-hero-inner {
  padding: 30px 32px;
}
body.njg-studio .njg-experience .experience-page-hero-officials .experience-hero-kicker {
  margin-bottom: 9px;
  color: #fff;
  font: 800 10px/1.4 var(--njg-sans);
  letter-spacing: .15em;
}
body.njg-studio .njg-experience .experience-page-hero-officials h1 {
  max-width: 55%;
  font: 800 clamp(27px,3.2vw,40px)/1.12 var(--njg-serif) !important;
  letter-spacing: -.035em;
}
body.njg-studio .njg-experience .experience-page-hero-officials p {
  max-width: 48%;
  margin-top: 10px;
  font: 400 13px/1.55 var(--njg-sans);
}
body.njg-studio .njg-experience .workspace-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px 24px;
  padding-bottom: 16px;
  margin-bottom: 18px;
  border-bottom: 1px solid var(--brand-border);
}
body.njg-studio .njg-experience .workspace-context { min-width: 0; }
body.njg-studio .njg-experience .workspace-context h2 {
  margin: 0 0 5px;
  font: 800 15px/1.4 var(--njg-sans) !important;
  overflow-wrap: anywhere;
}
body.njg-studio .njg-experience .workspace-toolbar .subtitle { margin: 0; }
body.njg-studio .njg-experience .workspace-toolbar .actions {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 8px;
}
body.njg-studio .njg-experience [data-live-page] .hub-operations-link {
  padding: 14px 18px;
  margin-bottom: 18px;
  border-radius: 9px;
  align-items: center;
  gap: 12px;
  background: #071d35;
  border: 1px solid var(--brand-border);
}
body.njg-studio .njg-experience [data-live-page] .hub-operations-link strong {
  display: block;
  margin-top: 3px;
  font: 700 16px/1.35 var(--njg-sans);
  color: #fff;
}
body.njg-studio .njg-experience [data-live-page] :is(.live-grid,.live-two) { gap: 18px; }
body.njg-studio .njg-experience [data-live-page] :is(.live-practice-card,.live-schedule-card) { margin-bottom: 18px; }
body.njg-studio .njg-experience [data-live-page] :is(.live-meet-card,.live-coverage,.live-lineup-row) { padding: 12px 14px; }
body.njg-studio .njg-experience [data-live-page] :is(.live-meet-card b,.live-coverage strong) { font-size: 13px; }
body.njg-studio .njg-experience [data-live-page] .live-meet-card small { line-height: 1.5; }
@media (max-width: 760px) {
  body.njg-studio .njg-experience .experience-page-hero-officials {
    min-height: 180px;
    background-position: 68% 62%;
  }
  body.njg-studio .njg-experience .experience-page-hero-officials:before {
    background: linear-gradient(90deg,rgba(2,13,27,.93),rgba(2,13,27,.56) 51%,rgba(2,13,27,.05));
  }
  body.njg-studio .njg-experience .experience-page-hero-officials .experience-page-hero-inner { padding: 25px 18px; }
  body.njg-studio .njg-experience .experience-page-hero-officials h1 { max-width: 62%; font-size: 27px !important; }
  body.njg-studio .njg-experience .experience-page-hero-officials p { max-width: 58%; font-size: 12px; }
  body.njg-studio .njg-experience .workspace-toolbar { align-items: flex-start; flex-direction: column; gap: 12px; }
  body.njg-studio .njg-experience .workspace-toolbar .actions { width: 100%; flex-shrink: 1; }
  body.njg-studio .njg-experience .workspace-toolbar .actions .btn { flex: 1; }
  body.njg-studio .njg-experience [data-live-page] .hub-operations-link { flex-wrap: wrap; }
  body.njg-studio .njg-experience [data-live-page] .hub-operations-link .btn { width: 100%; }
}

body.njg-studio .njg-experience [data-live-page] :is(.card>h3,.live-manual-meet>summary) {
  color: #fff;
  font: 800 13px/1.4 var(--njg-sans) !important;
  letter-spacing: .03em;
}
body.njg-studio .njg-experience [data-live-page] .live-manual-meet>summary { min-height: 30px; }

/* The new public pages supply the masthead, footer, palette and display type.
   Member-specific rules below address only operational controls and layout. */
body.njg-studio .site-header {width:100%;height:78px;min-height:78px;padding:0 clamp(24px,4.2vw,68px);border-bottom:3px solid var(--njg-red);background:var(--njg-navy);color:#fff;z-index:30}
body.njg-studio .site-header .brand {display:block;flex:0 0 auto;padding:0;margin:0;border:0;background:transparent;box-shadow:none}
body.njg-studio .site-header .brand img {width:250px;height:auto;max-height:58px;object-fit:contain;padding:0;background:none}
body.njg-studio .site-header .primary-nav {gap:clamp(20px,3vw,42px)}
body.njg-studio .site-header .primary-nav>a {color:#fff;text-decoration:none;font:600 14px var(--njg-sans);white-space:nowrap}
body.njg-studio .site-header .topright {display:flex;gap:0;margin:0;padding:0;position:relative;width:auto}
body.njg-studio .site-header .hub-account-signin {color:#fff;background:transparent;border:1px solid var(--njg-red);padding:10px 24px;border-radius:999px;font:600 14px var(--njg-sans);cursor:pointer}
body.njg-studio .site-header .hub-account-menu summary {color:#fff}
body.njg-studio .site-footer {max-width:none;padding:28px max(30px,4.5vw);border-top:1px solid #ffffff24;color:#aab6c2;background:var(--njg-navy);display:flex;align-items:center;gap:28px;font:400 13px var(--njg-sans)}
body.njg-studio .site-footer .brand {display:block;padding:0;background:none;border:0}
body.njg-studio .site-footer .brand img {width:190px;max-height:58px;object-fit:contain}
body.njg-studio .site-footer .copyright {margin-left:auto}
body.njg-studio .workspace-sectionbar {display:flex;align-items:center;gap:24px;padding:0 max(24px,4.2vw);background:#071d35;border-bottom:1px solid #ffffff24;min-width:0}
body.njg-studio .workspace-sectionbar>span {color:#a9bbcd;font:800 10px var(--njg-sans);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}
body.njg-studio .workspace-sectionbar nav {display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin}
body.njg-studio .workspace-sectionbar a {display:flex;align-items:center;gap:6px;min-height:48px;white-space:nowrap;text-decoration:none;border-bottom:3px solid transparent;color:#c9d3de;font:600 12px var(--njg-sans)}
body.njg-studio .workspace-sectionbar a.active {color:#fff;border-color:var(--njg-red)}
body.njg-studio .login-screen {min-height:calc(100vh - 78px)}
body.njg-studio .login-brand-center h1 {font-family:var(--njg-serif)!important}
body.njg-studio .njg-experience .content {min-height:55vh}
@media(max-width:1100px){
 body.njg-studio .site-header {height:68px;min-height:68px;padding:0 18px}
 body.njg-studio .site-header .brand img {width:174px}
 body.njg-studio .site-header .menu-toggle {display:block}
 body.njg-studio .site-header .primary-nav {position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 25px;background:var(--njg-navy);border-bottom:3px solid var(--njg-red)}
 body.njg-studio .site-header .primary-nav.open {display:flex}
 body.njg-studio .site-header .primary-nav>a {padding:14px}
 body.njg-studio .site-header .nav-rule {display:none}
 body.njg-studio .site-header .topright {padding:10px 14px}
}
@media(max-width:760px){
 body.njg-studio .workspace-sectionbar {display:block;padding:12px 18px 0}
 body.njg-studio .workspace-sectionbar nav {gap:20px}
 body.njg-studio .site-footer {flex-wrap:wrap;padding:28px 18px;gap:18px}
 body.njg-studio .site-footer .copyright {width:100%;margin:0}
 body.njg-studio .login-screen {min-height:calc(100vh - 68px)}
 body.njg-studio .njg-signature.njg-experience[data-page] .content {padding-bottom:42px}
}
body.njg-studio .login-screen {position:relative;inset:auto;z-index:auto}
body.njg-studio .njg-experience :is(.sectional-launch,.champ-launch) {background:#071d35!important;border-top-color:var(--njg-red)!important}
body.njg-studio .njg-experience :is(.champ-tabs,.sectional-sites,.sectional-site,.champ-event-orders details,.champ-live-controls article) {background:#071d35;color:#e5edf4;border-color:#ffffff24}
body.njg-studio .njg-experience :is(.champ-tabs button,.champ-note,.champ-entry small,.sectional-site p,.sectional-site small,.champ-order small) {color:#b8c5d1}
body.njg-studio .njg-experience :is(.champ-tabs button.active,.sectional-site strong,.sectional-site summary,.champ-add-squad summary) {color:#fff}
body.njg-studio .njg-experience .champ-tabs button.active {border-color:var(--njg-red)}

/* Every member route uses the same editorial type and component surfaces.
   Layout selectors remain in the feature stylesheets; visual values live here. */
body.njg-studio .njg-signature.njg-experience[data-page] .content {
  color:var(--njg-copy);font:400 14px/1.6 var(--njg-sans);
}
body.njg-studio .njg-signature.njg-experience[data-page] :is(h1,h2,h3,h4,h5,h6) {
  font-family:var(--njg-serif)!important;font-style:normal!important;font-weight:800!important;
  color:var(--njg-copy);letter-spacing:-.03em;text-transform:none!important;
}
body.njg-studio .njg-signature.njg-experience[data-page] :is(.card>h2,.card>header h2,.judgebox>h2,.resource-card h3,.resource-section-head h2,.member-follow-heading h3,.hub-panel-heading h2,.sectiontitle) {
  font:800 22px/1.25 var(--njg-serif)!important;letter-spacing:-.025em;margin:0 0 16px;
}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(button,input,select,textarea,table,label,legend,summary,p,li,dt,dd,small,output) {font-family:var(--njg-sans)!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(span,b,strong,em) {font-family:inherit!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(p,li,dt,label,legend,small,summary) {color:var(--njg-secondary)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(b,strong,dd,output) {color:var(--njg-copy)}
body.njg-studio .njg-signature.njg-experience[data-page] .content span {color:inherit}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(label,legend) {font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.01em}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.eyebrow,.member-eyebrow,.champ-eyebrow,.hub-kicker,.live-kicker,.resource-section-head>div>span,.road-section>header span) {color:var(--njg-accent-copy)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.card,.judgebox,.resource-card,.resource-category-card,.live-event-lineup,.auth-form,.message-card,.fan-team-card,.fan-leader-grid,.public-row,.athlete-workspace-section,.athlete-private-access) {
  color:var(--njg-copy);background:var(--njg-panel)!important;border-color:var(--njg-stroke);border-radius:var(--njg-radius)!important;box-shadow:0 10px 30px #0002!important;clip-path:none;
}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.auth-form,.live-event-lineup,.message-card) {padding:20px;border:1px solid var(--njg-stroke)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.auth-form,.score-runner-main) {border-top:3px solid var(--njg-red)!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content .auth-form {margin-top:18px;box-shadow:none!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.auth-user-row,.live-review,.live-inquiry,.champ-event-orders details,.champ-live-controls article,.live-lineup-row,.score-queue-row,.live-schedule-choice,.desk-official-attempt,.desk-entry-guide,.desk-number-help,.desk-attempt-average,.desk-spread-check,.desk-average-summary,.desk-calculation-summary,.resource-status) {
  background:var(--njg-panel-raised)!important;color:var(--njg-copy);border-color:var(--njg-stroke);border-radius:8px!important;
}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea) {
  background:var(--njg-field)!important;color:var(--njg-copy)!important;border:1px solid var(--njg-stroke)!important;border-radius:8px!important;min-height:44px;max-width:100%;box-shadow:none!important;
}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(input,textarea)::placeholder {color:#a6b8ca!important;opacity:1}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(input[type=checkbox],input[type=radio]) {width:18px;height:18px;min-width:18px;min-height:18px!important;max-height:18px;padding:0;accent-color:var(--njg-red);flex:0 0 18px;box-shadow:none}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(button,.btn) {font-style:normal;letter-spacing:0;text-transform:none;box-shadow:none}
body.njg-studio .njg-signature.njg-experience[data-page] .content .btn {border:1px solid var(--njg-stroke);border-radius:8px!important;color:var(--njg-copy)!important;background:var(--njg-panel-raised);font:700 12px/1.35 var(--njg-sans)!important;min-height:42px;padding:11px 16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
body.njg-studio .njg-signature.njg-experience[data-page] .content .btn.primary {background:var(--njg-action)!important;border-color:transparent;color:#fff!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content .btn.primary:hover {filter:brightness(1.08)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .btn.danger {color:#ffb2bd!important;border-color:#ff8a9b70}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(a,.linkbtn,.public-arrow,.live-meet-card>strong,.live-schedule-choice em,.resource-action-grid small) {color:var(--njg-accent-copy)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.badge,.premium-badge,.premium-intro .premium-badge) {font:800 10px/1.3 var(--njg-sans)!important;padding:6px 9px;letter-spacing:.04em}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.premium-badge,.badge.blocked) {color:#ffd4db!important;background:#5b1b2b;border-color:#ac4054}
body.njg-studio .njg-signature.njg-experience[data-page] .content .badge.verified {color:#b4f1d2;background:#153d34;border-color:#448b6b}
body.njg-studio .njg-signature.njg-experience[data-page] .content .badge.pending {color:#dce6f1;background:#263c54;border-color:#54708e}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.live-pulse,.score-runner-progress>span,.score-runner-next>span,.champ-count) {color:var(--njg-accent-copy)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.notice,.notice.warn,.notice.error) :is(p,span,b,strong) {color:inherit}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(table,.table,.power-table,.athlete-score-table) {font-family:var(--njg-sans)!important;color:var(--njg-copy);border-color:var(--njg-stroke)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(table,.table) th {background:var(--njg-field);color:var(--njg-secondary)!important;border-color:var(--njg-stroke);font:700 11px/1.5 var(--njg-sans)!important;text-transform:none;letter-spacing:.02em}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(table,.table) td {background:transparent;color:var(--njg-copy);border-color:var(--njg-stroke);font:400 13px/1.6 var(--njg-sans)!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(table,.table) tr:hover {background:#ffffff06}
/* The recorder's forms and the director's review share the same score treatment. */
body.njg-studio .njg-signature.njg-experience[data-page] .content .desk-score-box input {font:700 clamp(30px,3.5vw,42px)/1.15 var(--njg-sans)!important;height:76px!important;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.desk-score-box span,.desk-entry-guide b,.desk-review-heading strong,.score-runner-progress strong,.desk-attempt legend) {color:var(--njg-copy)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.desk-review-card,.desk-review-panel,.desk-attempt) {background:var(--njg-panel)!important;border-color:var(--njg-stroke)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.desk-attempt-average,.desk-best-average,.desk-official-attempt) output {color:var(--njg-copy);font-weight:800;font-variant-numeric:tabular-nums}
body.njg-studio .njg-signature.njg-experience[data-page] .content .desk-outcome {min-height:42px;background:var(--njg-field);color:var(--njg-secondary);border:1px solid var(--njg-stroke);border-radius:7px;font-weight:700}
body.njg-studio .njg-signature.njg-experience[data-page] .content .desk-outcome.active {background:#482135;color:#ffe1e6;border-color:var(--njg-accent-copy);box-shadow:none}
body.njg-studio .njg-signature.njg-experience[data-page] .content .desk-attempt-average {padding:12px 14px;border:1px solid var(--njg-stroke)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .score-queue-row {opacity:1;grid-template-columns:30px minmax(0,1fr) auto}
body.njg-studio .njg-signature.njg-experience[data-page] .content .score-queue-row>span {background:var(--njg-field);border-radius:6px;color:var(--njg-secondary)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .score-queue-row em {color:var(--njg-accent-copy);font-style:normal}
body.njg-studio .njg-signature.njg-experience[data-page] .content .score-queue-row.review em {color:#f8dc94}
body.njg-studio .njg-signature.njg-experience[data-page] .content .score-queue-row.done em {color:#a7e5c4}
body.njg-studio .njg-signature.njg-experience[data-page] .content .score-queue-row.active {background:#23334d!important;border-color:var(--njg-accent-copy);box-shadow:inset 3px 0 var(--njg-red)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .live-check {display:flex;align-items:flex-start;gap:10px;line-height:1.6}
body.njg-studio .njg-signature.njg-experience[data-page] .content .live-check input {margin-top:2px}
body.njg-studio .njg-signature.njg-experience[data-page] .content .studio-desk-flow li b {background:var(--njg-field);border-color:var(--njg-stroke);border-radius:5px}
body.njg-studio .njg-signature.njg-experience[data-page] .content .score-runner-progress strong {font-family:var(--njg-serif)!important;font-size:clamp(26px,3vw,38px);line-height:1.2}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.live-switch,.studio-desk-flow) {padding:14px 18px}
body.njg-studio .njg-signature.njg-experience[data-page="judge"] .experience-page-hero,
body.njg-studio .njg-signature.njg-experience[data-page="reconcile"] .experience-page-hero,
body.njg-studio .njg-signature.njg-experience[data-page="inquiries"] .experience-page-hero,
body.njg-studio .njg-signature.njg-experience[data-page="certify"] .experience-page-hero {min-height:145px}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.road-section>header strong,.road-final .road-pending) {color:var(--njg-accent-copy)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.road-section,.road-final,.resource-card,.message-card,.auth-user-row) :is(p,span,small,li) {color:var(--njg-secondary)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .fan-team-card.is-meet-leader {background:#102f42!important;border-color:#7ac7b0}
body.njg-studio .njg-signature.njg-experience[data-page] .content .fan-team-card :is(h2,strong,span) {color:var(--njg-copy)!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.public-row,.fan-leader-card,.resource-card,.message-card) :is(p,span,small) {color:var(--njg-secondary)}
/* Dialogs, error states and account recovery remain part of the same system. */
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) {background:var(--njg-panel);border:1px solid var(--njg-stroke);box-shadow:0 24px 80px #0008;color:var(--njg-copy);border-radius:var(--njg-radius)!important}
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) :is(h1,h2,h3) {font-family:var(--njg-serif)!important;color:var(--njg-copy)}
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) :is(p,label,small,span) {color:var(--njg-secondary);font-family:var(--njg-sans)}
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) :is(input,select,textarea) {background:var(--njg-field)!important;color:var(--njg-copy)!important;border:1px solid var(--njg-stroke);border-radius:7px}
body.njg-studio .workspace-sectionbar {gap:24px;padding-block:10px}
body.njg-studio .workspace-area {display:grid;gap:4px;flex:0 0 180px;color:var(--njg-secondary);font:700 10px var(--njg-sans);text-transform:uppercase;letter-spacing:.08em}
body.njg-studio .workspace-area select {width:100%;height:38px;padding:7px 28px 7px 10px;border:1px solid var(--njg-stroke);border-radius:7px;background:var(--njg-field);color:var(--njg-copy);font:700 12px var(--njg-sans);letter-spacing:0;text-transform:none}
body.njg-studio .workspace-sectionbar nav {flex:1;gap:22px}
body.njg-studio .workspace-sectionbar a {font-size:12px;min-height:48px}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.card,.live-two,.live-grid,.champ-entry-grid,.score-runner-layout,.auth-grid,.mail-grid)>* {min-width:0}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.tablewrap,.table-wrap,.resource-read-body) {max-width:100%;overflow:auto}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.public-row,.live-meet-card,.auth-user-row) {overflow-wrap:anywhere}
@media(max-width:900px){
 body.njg-studio .workspace-sectionbar {gap:14px;align-items:end}
 body.njg-studio .workspace-area {flex-basis:150px}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .score-runner-queue {position:static}
 body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.auth-grid,.mail-grid) {grid-template-columns:1fr}
}
@media(max-width:600px){
 body.njg-studio .workspace-sectionbar {display:block;padding:12px 18px 0}
 body.njg-studio .workspace-area {grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
 body.njg-studio .workspace-sectionbar nav {gap:20px;margin-top:6px}
 body.njg-studio .njg-signature.njg-experience[data-page] .content {padding:22px 16px 40px}
 body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.card,.auth-form,.live-event-lineup,.message-card) {padding:16px}
 body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.live-two,.champ-entry-grid,.champ-event-orders,.champ-live-controls,.sectional-gymnasts,.member-account-grid) {grid-template-columns:1fr}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .desk-marks.quick {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .desk-outcome-row {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .desk-score-box input {font-size:30px!important;height:64px!important;padding:8px}
 body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.workspace-toolbar,.pagehead) {align-items:flex-start;flex-direction:column;gap:14px}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .workspace-toolbar .actions {width:100%;display:flex;flex-wrap:wrap}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .workspace-toolbar .btn {flex:1}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .champ-tabs {overflow:auto;justify-content:flex-start}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .champ-tabs button {flex:0 0 auto;min-width:120px}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .auth-user-row {display:block}
 body.njg-studio .njg-signature.njg-experience[data-page] .content .auth-user-row form {display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}
}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.rank-badge,.rank-badge.unranked,.identity-logo.logo-fallback,.fan-count) {background:var(--njg-panel-raised)!important;color:var(--njg-copy)!important;border-color:var(--njg-stroke);font-family:var(--njg-sans)!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content .premium-badge {background:#5b1b2b!important;color:#ffd4db!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.school-search,.school-search-input,.school-search-status) {font-family:var(--njg-sans)!important;color:var(--njg-secondary)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.resource-message-source,.message-card>div,.public-rowmeta,.live-schedule-count,.road-stage-label) {color:var(--njg-secondary)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.road-stage-label>span,.athlete-kicker) {color:var(--njg-accent-copy)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .champ-event-chips :is(span,b) {background:var(--njg-panel-raised);color:var(--njg-copy);border:1px solid var(--njg-stroke);border-radius:5px}
body.njg-studio .njg-signature.njg-experience[data-page] .content .champ-event-chips b {border-color:var(--njg-accent-copy)}
/* Reporting remains available below the page, clear of live score controls. */
body.njg-studio .njg-correction-trigger {position:static!important;display:block;width:fit-content;max-width:calc(100% - 32px);margin:16px max(16px,4.2vw) 24px auto;padding:10px 14px;background:var(--njg-panel);border:1px solid var(--njg-stroke);border-radius:8px;color:var(--njg-secondary);font:700 12px/1.4 var(--njg-sans);box-shadow:none;transform:none}
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) .btn {background:var(--njg-panel-raised);color:var(--njg-copy);border:1px solid var(--njg-stroke);border-radius:8px;font:700 12px var(--njg-sans);min-height:42px;padding:10px 16px}
body.njg-studio :is(.modal,.experience-finder,.njg-correction-dialog) .btn.primary {background:var(--njg-action);border-color:transparent;color:#fff}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.empty,.road-advancement) {background:var(--njg-panel)!important;color:var(--njg-copy);border-color:var(--njg-stroke);border-radius:var(--njg-radius)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .badge.demo {background:#49371d!important;color:#ffe0a1!important;border-color:#987c48}
body.njg-studio .njg-signature.njg-experience[data-page] .content .premium-detail-foot span {color:var(--njg-secondary)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.athlete-recruit-snapshot,.athlete-score-note,.athlete-empty,.athlete-score-empty,.athlete-recruit-empty) {background:var(--njg-panel)!important;color:var(--njg-secondary);border-color:var(--njg-stroke);border-radius:var(--njg-radius)}
body.njg-studio .login-screen .login-enter {background:var(--njg-action)!important;border-color:transparent}
body.njg-studio .njg-signature.njg-experience[data-page] .content .live-submit {background:var(--njg-action);color:#fff;border:1px solid transparent;border-radius:8px;font:700 13px var(--njg-sans);min-height:46px}
body.njg-studio .njg-signature.njg-experience[data-page] .content .live-clear {background:var(--njg-panel-raised);color:var(--njg-copy);border:1px solid var(--njg-stroke);border-radius:8px;font:700 12px var(--njg-sans);min-height:42px}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.news-review-panel,.news-review-item,.news-empty) {background:var(--njg-panel)!important;color:var(--njg-copy);border:1px solid var(--njg-stroke);border-radius:var(--njg-radius);box-shadow:none}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.news-review-panel,.news-review-item) {padding:20px}
body.njg-studio .njg-signature.njg-experience[data-page] .content .news-review-item {background:var(--njg-panel-raised)!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.news-review-panel,.news-review-item) :is(p,span,small,summary) {color:var(--njg-secondary)}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.news-review-panel,.news-review-item) :is(a,strong) {color:var(--njg-copy)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .athlete-workspace small {color:var(--njg-secondary)}
@media(max-width:600px){body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.news-review-head,.news-review-item-top) {align-items:stretch;flex-direction:column}body.njg-studio .njg-signature.njg-experience[data-page] .content .news-form-grid {grid-template-columns:1fr}}
body.njg-studio .njg-signature.njg-experience[data-page] .content :is(.badge.ready,.badge.certified) {background:#153d34!important;color:#b4f1d2!important;border-color:#448b6b}
body.njg-studio .njg-signature.njg-experience[data-page] .content .mail-row {background:var(--njg-panel-raised)!important;color:var(--njg-copy);border-color:var(--njg-stroke);border-radius:8px;padding:14px}
body.njg-studio .njg-signature.njg-experience[data-page] .content .mail-row:hover {background:#23334d!important}
body.njg-studio .njg-signature.njg-experience[data-page] .content .mail-row time {color:var(--njg-secondary);font-family:var(--njg-sans)}
body.njg-studio .njg-signature.njg-experience[data-page] .content .mail-detail pre {white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--njg-sans);color:var(--njg-copy)}
body.njg-studio .invite-preview {background:var(--njg-panel);color:var(--njg-copy);border:1px solid var(--njg-stroke);border-radius:var(--njg-radius);width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:18px}
body.njg-studio .invite-preview :is(header,strong,.preview-note) {background:transparent;color:var(--njg-copy)}
body.njg-studio .invite-preview .preview-note {color:var(--njg-secondary)}
body.njg-studio .invite-preview button {border:1px solid var(--njg-stroke);border-radius:8px;background:var(--njg-panel-raised);color:var(--njg-copy);font:700 12px var(--njg-sans);padding:10px 16px;min-height:42px}
body.njg-studio .njg-correction-dialog button {border:1px solid var(--njg-stroke);border-radius:8px;background:var(--njg-panel-raised);color:var(--njg-copy);font:700 12px var(--njg-sans);padding:10px 14px;min-height:42px}
body.njg-studio .njg-correction-dialog button[type=submit] {background:var(--njg-action);border-color:transparent;color:#fff}
body.njg-studio .njg-correction-card {background:var(--njg-panel-raised);border:1px solid var(--njg-stroke);border-radius:8px}

/* Reader controls share the workspace; document pages retain their original paper. */
.njg-studio .resource-pages{background:var(--njg-field);border-color:var(--njg-stroke)}
.njg-studio .resource-reader-foot,.njg-studio .resource-reader-foot span{color:var(--njg-secondary)}

/* Recoverable mailbox deletion is separate from opening a message. */
.mail-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.mail-list-item .mail-row{width:100%;min-width:0;text-align:left}
.mail-list-item .mail-row>span{min-width:0;overflow-wrap:anywhere}
.mail-list-item .mail-row small{overflow-wrap:anywhere}
.mail-delete{white-space:nowrap;color:#b52e46;border-color:#bd5868}
.mail-delete:disabled{opacity:.55;cursor:wait}
body.njg-studio .njg-experience .content .mail-delete{color:#ffacb8;border-color:#a25164}
@media(max-width:600px){.mail-list-item{grid-template-columns:minmax(0,1fr);gap:6px}.mail-list-item>.mail-delete{justify-self:end;margin-bottom:10px}}

/* Keep member hero photos in frame and the operational content close below. */
body.njg-studio .njg-experience .experience-page-hero {background-size:auto 100%;background-position:right top;background-repeat:no-repeat;background-color:#03152b;min-height:210px;--scene-photo:url('site/assets/njg-team-hero-v17-natural.jpg')}
body.njg-studio .njg-experience .experience-page-hero-officials {--scene-photo:url('site/assets/njg-officials-hero-v52.jpg');min-height:175px}
body.njg-studio .njg-experience .experience-page-hero-resources {--scene-photo:url('site/assets/njg-team-bars-v16-natural.jpg')}
body.njg-studio .njg-experience .experience-page-hero-qualification {--scene-photo:url('site/assets/njg-rankings-hero-v17-natural.jpg')}
body.njg-studio .njg-experience .experience-page-hero-athlete {--scene-photo:url('site/assets/njg-recruiting-hero-v17-natural.jpg')}
body.njg-studio .njg-experience .experience-page-hero:before {background:linear-gradient(90deg,#03152b 0%,#03152b 35%,transparent 65%)}
body.njg-studio .njg-experience .experience-page-hero-inner {padding:26px 32px}
body.njg-studio .njg-experience .experience-page-hero h1 {max-width:46%;font-size:38px!important;line-height:1.12}
body.njg-studio .njg-experience .experience-page-hero p {max-width:44%;font-size:13px}
body.njg-studio .njg-experience .pagehead {margin-bottom:18px}
body.njg-studio .njg-experience .pagehead h1 {font-size:30px}
body.njg-studio .njg-experience .pagehead .subtitle {font-size:13px;line-height:1.55}
@media(max-width:700px){
 body.njg-studio .njg-experience .experience-page-hero {background-image:none!important;min-height:0;display:flex;flex-direction:column;align-items:stretch}
 body.njg-studio .njg-experience .experience-page-hero:after {content:'';order:-1;display:block;height:clamp(150px,46vw,210px);background:var(--scene-photo) right top/auto 100% no-repeat}
 body.njg-studio .njg-experience .experience-page-hero:before {display:none}
 body.njg-studio .njg-experience .experience-page-hero-inner {padding:18px 20px;width:100%}
 body.njg-studio .njg-experience .experience-page-hero h1 {max-width:none;font-size:29px!important}
 body.njg-studio .njg-experience .experience-page-hero p {max-width:none;margin-top:10px;font-size:12px}
}

body.njg-studio .njg-experience :is(.experience-page-hero-results,.experience-page-hero-schedule,.experience-page-hero-news) {--scene-photo:url('site/assets/njg-results-hero-v17-natural.jpg')}

/* Focused personal workspace and mailbox. */
body.njg-studio .njg-experience .member-account-hero {padding:18px 22px!important;gap:12px!important}
body.njg-studio .njg-experience .member-account-hero .member-eyebrow {display:none}
body.njg-studio .njg-experience .member-account-hero h1 {font-size:32px!important;margin:0 0 8px!important}
body.njg-studio .njg-experience .member-account-hero p {font-size:13px}
body.njg-studio .njg-experience .member-tools {margin:22px 0}
body.njg-studio .njg-experience .member-tools h2 {font:700 17px var(--njg-sans);margin:0 0 12px}
body.njg-studio .njg-experience .member-tool-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.njg-studio .njg-experience .member-tool-links .btn {justify-content:flex-start;min-height:48px;white-space:normal;text-align:left}
body.njg-studio .njg-experience .member-account-grid {gap:16px;align-items:start}
body.njg-studio .njg-experience .member-account-side {gap:12px}
body.njg-studio .njg-experience .member-account-details {margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid #ffffff24}
body.njg-studio .njg-experience :is(.member-account-details,.member-access,.member-security)>summary {cursor:pointer;font-size:14px;font-weight:700;line-height:1.5;color:#fff}
body.njg-studio .njg-experience .member-account-details .member-facts {margin-top:16px}
body.njg-studio .njg-experience .member-follow-heading {margin-top:20px}
body.njg-studio .njg-experience .member-follow-heading span {display:none}
body.njg-studio .njg-experience .member-school-results button {min-width:0;overflow-wrap:anywhere}
body.njg-studio .njg-experience .member-school-results button>span {min-width:0}
body.njg-studio .njg-experience .mail-workspace {max-width:1320px;margin:auto}
body.njg-studio .njg-experience .mail-workspace .pagehead {margin-bottom:18px}
body.njg-studio .njg-experience .mail-workspace .pagehead .eyebrow:empty {display:none}
body.njg-studio .njg-experience .mail-workspace .pagehead h1 {font-size:32px!important;margin-bottom:6px}
body.njg-studio .njg-experience .mail-toolbar {display:flex;align-items:end;gap:12px;margin-bottom:18px;flex-wrap:wrap}
body.njg-studio .njg-experience .mail-toolbar>label {display:grid;gap:7px;font-size:12px;min-width:0;flex:1;max-width:420px}
body.njg-studio .njg-experience .mail-toolbar select {min-height:44px;width:100%;min-width:0}
body.njg-studio .njg-experience .mail-toolbar>.badge {margin-bottom:12px}
body.njg-studio .njg-experience .mail-toolbar-actions {display:flex;gap:8px;margin-left:auto}
body.njg-studio .njg-experience .mail-layout {display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.25fr);gap:16px;align-items:start}
body.njg-studio .njg-experience .mail-layout>.card {min-width:0;padding:20px!important;margin:0}
body.njg-studio .njg-experience .mail-folder-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;flex-wrap:wrap}
body.njg-studio .njg-experience .mail-folder-head h2 {margin:0!important;font-size:18px!important}
body.njg-studio .njg-experience .mail-folder-head nav {display:flex;gap:6px}
body.njg-studio .njg-experience .mail-search-label {display:block;font-size:12px;font-weight:600;margin-bottom:7px}
body.njg-studio .njg-experience #mail-search {width:100%;min-height:44px;box-sizing:border-box}
body.njg-studio .njg-experience .mail-list {background:transparent!important;border:0;border-radius:0!important;max-height:650px;overflow:auto}
body.njg-studio .njg-experience .mail-list-item {display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid #ffffff20;padding:8px 0}
body.njg-studio .njg-experience .mail-list-item[hidden] {display:none}
body.njg-studio .njg-experience .mail-list-item .mail-row {display:block;background:transparent!important;border:0;padding:10px!important;box-shadow:none;width:100%;border-radius:6px}
body.njg-studio .njg-experience .mail-list-item .mail-row[aria-pressed=true] {background:#28415e!important;box-shadow:inset 3px 0 #f21f3b}
body.njg-studio .njg-experience .mail-row strong {font-size:14px;line-height:1.5;display:inline;overflow-wrap:anywhere}
body.njg-studio .njg-experience .mail-row small {display:block;font-size:12px;line-height:1.55;margin-top:4px;color:#b8c5d1}
body.njg-studio .njg-experience .mail-row .mail-preview {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#9eb0c4}
body.njg-studio .njg-experience .mail-row time {display:block;text-align:left;font-size:11px;margin-top:8px;color:#aebed1}
body.njg-studio .njg-experience .mail-list-item>.mail-delete {justify-self:end;font-size:11px;padding:7px 10px;min-height:36px;margin:0 4px 2px}
.mail-unread-dot {display:inline-block;width:7px;height:7px;background:#ff526f;border-radius:50%;margin-right:7px}
body.njg-studio .njg-experience .mail-reader h2 {font-size:20px!important;line-height:1.45;overflow-wrap:anywhere;margin:0 0 16px!important}
body.njg-studio .njg-experience .mail-reader-empty {padding:36px 12px;text-align:center;color:#b8c5d1}
body.njg-studio .njg-experience .mail-reader-empty p {font-size:13px;line-height:1.6}
body.njg-studio .njg-experience .mail-detail {padding:0!important;background:transparent!important}
body.njg-studio .njg-experience .mail-detail dl {padding-bottom:16px;border-bottom:1px solid #ffffff24;font-size:12px}
body.njg-studio .njg-experience .mail-detail dl>div {display:flex;gap:12px;margin:6px 0}
body.njg-studio .njg-experience .mail-detail dt {color:#9eb0c4;min-width:38px}
body.njg-studio .njg-experience .mail-detail dd {margin:0;overflow-wrap:anywhere;min-width:0}
body.njg-studio .njg-experience .mail-detail pre {font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:8px 0;margin:0 0 20px}
body.njg-studio .njg-experience .mail-reader textarea {width:100%;box-sizing:border-box;min-height:120px}
body.njg-studio .njg-experience .mail-reader-actions {padding-top:20px;margin-top:20px;border-top:1px solid #ffffff24}
body.njg-studio .njg-experience .mail-empty {font-size:13px;padding:20px 8px;line-height:1.6}
body.njg-studio .njg-experience .mail-settings {font-size:12px;color:#b8c5d1;border-top:1px solid #ffffff24;padding-top:16px;margin-top:20px;line-height:1.65}
body.njg-studio .njg-experience .mail-settings summary {font-weight:700;cursor:pointer}
body.njg-studio .njg-experience .mail-settings p {max-width:800px;overflow-wrap:anywhere}
body.njg-studio .njg-experience .mail-back {display:none}
@media(max-width:800px){
 body.njg-studio .njg-experience .member-tool-links {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.njg-studio .njg-experience .mail-layout {grid-template-columns:minmax(0,1fr)}
 body.njg-studio .njg-experience .mail-workspace[data-mail-view=list] .mail-reader {display:none}
 body.njg-studio .njg-experience .mail-workspace[data-mail-view=detail] .mail-messages {display:none}
 body.njg-studio .njg-experience .mail-back {display:inline-flex;margin-bottom:18px}
 body.njg-studio .njg-experience .mail-toolbar>label {max-width:none;flex-basis:100%}
 body.njg-studio .njg-experience .mail-toolbar>.badge {margin:0}
 body.njg-studio .njg-experience .mail-toolbar-actions {margin-left:auto}
 body.njg-studio .njg-experience .mail-layout>.card {padding:16px!important}
 body.njg-studio .njg-experience .mail-list {max-height:none}
}
body.njg-studio .workspace-sectionbar nav {min-width:0;max-width:100%;overflow-x:auto}
body.njg-studio .workspace-sectionbar nav a {flex:0 0 auto}
body.njg-studio .njg-signature.njg-experience .mail-workspace .pagehead {padding:0 0 16px;margin:0 0 16px;min-height:0}
body.njg-studio .njg-experience .mail-workspace .subtitle:empty {display:none}
body.njg-studio .njg-experience .mail-list-item.is-unread strong {font-weight:800}

/* Account administration: scan saved access, then open one editor. */
body.njg-studio .njg-experience .account-admin {max-width:1120px}
body.njg-studio .njg-experience .account-filters {display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:20px 0}
body.njg-studio .njg-experience .account-admin label {display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;min-width:0}
body.njg-studio .njg-experience .account-admin :is(input,select) {width:100%;min-width:0;box-sizing:border-box}
body.njg-studio .njg-experience .account-person {border-top:1px solid #ffffff25}
body.njg-studio .njg-experience .account-person[hidden],body.njg-studio .njg-experience #account-no-matches[hidden] {display:none}
body.njg-studio .njg-experience .account-person>summary {display:grid;grid-template-columns:minmax(0,1fr) auto 110px;align-items:center;gap:20px;padding:20px 0;cursor:pointer;list-style:none}
body.njg-studio .njg-experience .account-person>summary::-webkit-details-marker {display:none}
body.njg-studio .njg-experience .account-person-name {font-size:14px;font-weight:700;overflow-wrap:anywhere;min-width:0}
body.njg-studio .njg-experience .account-person-name small {display:block;font-size:12px;font-weight:400;color:#b7c6d8;margin-top:6px}
body.njg-studio .njg-experience .account-badges {display:flex;flex-wrap:wrap;gap:6px}
body.njg-studio .njg-experience .account-badge {font-size:11px;border:1px solid #ffffff40;border-radius:20px;padding:4px 9px;color:#c5d0df}
body.njg-studio .njg-experience .account-badge.is-active {color:#a0e5cf;border-color:#79d5b85c}
body.njg-studio .njg-experience .account-edit-label {font-size:12px;color:#dce8f9;text-decoration:underline;text-underline-offset:4px}
body.njg-studio .njg-experience .account-edit-form {display:grid;grid-template-columns:minmax(0,2fr) 1fr 1fr;align-items:center;gap:18px;background:#ffffff06;padding:20px;border-radius:8px}
body.njg-studio .njg-experience .account-admin label.auth-check {flex-direction:row;align-items:center;gap:9px}
body.njg-studio .njg-experience .account-admin input[type=checkbox] {width:18px;height:18px;flex-shrink:0}
body.njg-studio .njg-experience .account-edit-note {grid-column:1/-1;font-size:12px!important;line-height:1.6;color:#b7c6d8;margin:0!important}
body.njg-studio .njg-experience .account-edit-actions {grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
body.njg-studio .njg-experience .account-save-status {font-size:13px;color:#ffc1ca}
body.njg-studio .njg-experience .account-email-actions {display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 20px 24px;font-size:12px;color:#b7c6d8}
body.njg-studio .njg-experience .account-secondary {margin-top:16px}
body.njg-studio .njg-experience .account-secondary>summary {cursor:pointer;font-weight:700;font-size:15px;padding:4px 0}
body.njg-studio .njg-experience .account-secondary[open]>summary {margin-bottom:20px}
body.njg-studio .njg-experience .account-secondary>.card {padding:0!important;border:0!important;background:transparent!important;margin:0!important}
body.njg-studio .njg-experience .account-secondary .auth-form {max-width:650px}
@media(max-width:700px){
 body.njg-studio .njg-experience .account-filters {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
 body.njg-studio .njg-experience .account-filters>label:first-child {grid-column:1/-1}
 body.njg-studio .njg-experience .account-person>summary {grid-template-columns:minmax(0,1fr) auto;gap:12px}
 body.njg-studio .njg-experience .account-edit-label {grid-column:1/-1;font-size:11px}
 body.njg-studio .njg-experience .account-badges {flex-direction:column;align-items:flex-end}
 body.njg-studio .njg-experience .account-edit-form {grid-template-columns:minmax(0,1fr);padding:16px}
 body.njg-studio .njg-experience .account-email-actions {padding:16px 0 24px}
 body.njg-studio .njg-experience .account-email-actions>span {flex-basis:100%}
}

/* Athlete profiles: identity first, readable stories, and a clear media section. */
body.njg-studio .njg-experience[data-page="athlete"] .experience-page-hero{display:none}
body.njg-studio .njg-experience[data-page="athlete"] .content{max-width:1120px;margin-inline:auto;padding:24px 28px 48px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero{min-height:0;padding:28px!important;gap:28px;flex-wrap:nowrap;background:#0c2138!important;box-shadow:none;border:1px solid #ffffff16}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-portrait{width:152px;height:210px;max-width:none;transform:none;border:0;background:#071525;border-radius:10px!important}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-portrait img{object-fit:contain}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.12;margin:8px 0 16px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero .athlete-school-logo{width:40px;height:40px;padding:4px;box-shadow:none}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-meta{gap:6px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-meta span{border:0;background:#ffffff08;font-size:11px;text-transform:none;letter-spacing:0;padding:6px 9px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-action{display:flex;flex-direction:column;gap:8px;align-self:center;white-space:normal;min-width:135px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-action .btn{margin:0;text-align:center}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-action .btn:not(.primary){background:transparent!important;border-color:transparent!important;color:#b7c8db!important;font-size:12px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-card{margin-top:20px;border:1px solid #ffffff16!important;border-radius:12px!important;background:#0c1d30!important}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-head{padding:24px 28px 18px;background:transparent!important}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-head h2{font-size:24px;margin:5px 0 7px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-head p{font-size:13px;color:#a9bbce}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-head .badge{font-size:10px;padding:6px 10px;letter-spacing:.02em}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-section-nav{display:flex;gap:6px;overflow-x:auto;padding:0 28px 18px;border-bottom:1px solid #ffffff12}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-section-nav button{flex:none;background:#ffffff05;border:1px solid #ffffff16;border-radius:20px;padding:9px 16px;color:#e7edf5;font-size:13px;cursor:pointer;min-height:40px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-section-nav button:hover{background:#ffffff10;border-color:#ff667b}
body.njg-studio .njg-experience[data-page="athlete"] :is(.athlete-story,.athlete-featured-video,.athlete-focus-card,.athlete-meet-scores){scroll-margin-top:88px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot{gap:0;border-bottom:1px solid #ffffff12;background:transparent!important}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot>div{background:transparent!important;border:0!important;border-radius:0!important;padding:20px 24px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot small{font-size:10px;color:#9eb1c7}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot strong{font-size:13px;line-height:1.6}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-story{padding:30px 28px!important;background:transparent!important;border:0!important;border-bottom:1px solid #ffffff12!important;box-shadow:none!important}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-story h2{font-size:24px;margin:8px 0 20px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-story>p{max-width:72ch;font-size:15px;line-height:1.85;color:#d1dbe7;margin:0 0 18px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-background{max-width:72ch;padding-top:4px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-background summary{font-size:14px;font-weight:600;cursor:pointer;color:#b9cce3;padding:8px 0}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-background p{font-size:14px;line-height:1.8;color:#c4d0df}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video{border:0;border-bottom:1px solid #ffffff12}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-head{padding:28px 28px 8px;background:transparent!important;border:0;border-radius:0!important}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-body{display:block;padding:16px 28px 28px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video video{width:100%;max-width:820px;max-height:480px;object-fit:contain;border:1px solid #ffffff16;border-radius:10px;background:#030b15}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-detail{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;padding-top:16px;max-width:820px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-detail strong{font-size:15px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-detail p{font-size:12px;margin:0;color:#9eb1c7}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-detail .btn{margin-left:auto;font-size:12px}
body.njg-studio .njg-experience[data-page="athlete"] :is(.athlete-focus-card,.athlete-source-details){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:28px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-focus-card{border-bottom:1px solid #ffffff12!important}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-focus-card p{font-size:14px;line-height:1.8;color:#c5d1df}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-club-list li{background:#ffffff04!important;padding:12px;font-weight:500;line-height:1.6;border-left:2px solid #e7465c}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-source-details>summary{cursor:pointer;font-size:13px;font-weight:600;color:#b4c5d9;min-height:28px}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-profile-source{padding:20px 0 0;background:transparent!important}
body.njg-studio .njg-experience[data-page="athlete"] button:focus-visible{outline:2px solid #ff657a;outline-offset:4px}
@media(max-width:760px){
 body.njg-studio .njg-experience[data-page="athlete"] .content{padding:18px 16px 36px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero{gap:20px;padding:22px!important;flex-wrap:wrap}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-portrait{width:112px;height:155px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-copy{flex:1;min-width:130px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-action{flex-direction:row;flex-wrap:wrap;width:100%;margin:0}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot{grid-template-columns:1fr 1fr}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-head{gap:12px;padding:22px 20px 16px;align-items:flex-start}
 body.njg-studio .njg-experience[data-page="athlete"] :is(.athlete-story,.athlete-focus-card,.athlete-source-details){padding:24px 20px!important}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-section-nav{padding:0 20px 18px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-head{padding:24px 20px 8px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-body{padding:12px 20px 24px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot>div{padding:16px 20px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-focus-academic{display:block}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-clubs-copy{padding:20px 0 0;margin-top:20px;border-left:0;border-top:1px solid #ffffff16}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-featured-video-detail .btn{margin-left:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero{display:grid!important;grid-template-columns:152px minmax(0,1fr) auto!important;align-items:center}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-avatar{grid-column:1;grid-row:1}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-copy{grid-column:2;grid-row:1}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-action{grid-column:3;grid-row:1;width:auto;margin:0}
body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot{grid-template-columns:1fr 1fr 1.4fr}
@media(max-width:760px){
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero{grid-template-columns:90px minmax(0,1fr)!important;gap:18px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-portrait{width:90px;height:140px}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-copy{min-width:0}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero h1{font-size:28px;overflow-wrap:anywhere}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-hero-action{grid-column:1/-1;grid-row:2;flex-direction:row;width:100%}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot{grid-template-columns:1fr 1fr}
 body.njg-studio .njg-experience[data-page="athlete"] .athlete-recruit-snapshot>div:last-child{grid-column:1/-1;padding-top:0}
}

body.njg-studio .njg-experience[data-page="athlete"] :is(.athlete-featured-video,.athlete-featured-video-body){background:#0c1d30!important;color:#edf3fa!important;box-shadow:none!important}
body.njg-studio .njg-experience[data-page="athlete"] :is(.athlete-featured-video-head h2,.athlete-featured-video-detail strong){color:#edf3fa!important}

body.njg-studio .njg-experience[data-page="athlete"] :is(.athlete-story h2,.athlete-focus-card h2,.athlete-featured-video-head h2){font-size:22px!important;line-height:1.25!important;letter-spacing:-.025em}

/* School-scoped onboarding keeps account actions with each roster name. */
body.njg-studio .team-onboarding{max-width:1000px}
body.njg-studio .team-onboarding-person{border-top:1px solid #ffffff24;padding:8px 0}
body.njg-studio .team-onboarding-person summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;padding:15px 0;list-style:none}
body.njg-studio .team-onboarding-person summary span{font-size:12px;color:#b7c8dc}
body.njg-studio .team-onboarding-person label,body.njg-studio .team-signup label{display:grid;gap:8px;font-size:13px;margin:12px 0;max-width:600px}
body.njg-studio .team-onboarding-person input,body.njg-studio .team-signup input{width:100%;min-width:0;box-sizing:border-box}
body.njg-studio .team-onboarding-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
body.njg-studio .team-onboarding [role=status]{display:block;font-size:13px;color:#ffb7c3;margin:10px 0}
@media(max-width:620px){body.njg-studio .team-onboarding-person summary{align-items:flex-start;flex-direction:column;gap:7px}body.njg-studio .team-onboarding-actions .btn{width:100%}}