/* REF_VISUAL1 — deliberately scoped styling using canonical PETORKA sitewide tokens.
   Descriptive analytics, heat colors, all metrics, identities, and sorting scripts are untouched.
   Never edit global sitewide.css or the historical data payload to make these changes. */
body[data-ref-visual1] {
  --rv-ink:var(--petorka-text,#0f172a);
  --rv-muted:var(--petorka-text-muted,#52647c);
  --rv-bg:var(--petorka-page-bg,#f7f9fc);
  --rv-surface:var(--petorka-surface,#fff);
  --rv-line:var(--petorka-border,#dce4ee);
  --rv-font:var(--petorka-font,Inter,ui-sans-serif,system-ui,sans-serif);
  --rv-radius:var(--petorka-radius-md,10px);
  font-family:var(--rv-font)!important;
  color:var(--rv-ink);
  background:var(--rv-bg);
}
body[data-ref-visual1] .app {width:100%;max-width:var(--petorka-content-max,1440px);background:transparent;margin:0 auto;min-height:0}
body[data-ref-visual1] main.page {width:100%;max-width:var(--petorka-content-max,1440px);margin:0 auto;padding:0 var(--petorka-page-gutter,22px) 40px}
/* The earlier local nav becomes redundant once the Crew Builder is withdrawn. */
body[data-ref-visual1] .globalNav.petorka-utility,
body[data-ref-visual1] nav.subNav {display:none!important}
/* Directory page heading and search share the same content measure and baseline. */
body[data-ref-visual1="directory"] .explorerHeader {display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px 0 10px;margin:0}
body[data-ref-visual1="directory"] .explorerTitle {margin:4px 0 0;font:800 34px/1.12 var(--rv-font);letter-spacing:-.035em;color:var(--rv-ink)}
body[data-ref-visual1] .sectionKicker {font:800 11px/1.4 var(--rv-font);letter-spacing:.1em;color:var(--rv-muted)}
body[data-ref-visual1] .globalSearch {width:min(355px,100%);min-width:220px;margin:0}
body[data-ref-visual1] .globalSearch input {display:block;width:100%;height:42px;min-height:42px;background:var(--rv-surface)!important;border:1px solid var(--rv-line)!important;color:var(--rv-ink)!important;border-radius:6px;padding:0 13px;font:400 14px/1.4 var(--rv-font);box-sizing:border-box}
body[data-ref-visual1] .globalSearch input::placeholder {color:var(--rv-muted)!important}
body[data-ref-visual1="directory"] .sectionHead {margin:0 0 10px;justify-content:flex-end;align-items:center;min-height:20px;gap:10px}
body[data-ref-visual1="directory"] .sortHelp {font-size:11px;line-height:1.5;color:var(--rv-muted);text-align:right}
body[data-ref-visual1] .card {background:var(--rv-surface);border:1px solid var(--rv-line);border-radius:var(--rv-radius);box-shadow:0 2px 10px rgba(15,23,42,.025)}
body[data-ref-visual1="directory"] .controls {grid-template-columns:minmax(150px,.66fr) minmax(260px,1.35fr) minmax(200px,1fr);gap:12px;padding:14px;margin:0 0 12px;border-radius:var(--rv-radius)}
body[data-ref-visual1] label {color:var(--rv-muted);font:800 10px/1.4 var(--rv-font);letter-spacing:.075em;margin-bottom:6px}
body[data-ref-visual1] .control {height:42px;min-height:42px;font-size:14px;background:#fff;border-color:var(--rv-line);border-radius:6px;color:var(--rv-ink)}
body[data-ref-visual1] .resultBar {margin:5px 2px 8px;color:var(--rv-muted);gap:14px}
body[data-ref-visual1] .sortStatus {color:var(--rv-muted)}
body[data-ref-visual1] .tableCard {border-radius:var(--rv-radius);overflow:hidden}
body[data-ref-visual1] .refTable th, body[data-ref-visual1] .seasonTable th {background:var(--petorka-surface-muted,#f1f4f8);color:var(--rv-muted);border-color:var(--rv-line);font-size:10px;letter-spacing:.055em}
body[data-ref-visual1] .refTable td, body[data-ref-visual1] .seasonTable td {border-color:var(--rv-line)}
body[data-ref-visual1] .refTable tbody tr:hover {background:rgba(37,99,166,.038)}
body[data-ref-visual1] .refName {color:var(--rv-ink);font-weight:800}
body[data-ref-visual1] .ref-fixed2-interpretation {padding:9px 13px 8px;margin:0;color:var(--rv-muted);font-size:11px;border-bottom:1px solid var(--rv-line)}
body[data-ref-visual1] .method {margin-top:18px;border:1px solid var(--rv-line);border-radius:var(--rv-radius);background:var(--rv-surface);padding:14px 16px;color:var(--rv-muted)}
body[data-ref-visual1] .method summary {font-size:13px;color:var(--rv-ink)}
body[data-ref-visual1] .method h4 {color:var(--rv-ink)}
body[data-ref-visual1] .refv1-context {max-width:970px;margin:4px 0 14px;font-size:12px;line-height:1.6;color:var(--rv-muted)}
/* Individual referee: same restrained card and heading family as PETORKA Teams. */
body[data-ref-visual1="profile"] .profileBack {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:21px 0 14px}
body[data-ref-visual1="profile"] .profileBack a {color:var(--rv-muted);font-size:12px;text-decoration:none}
body[data-ref-visual1="profile"] .profileBack a:hover {color:var(--rv-ink);text-decoration:underline}
body[data-ref-visual1="profile"] .playerHero {border:1px solid var(--rv-line);border-radius:var(--rv-radius);background:linear-gradient(115deg,#fff 0%,#f5f7fa 100%);box-shadow:0 2px 10px rgba(15,23,42,.025);min-height:266px;padding:36px 310px 28px 32px}
body[data-ref-visual1="profile"] .heroKicker {color:var(--rv-muted);font-size:11px;letter-spacing:.09em}
body[data-ref-visual1="profile"] .heroName,body[data-ref-visual1="profile"] .heroName.long,body[data-ref-visual1="profile"] .heroName.xlong {font:800 clamp(35px,4.4vw,62px)/1.03 var(--rv-font)!important;letter-spacing:-.04em!important;text-transform:none;color:var(--rv-ink);margin:12px 0 10px;overflow-wrap:anywhere}
body[data-ref-visual1="profile"] .heroRole {color:var(--rv-muted)}
body[data-ref-visual1="profile"] .heroPills {gap:8px}
body[data-ref-visual1="profile"] .crewCta,#addToCrew[hidden] {display:none!important}
body[data-ref-visual1="profile"] .sectionHead {margin:20px 0 12px;align-items:center}
body[data-ref-visual1="profile"] .sectionTitle {font:800 24px/1.18 var(--rv-font);letter-spacing:-.03em;color:var(--rv-ink)}
body[data-ref-visual1="profile"] .multiSeasonStrip {border-radius:var(--rv-radius)}
body[data-ref-visual1="profile"] .seasonCard {border-radius:var(--rv-radius)}
body[data-ref-visual1="profile"] .seasonTable th {font-weight:800}
body[data-ref-visual1] :is(a,button,input,select,summary):focus-visible {outline:3px solid #2563a6!important;outline-offset:3px!important}
@media(max-width:900px){
  body[data-ref-visual1="directory"] .controls {grid-template-columns:1fr 1fr}
  body[data-ref-visual1="directory"] .controls>div:nth-child(2) {grid-column:1/-1;grid-row:2}
  body[data-ref-visual1="profile"] .playerHero {padding-right:270px}
}
@media(max-width:760px){
  body[data-ref-visual1="directory"] .explorerHeader {padding-top:20px;align-items:stretch;gap:10px}
  body[data-ref-visual1="directory"] .explorerTitle {font-size:28px}
  body[data-ref-visual1] .globalSearch {width:100%;min-width:0}
  body[data-ref-visual1="directory"] .sortHelp {text-align:left}
  body[data-ref-visual1="directory"] .sectionHead {justify-content:flex-start;margin-bottom:12px}
  body[data-ref-visual1="directory"] .controls {grid-template-columns:1fr;gap:10px}
  body[data-ref-visual1="directory"] .controls>div:nth-child(2) {grid-column:auto;grid-row:auto}
  body[data-ref-visual1="profile"] .profileBack {padding-top:14px}
  body[data-ref-visual1="profile"] .playerHero {padding:24px 18px 176px!important;min-height:350px}
  body[data-ref-visual1="profile"] .heroName,body[data-ref-visual1="profile"] .heroName.long,body[data-ref-visual1="profile"] .heroName.xlong {font-size:clamp(34px,9vw,48px)!important}
  body[data-ref-visual1="profile"] .sectionTitle {font-size:22px}
  body[data-ref-visual1] .methodGrid {grid-template-columns:1fr}
}
@media(max-width:430px){
  body[data-ref-visual1="profile"] .heroName,body[data-ref-visual1="profile"] .heroName.long,body[data-ref-visual1="profile"] .heroName.xlong {font-size:34px!important}
  body[data-ref-visual1="directory"] .controls {padding:12px}
  body[data-ref-visual1] .mobileCard {border-radius:var(--rv-radius)}
}