/* Shared working surfaces retain the basketball artwork while giving tasks room. */
:root { --ux-sticky-top: 5rem; }
html { scroll-padding-top: calc(var(--ux-sticky-top) + 12px); scroll-padding-bottom: 120px; }
:is(input, select, textarea, button, a, summary, [tabindex]):focus-visible { outline: 3px solid var(--v3-focus); outline-offset: 3px; }
:is(input, select, textarea, button, a, summary, [tabindex]) { scroll-margin-block: 18px 120px; }
body.is-owner :is(input, select, textarea, label, td, th, .form-help, .field-help, .help-text) { font-family: var(--body-font); letter-spacing: normal; }
body.is-owner :is(td, th, input[type="number"]) { font-variant-numeric: tabular-nums; }
.ux-section-nav { gap: 6px 20px; }
.ux-nav-group { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.ux-nav-group-label { font-size: 11px; font-weight: 750; color: var(--v3-muted); text-transform: uppercase; letter-spacing: .06em; }
.ux-nav-group + .ux-nav-group { border-left: 1px solid var(--v3-border); padding-left: 16px; }
.ux-nav-more { position: relative; margin-left: auto; }
.ux-nav-more > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; font-weight: 700; }
.ux-nav-more > summary::after { content: ' ▾'; margin-left: 6px; }
.ux-nav-more-items { position: absolute; right: 0; top: 100%; z-index: 150; width: min(290px, 85vw); max-height: 65vh; overflow-y: auto; padding: 12px; background: var(--v3-surface); color: var(--v3-ink); border: 1px solid var(--v3-border); border-radius: 8px; box-shadow: var(--v3-shadow); }
.ux-nav-more-items > div { display: grid; }
.ux-nav-more-items > div + div { border-top: 1px solid var(--v3-border); margin-top: 8px; padding-top: 8px; }
.ux-nav-more-items strong { font-size: 12px; color: var(--v3-muted); }
.ux-section-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.ux-badge-label { font-size: 10px; font-weight: 600; }
.ux-career-context { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; padding: 10px 16px; margin-bottom: 16px; border: 1px solid var(--v3-border); border-left: 4px solid var(--v3-accent); background: var(--v3-accent-soft); }
.ux-career-context a, .ux-return-context { min-height: 44px; display: inline-flex; align-items: center; }
.ux-return-context { margin-bottom: 8px; }
.ux-tool-search { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-block: 12px; }
.ux-tool-search label { font-weight: 700; }
.ux-tool-search input { flex: 1 1 240px; max-width: 440px; }
.ux-tool-search p { flex-basis: 100%; margin: 0; }
.ux-error-summary { border: 2px solid var(--v3-negative); padding: 16px; margin-bottom: 20px; background: var(--v3-negative-soft); color: var(--v3-ink); grid-column: 1 / -1; }
.ux-error-summary h3 { margin: 0 0 8px; }
.ux-error-summary ul { margin: 0; padding-left: 24px; }
.ux-error-summary a, .ux-field-error { color: var(--v3-negative); }
.ux-field-error { margin: 4px 0 12px; font-size: 14px; }
.fan-home-hero .eyebrow { color: var(--v3-on-night-muted); }
.fan-home-hero a:not(.button), .fan-home-hero a:not(.button):hover { color: var(--v3-on-night); }
.fan-home-hero :focus-visible { outline-color: #8dccff; }
[aria-invalid="true"] { border-color: var(--v3-negative); }
html[data-graphics-mode="on"] body.is-owner .graphics-page-banner { min-height: 76px; padding: 12px 20px; margin-bottom: 16px; gap: 14px; }
html[data-graphics-mode="on"] body.is-owner .graphics-scene-emblem { width: 52px; height: 52px; }
html[data-graphics-mode="on"] body.is-owner .graphics-scene-emblem .graphics-icon { width: 44px; height: 44px; }
html[data-graphics-mode="on"] body.is-owner .graphics-scene-copy strong { font-size: 27px; }
html[data-graphics-mode="on"] body.is-owner .graphics-page-banner > a { position: static; align-self: center; min-height: 44px; }
html[data-graphics-mode="on"] body.is-owner :is(.page-header, .settings-hero, .graphics-hero-frame) { min-height: 0; padding: 16px 22px; margin-bottom: 20px; }
html[data-graphics-mode="on"] body.is-owner :is(.page-header, .settings-hero, .graphics-hero-frame) h1 { font-size: clamp(28px, 3vw, 38px); }
@media (max-width: 900px) {
  .ux-section-nav { align-items: center; gap: 4px 12px; padding: 4px 16px; }
  .ux-section-nav .ux-nav-group { gap: 2px 10px; }
  .ux-section-nav .ux-nav-group + .ux-nav-group { border: 0; padding-left: 0; }
  .ux-nav-group-label { display: none; }
  .ux-section-nav .ux-nav-more-items strong { display: block; }
  .ux-section-nav.ux-section-nav a { min-height: 44px; font-size: 12px; }
  .v3-owner-nav .nav-count { font-size: 10px; gap: 2px; padding-inline: 4px; }
  .v3-owner-nav .ux-badge-label { font-size: 9px; }
  .notification-nav-link .nav-count { display: inline-flex !important; }
  .notification-nav-link .ux-badge-label { display: inline; }
}
@media (pointer: coarse), (max-width: 900px) {
  body :is(button, .button, summary, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, .viewer-quarter-button, .viewer-controls a) { min-height: 44px; }
  body :is(button, .button, .viewer-quarter-button) { min-width: 44px; }
  html[data-graphics-mode="on"] body.is-owner .graphics-page-banner { min-height: 64px; padding: 10px 12px; gap: 8px; flex-wrap: wrap; }
  html[data-graphics-mode="on"] body.is-owner .graphics-scene-emblem { display: none; }
  html[data-graphics-mode="on"] body.is-owner .graphics-scene-copy strong { font-size: 23px; }
  html[data-graphics-mode="on"] body.is-owner .graphics-page-banner > a { margin-left: auto; font-size: 11px; }
  .ux-career-context { gap: 4px 12px; font-size: 13px; }
}
@media (forced-colors: active) { .ux-error-summary, [aria-invalid="true"] { border-color: Mark; } }
@media print { .ux-section-nav, .ux-return-context, .ux-tool-search { display: none; } }
body.is-owner .workflow-visual { grid-template-columns: 120px minmax(0, 1fr); margin-block: 16px; }
body.is-owner .workflow-visual-art { min-height: 100px; max-height: 160px; overflow: hidden; }
body.is-owner .workflow-visual-copy { padding: 14px 18px; }
body.is-owner .workflow-visual-copy h2 { font-size: 23px; margin-bottom: 6px; }
body.is-owner .workflow-visual-steps { margin-top: 10px; gap: 8px; }
@media (max-width: 760px) {
  body.is-owner .workflow-visual { grid-template-columns: 1fr; }
  body.is-owner .workflow-visual-art { display: none; }
  body.is-owner .workflow-visual-copy { padding: 12px 16px; }
  body.is-owner .workflow-visual-copy h2 { font-size: 21px; }
  body.is-owner .workflow-visual-steps { display: flex; flex-wrap: wrap; }
}
@media (pointer: coarse), (max-width: 900px) {
  html body.is-member :is(.viewer-chapters, .viewer-preferences, .viewer-controls, .film-clips, .exhibition-moments, .account-area, .viewer-evidence) :is(button, select, summary, a.button) { min-height: 44px; }
  html body.is-member :is(.viewer-chapters, .viewer-controls, .film-clips, .exhibition-moments) button { min-width: 44px; }
}
@media (max-width: 620px) {
  body.is-owner .owner-home-header { display: grid; grid-template-columns: 52px minmax(0, 1fr); align-items: center; gap: 12px; padding-bottom: 18px; }
  body.is-owner .owner-home-header > .team-crest { width: 52px; height: 58px; }
  body.is-owner .owner-home-header .owner-welcome-copy { min-width: 0; }
  body.is-owner .owner-home-header h1 { font-size: 28px; margin: 4px 0 8px; }
  body.is-owner .owner-home-header .owner-record { grid-column: 1 / -1; width: 100%; }
}
@media (max-width: 620px) {
  html[data-graphics-mode="on"] body.is-owner .graphics-scene-settings > span:not(.graphics-icon) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  body:is(.endpoint-draft-history, .endpoint-season-draft) .page-header .inline-form { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; }
  body:is(.endpoint-draft-history, .endpoint-season-draft) .page-header .inline-form :is(label, button, select) { width: auto; margin: 0; }
  body:is(.endpoint-draft-history, .endpoint-season-draft) .page-header .inline-form select { flex: 1; min-width: 0; }
}