/* Shark Media & Sport white label (<html data-brand="shark">: shark.* hosts or ?brand=shark), loaded last on every page.
   From the Shark template (hockeyqc.sharkmediasport.com, the "slapshot" theme): near-black #1d1d1b surfaces, white panels and nav,
   blue accent #0052ab (pressed #003a78), 1 px #e1e6ea outlines, muted #a9a9a9; square corners, no shadows; Saira Extra Condensed 700
   for headings, nav and card titles (uppercase), Sintony 400/700 for text; buttons not uppercase, with a small blue triangle.
   Fonts self-hosted (Google Fonts, OFL, latin subset). Team colours move off the blue accent: orange + teal. */
@font-face { font-family: "Saira Extra Condensed"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/saira-extra-condensed-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Sintony"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/sintony-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Sintony"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/sintony-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root[data-brand="shark"] {
  --page: #ffffff; --surface: #ffffff; --surface-2: #f3f5f7; --ink: #1d1d1b; --ink-2: #4b4b49; --muted: #6f6f6d;
  --grid: #e1e6ea; --axis: #c8d0d7; --border: #e1e6ea; --border-strong: #c8d0d7; --mono: #6f6f6d;
  --brand: #0052ab; --brand-600: #003a78; --brand-700: #0052ab; --brand-tint: rgba(0, 82, 171, 0.07); --brand-tint-2: rgba(0, 82, 171, 0.14);
  --brand-grad: linear-gradient(90deg, #0052ab, #0052ab);
  --link: #0052ab; --link-hover: #003a78; --focus: #0052ab; --accent-ink: #0052ab; --accent-on-dark: #ffffff;
  --sel: #0052ab; --sel-ink: #ffffff; --sel-shadow: none;
  --cta-bg: #0052ab; --cta-ink: #ffffff; --cta-bg-hover: #003a78;
  --strip: 10px;
  --nav-bg: #ffffff; --nav-ink: #1d1d1b; --nav-ink-on: #1d1d1b; --nav-line: #e1e6ea; --nav-h: 72px;
  --hero-bg: #1d1d1b; --hero-ink: #ffffff; --hero-ink-2: #a9a9a9; --hero-glow: transparent;
  --foot-bg: #1d1d1b; --foot-ink: #a9a9a9; --foot-ink-strong: #ffffff; --foot-line: rgba(255, 255, 255, 0.08);
  --logo: url("brand/shark-media-sport-logo.png"); --logo-w: 46px; --logo-h: 46px;
  --logo-mark: url("brand/shark-media-sport-logo.png"); --logo-mark-w: 38px; --logo-mark-h: 38px;
  --t1: #e8590c; --t2: #0b8a7a;
  --shadow: none; --shadow-2: none; --shadow-3: 0 8px 24px rgb(0 0 0 / 0.16);
  --radius: 0; --radius-md: 0; --radius-sm: 0; --radius-xs: 0; --radius-pill: 0;
  --font: "Sintony", "Helvetica Neue", Arial, sans-serif;
  --font-head: "Saira Extra Condensed", "Arial Narrow", sans-serif;
  --h1-weight: 700; --h1-spacing: 0; --h1-transform: uppercase; --h1-size: 60px;
  --h2-weight: 700; --h2-spacing: 0; --h2-transform: uppercase; --h2-size: 34px;
  --title-transform: uppercase; --nav-transform: uppercase; --nav-spacing: 0; --nav-weight: 700; --nav-size: 18px;
  --lang-bd: #e1e6ea; --lang-bg: #ffffff; --lang-ink: #1d1d1b; --lang-ink-hover: #0052ab; --lang-hover-bg: #f3f5f7;
  --lang-on-bg: #0052ab; --lang-on-ink: #ffffff; --lang-radius: 0;
}
:root[data-brand="shark"] body { font-size: 14.5px; }

/* bars: blue strip on top, white uppercase nav, square logo + wordmark */
:root[data-brand="shark"] .topbar { padding-top: var(--strip); background: linear-gradient(#0052ab 0 var(--strip), #ffffff var(--strip)); }
:root[data-brand="shark"] .topbar .brand { gap: 12px; }
:root[data-brand="shark"] .topbar .wordmark { font: 700 23px/1 var(--font-head); text-transform: uppercase; color: #1d1d1b; letter-spacing: 0.01em; }
:root[data-brand="shark"] .topbar .pname { font: 400 13.5px/1 var(--font); color: #6f6f6d; border-left-color: #e1e6ea; text-transform: none; padding-left: 12px; }
:root[data-brand="shark"] .topbar nav a::after { left: 10px; right: 10px; height: 4px; border-radius: 0; }
:root[data-brand="shark"] .topbar nav a:hover { color: #0052ab; }
:root[data-brand="shark"] .subbar { top: calc(var(--nav-h) + var(--strip) + 1px); }
:root[data-brand="shark"] .subbar a { font: 700 16px/1 var(--font-head); padding: 8px 11px; }
:root[data-brand="shark"] .subbar .st { font: 700 17px/1 var(--font-head); text-transform: uppercase; }
:root[data-brand="shark"] { scroll-padding-top: calc(var(--nav-h) + var(--strip) + 56px); }
:root[data-brand="shark"] section { scroll-margin-top: calc(var(--nav-h) + var(--strip) + 56px); }
@media (max-width: 1100px) { :root[data-brand="shark"] .topbar .pname { display: none; } }
@media (max-width: 760px) {
  :root[data-brand="shark"] { --strip: 6px; --nav-h: 56px; --h1-size: 40px; --h2-size: 28px; }
  :root[data-brand="shark"] .topbar .wordmark { display: none; }
  :root[data-brand="shark"] .subbar { top: calc(56px + var(--strip) + 1px); }
  :root[data-brand="shark"] .topbar nav a { font-size: 16px; }
}

/* dark page header (match pages, players) */
:root[data-brand="shark"] .phead .crumbs { font-size: 12.5px; }
:root[data-brand="shark"] .phead .meta { font-size: 14.5px; }
:root[data-brand="shark"] .tabs a { font-size: 18px; padding: 14px 14px 15px; }
:root[data-brand="shark"] .tabs a.on::after { height: 4px; border-radius: 0; left: 10px; right: 10px; }
:root[data-brand="shark"] .gsw a { font-weight: 700; }

/* type */
:root[data-brand="shark"] h2 { color: var(--ink); }
:root[data-brand="shark"] h3 { font-size: 21px; font-weight: 700; letter-spacing: 0; }
:root[data-brand="shark"] .tile .val { font-size: 36px; letter-spacing: 0; }
:root[data-brand="shark"] .tile::before { left: 0; top: -1px; width: 34px; height: 4px; border-radius: 0; }
:root[data-brand="shark"] .tile .lab, :root[data-brand="shark"] .metric .lab, :root[data-brand="shark"] .tr-t { letter-spacing: 0.05em; }

/* buttons: not uppercase, blue triangle; solid blue on dark, outline on white */
:root[data-brand="shark"] .cta { text-transform: none; letter-spacing: 0; font: 700 14px/1 var(--font); padding: 15px 20px; }
:root[data-brand="shark"] .cta::after { width: 7px; height: 10px; -webkit-mask: none; mask: none; background: none; border-style: solid; border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent currentColor; }
:root[data-brand="shark"] .cta.ghost { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.22); color: #fff; }
:root[data-brand="shark"] .cta.ghost:hover { border-color: #fff; }
:root[data-brand="shark"] .pteaser .cta, :root[data-brand="shark"] .cta.light { background: transparent; color: #1d1d1b; border: 1px solid #e1e6ea; }
:root[data-brand="shark"] .pteaser .cta::after { border-left-color: #0052ab; }
:root[data-brand="shark"] .pteaser:hover .cta, :root[data-brand="shark"] .cta.light:hover { border-color: #0052ab; color: #0052ab; }
:root[data-brand="shark"] .btn:hover { border-color: #0052ab; color: #0052ab; }
:root[data-brand="shark"] .transport .play:hover { background: #003a78; border-color: #003a78; }

/* tables: black header row, zebra rows */
:root[data-brand="shark"] .tbl th, :root[data-brand="shark"] .sx-list thead th, :root[data-brand="shark"] .pp-list thead th { background: #1d1d1b; color: #ffffff; border-bottom: 0; }
:root[data-brand="shark"] .tbl tbody tr:nth-child(even) td { background: #f3f5f7; }

/* home */
:root[data-brand="shark"] .kicker { display: inline-flex; background: #0052ab; color: #fff; font: 700 11px/1 var(--font); letter-spacing: 0.08em; padding: 8px 10px; }
:root[data-brand="shark"] .kicker::before { display: none; }
:root[data-brand="shark"] .hero h1 { font-size: 72px; line-height: 0.98; }
:root[data-brand="shark"] .hero-lede { font-size: 17px; color: #d4d4d2; }
:root[data-brand="shark"] .hero-stats b { font-size: 42px; letter-spacing: 0; }
:root[data-brand="shark"] .hero-media, :root[data-brand="shark"] .hero-media:hover { transform: none; box-shadow: none; }
:root[data-brand="shark"] .hero-tag { background: rgba(29, 29, 27, 0.85); }
:root[data-brand="shark"] .feat svg { stroke: #0052ab; }
:root[data-brand="shark"] .feat b { font-size: 21px; }
:root[data-brand="shark"] .feat:hover { border-color: #0052ab; transform: none; }
/* match cards in the template's news-card style: dark card, photo, blue tag, grey date, white condensed title */
:root[data-brand="shark"] .mcard { background: #1d1d1b; border-color: #1d1d1b; color: #ffffff; }
:root[data-brand="shark"] .mvenue { display: inline-block; width: fit-content; background: #0052ab; color: #fff; font: 700 10.5px/1 var(--font); letter-spacing: 0.08em; padding: 8px 9px; margin-bottom: 8px; }
:root[data-brand="shark"] .mbody h3 { font-size: 32px; line-height: 1; }
:root[data-brand="shark"] .mbody h3 a:hover { color: #a9c8f0; }
:root[data-brand="shark"] .mmeta { color: #a9a9a9; }
:root[data-brand="shark"] .mres b { font-size: 34px; }
:root[data-brand="shark"] .mres .tm.lost { color: #a9a9a9; }
:root[data-brand="shark"] .games a { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.14); }
:root[data-brand="shark"] .games a:hover { border-color: #0052ab; background: rgba(0, 82, 171, 0.25); }
:root[data-brand="shark"] .games span { color: #a9a9a9; }
:root[data-brand="shark"] .games b { font-size: 26px; }
:root[data-brand="shark"] .mlinks a { color: #ffffff; border-color: rgba(255, 255, 255, 0.25); font-family: var(--font); }
:root[data-brand="shark"] .mlinks a:hover { border-color: #ffffff; color: #ffffff; }
:root[data-brand="shark"] .mlinks a:first-child:hover { background: #003a78; border-color: #003a78; }
:root[data-brand="shark"] .pteaser::before { width: 5px; }
:root[data-brand="shark"] .pavs img { box-shadow: 0 0 0 1px #e1e6ea; }
@media (max-width: 980px) { :root[data-brand="shark"] .hero h1 { font-size: 60px; } }
@media (max-width: 600px) { :root[data-brand="shark"] .hero h1 { font-size: 46px; } :root[data-brand="shark"] .mbody h3 { font-size: 28px; } }

/* match report, player cards */
:root[data-brand="shark"] .sb-row .sc { font-family: var(--font-head); font-size: 66px; font-weight: 700; letter-spacing: 0; }
:root[data-brand="shark"] .sb-row .nm { font: 700 21px/1.1 var(--font-head); text-transform: uppercase; }
:root[data-brand="shark"] .pf-id { font-family: var(--font-head); font-size: 26px; }
:root[data-brand="shark"] .pp-name { letter-spacing: 0; }
:root[data-brand="shark"] .pp-rt { font-family: var(--font-head); font-size: 30px; text-transform: uppercase; }
:root[data-brand="shark"] .pp-kicker span:first-child { background: #0052ab; color: #fff; padding: 5px 8px; width: fit-content; }
:root[data-brand="shark"] .pp-badge { border-radius: 0; }
:root[data-brand="shark"] .call .rank { font-size: 22px; }
:root[data-brand="shark"] .foot .fb { font-family: var(--font-head); font-size: 20px; text-transform: uppercase; }