:root {
  --navy: #06294a;
  --navy-2: #0b3d67;
  --blue: #e85d04;
  --sky: #fff0e5;
  --gold: #f36c0a;
  --orange: #f36c0a;
  --brown: #7d3023;
  --silver: #c7cdd3;
  --ink: #102438;
  --line: #d9e0e6;
  --canvas: #f3f5f7;
}

.brand-mark { background: var(--gold); color: var(--navy); }
.brand-logo {
  flex: 0 0 auto;
  height: 62px;
  object-fit: contain;
  width: 62px;
}
.brand { gap: 10px; margin-left: 0; margin-right: 0; }
.brand strong { font-size: 16px; }
.hero:after { background: var(--gold); }
.field-card { border-color: var(--silver); }
.football { background: var(--brown); }
.roadmap .eyebrow { color: var(--gold); }
.roadmap-step.current > span { background: var(--gold); border-color: var(--gold); }
.poster-board { background: radial-gradient(circle at 50% 20%, #124f7d 0, var(--navy) 48%, #03182b 100%); }
.poster-heading strong,
.poster-stat span,
.poster-summary strong { color: var(--gold); }
.poster-score { background: var(--gold); color: var(--navy); }
.poster-summary { border-top-color: #f36c0a66; }

/* School-branded result cards keep logos legible while scores retain JZ orange. */
.poster-team-box {
  background: linear-gradient(145deg, #fff 0%, #edf3f7 100%) !important;
  border: 1px solid #cfdce5 !important;
  border-bottom: 6px solid var(--team-primary, var(--navy)) !important;
  box-shadow: inset 0 -2px 0 var(--team-secondary, #fff), 0 6px 18px #03182b26;
  color: var(--navy) !important;
}
.poster-team-box small,
.poster-team-box strong { color: inherit !important; }
.poster-team-box .score-team-logo { filter: drop-shadow(0 3px 5px #06294a2e); }
.poster-team-column {
  display: flex;
  min-width: 0;
  position: relative;
}
.poster-team-column .poster-team-box {
  box-sizing: border-box;
  flex: 1;
  width: 100%;
}
.team-site-label {
  bottom: -19px;
  color: #9db5c7;
  font-size: 8px;
  font-weight: 900;
  left: 0;
  letter-spacing: .18em;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.poster-score { margin-bottom: 42px; }
@media (max-width: 760px) {
  .poster-team-column { min-height: 88px; }
  .team-site-label { bottom: -17px; font-size: 7px; }
  .poster-score { margin-bottom: 38px; }
}

/* Matchup edge is a diverging chart: the orange bar points to the advantage. */
.edge-values { align-items: center; }
.edge-identity {
  align-items: center;
  display: flex;
  height: 38px;
}
.edge-identity:last-child { justify-content: flex-end; }
.edge-identity img {
  filter: drop-shadow(0 2px 3px #0006);
  height: 36px;
  max-width: 52px;
  object-fit: contain;
  width: 52px;
}
.edge-identity b {
  align-items: center;
  background: #ffffff16;
  border-radius: 50%;
  color: #fff;
  display: flex;
  font: 700 20px var(--display);
  height: 34px;
  justify-content: center;
  width: 34px;
}
.advantage-track {
  background: #ffffff0b;
  border-radius: 5px;
  height: 10px;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
}
.advantage-track > i {
  background: #91a9ba;
  height: 100%;
  left: calc(50% - 1px);
  opacity: .75;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: 2;
}
.advantage-fill {
  background: linear-gradient(90deg, #d85200, var(--orange));
  height: 100%;
  position: absolute;
  top: 0;
}
.advantage-fill.away {
  background: linear-gradient(90deg, var(--orange), #d85200);
  right: 50%;
}
.advantage-fill.home { left: 50%; }
@media (max-width: 700px) {
  .edge-identity img { height: 30px; max-width: 40px; width: 40px; }
  .edge-identity { height: 32px; }
}

/* High-contrast directional edge bar. */
.advantage-track {
  background: #071d30 !important;
  border: 1px solid #ffffff24;
  height: 18px !important;
  overflow: visible !important;
}
.advantage-fill {
  background: #ff6a00 !important;
  box-shadow: 0 0 12px #ff6a0075;
  display: block !important;
  height: 100% !important;
  min-width: 10% !important;
  position: absolute !important;
  top: 0 !important;
  z-index: 1;
}
.advantage-fill.away {
  border-radius: 9px 0 0 9px;
  left: auto !important;
  right: 50% !important;
}
.advantage-fill.home {
  border-radius: 0 9px 9px 0;
  left: 50% !important;
  right: auto !important;
}
.advantage-fill.away::before,
.advantage-fill.home::after {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  content: "";
  position: absolute;
  top: 3px;
}
.advantage-fill.away::before {
  border-right: 7px solid #ff6a00;
  left: -6px;
}
.advantage-fill.home::after {
  border-left: 7px solid #ff6a00;
  right: -6px;
}
.advantage-track > i {
  background: #fff !important;
  box-shadow: 0 0 5px #fff8;
  opacity: 1 !important;
  width: 3px !important;
}