MiniMax MiniMax M3.1 Flash – Sports

via Minimax · Generated

  • AIMAC Debt 6.06
  • Cost $0.03
  • Total Violations 71
  • HTML Size 121 KB
  • Em Dashes 18

Screenshot

View MiniMax MiniMax M3.1 Flash Sports page View Live Page

Accessibility Issues Found

71 Serious

  • color-contrast serious 71 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="breaking-label">Just in</span>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Aperture Sports delivers live scores, championship news, team updates, athlete analysis, podcasts, events, and training resources for passionate fans.">
  <meta name="theme-color" content="#0a1a22">
  <meta name="robots" content="index, follow">
  <meta property="og:title" content="Aperture Sports — See Every Angle of the Game">
  <meta property="og:description" content="Scores, stories, analysis, podcasts, and resources for fans who want the complete game.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://aperturesports.example/">
  <meta property="og:image" content="https://picsum.photos/seed/aperture-og/1200/630">
  <link rel="canonical" href="https://aperturesports.example/">
  <link rel="icon" href="https://placehold.co/64x64/c9ff3f/0a1a22?text=A&font=oswald">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <title>Aperture Sports — See Every Angle of the Game</title>
  <script>document.documentElement.classList.add('js');</script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "NewsMediaOrganization",
    "name": "Aperture Sports",
    "url": "https://aperturesports.example/",
    "logo": "https://placehold.co/256x256/c9ff3f/0a1a22?text=A&font=oswald",
    "description": "Independent sports journalism covering scores, championship news, teams, athletes, events, and performance resources.",
    "email": "newsdesk@aperturesports.example",
    "telephone": "+1-212-555-0174",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "85 Hudson Street",
      "addressLocality": "New York",
      "addressRegion": "NY",
      "postalCode": "10013",
      "addressCountry": "US"
    }
  }
  </script>
  <style>
    :root {
      --ink: #0a1a22;
      --ink-2: #102a35;
      --ink-3: #173944;
      --paper: #f7f4ec;
      --paper-deep: #ece8dd;
      --white: #ffffff;
      --lime: #c9ff3f;
      --lime-dark: #9fd51f;
      --coral: #ff644c;
      --aqua: #72d8f3;
      --gold: #f5c85b;
      --text: #263840;
      --muted: #68777d;
      --line: #d8d5ca;
      --display: "Barlow Condensed", "Arial Narrow", sans-serif;
      --sans: "Inter", Arial, sans-serif;
      --shadow: 0 24px 70px rgba(10, 26, 34, 0.12);
      --radius: 18px;
      --container: 1240px;
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 150px;
    }

    body {
      margin: 0;
      background: var(--paper);
      color: var(--text);
      font-family: var(--sans);
      font-size: 16px;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }

    body.nav-open {
      overflow: hidden;
    }

    img {
      display: block;
      width: 100%;
      max-width: 100%;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button,
    input {
      font: inherit;
    }

    button {
      color: inherit;
    }

    h1,
    h2,
    h3,
    h4,
    p {
      margin-top: 0;
    }

    h1,
    h2,
    h3,
    h4 {
      color: var(--ink);
      line-height: 1.08;
    }

    ul,
    ol {
      padding-left: 1.2rem;
    }

    ::selection {
      background: var(--lime);
      color: var(--ink);
    }

    .container {
      width: min(calc(100% - 40px), var(--container));
      margin-inline: auto;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .skip-link {
      position: fixed;
      top: 12px;
      left: 12px;
      z-index: 2000;
      padding: 10px 16px;
      border-radius: 6px;
      background: var(--lime);
      color: var(--ink);
      font-weight: 800;
      transform: translateY(-160%);
      transition: transform 0.2s ease;
    }

    .skip-link:focus {
      transform: translateY(0);
    }

    :focus-visible {
      outline: 3px solid var(--coral);
      outline-offset: 4px;
    }

    .section {
      padding: clamp(76px, 9vw, 128px) 0;
    }

    .section--tight {
      padding-top: clamp(58px, 7vw, 92px);
    }

    .section--paper-deep {
      background: var(--paper-deep);
    }

    .section--ink {
      background: var(--ink);
      color: #dce7e9;
    }

    .section--ink h2,
    .section--ink h3,
    .section--ink h4 {
      color: var(--white);
    }

    .section--lime {
      background: var(--lime);
    }

    .section-heading {
      max-width: 760px;
      margin-bottom: clamp(34px, 5vw, 58px);
    }

    .section-heading--split {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 40px;
      max-width: none;
    }

    .section-heading--split > div:first-child {
      max-width: 720px;
    }

    .section-heading h2 {
      margin-bottom: 18px;
      font-family: var(--display);
      font-size: clamp(48px, 6.5vw, 86px);
      font-weight: 800;
      letter-spacing: -0.035em;
      text-transform: uppercase;
    }

    .section-heading p {
      max-width: 680px;
      margin-bottom: 0;
      color: var(--muted);
      font-size: 1.04rem;
    }

    .section--ink .section-heading p {
      color: #aebfc4;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 15px;
      color: var(--coral);
      font-size: 0.73rem;
      font-weight: 800;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .eyebrow::before {
      width: 24px;
      height: 2px;
      background: currentColor;
      content: "";
    }

    .section--lime .eyebrow {
      color: var(--ink);
    }

    .button {
      display: inline-flex;
      min-height: 50px;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 13px 22px;
      border: 1px solid transparent;
      border-radius: 999px;
      cursor: pointer;
      font-size: 0.84rem;
      font-weight: 800;
      letter-spacing: 0.045em;
      text-transform: uppercase;
      transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    .button:hover {
      transform: translateY(-2px);
    }

    .button--primary {
      background: var(--lime);
      color: var(--ink);
    }

    .button--primary:hover {
      background: #dcff7c;
    }

    .button--dark {
      background: var(--ink);
      color: var(--white);
    }

    .button--dark:hover {
      background: var(--ink-3);
    }

    .button--outline {
      border-color: rgba(255, 255, 255, 0.42);
      background: transparent;
      color: var(--white);
    }

    .button--outline:hover {
      border-color: var(--white);
      background: var(--white);
      color: var(--ink);
    }

    .button--outline-dark {
      border-color: rgba(10, 26, 34, 0.35);
      color: var(--ink);
    }

    .button--outline-dark:hover {
      border-color: var(--ink);
      background: var(--ink);
      color: var(--white);
    }

    .button__arrow {
      font-size: 1.15em;
      line-height: 1;
      transition: transform 0.2s ease;
    }

    .button:hover .button__arrow {
      transform: translateX(4px);
    }

    .text-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--ink);
      font-size: 0.82rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .text-link::after {
      content: "→";
      font-size: 1.1em;
      transition: transform 0.2s ease;
    }

    .text-link:hover::after {
      transform: translateX(4px);
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: var(--ink);
      color: var(--white);
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .utility-bar {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      background: #07141b;
      color: #9fb1b7;
      font-size: 0.69rem;
      font-weight: 600;
      letter-spacing: 0.04em;
    }

    .utility-inner {
      display: flex;
      min-height: 34px;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .utility-inner p {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 0;
    }

    .utility-links {
      display: flex;
      align-items: center;
      gap: 22px;
    }

    .utility-links a:hover {
      color: var(--white);
    }

    .live-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--coral);
      box-shadow: 0 0 0 5px rgba(255, 100, 76, 0.12);
    }

    .nav-wrap {
      position: relative;
      display: flex;
      min-height: 82px;
      align-items: center;
      gap: 28px;
    }

    .brand {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 13px;
    }

    .brand-logo {
      width: 52px;
      height: 52px;
      border-radius: 10px;
      object-fit: cover;
    }

    .brand-copy {
      display: flex;
      flex-direction: column;
      line-height: 1;
    }

    .brand-copy strong {
      color: var(--white);
      font-family: var(--display);
      font-size: 1.75rem;
      font-weight: 800;
      letter-spacing: 0.015em;
      text-transform: uppercase;
    }

    .brand-copy span {
      margin-top: 5px;
      color: #91a7ad;
      font-size: 0.61rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .primary-nav {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: center;
      gap: clamp(14px, 2vw, 28px);
    }

    .nav-link {
      position: relative;
      padding: 28px 0;
      color: #d5e0e3;
      font-size: 0.76rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .nav-link::after {
      position: absolute;
      right: 0;
      bottom: 19px;
      left: 0;
      height: 2px;
      background: var(--lime);
      content: "";
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.2s ease;
    }

    .nav-link:hover,
    .nav-link:focus-visible {
      color: var(--white);
    }

    .nav-link:hover::after {
      transform: scaleX(1);
    }

    .header-cta {
      flex: 0 0 auto;
      min-height: 42px;
      padding: 10px 17px;
      font-size: 0.7rem;
    }

    .menu-toggle {
      display: none;
      width: 44px;
      height: 44px;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      background: transparent;
      cursor: pointer;
    }

    .menu-icon,
    .menu-icon::before,
    .menu-icon::after {
      display: block;
      width: 18px;
      height: 2px;
      background: var(--white);
      content: "";
      transition: transform 0.2s ease, opacity 0.2s ease;
    }

    .menu-icon {
      position: relative;
    }

    .menu-icon::before {
      position: absolute;
      top: -6px;
    }

    .menu-icon::after {
      position: absolute;
      top: 6px;
    }

    .menu-toggle[aria-expanded="true"] .menu-icon {
      background: transparent;
    }

    .menu-toggle[aria-expanded="true"] .menu-icon::before {
      top: 0;
      transform: rotate(45deg);
    }

    .menu-toggle[aria-expanded="true"] .menu-icon::after {
      top: 0;
      transform: rotate(-45deg);
    }

    .breaking-strip {
      display: flex;
      min-height: 42px;
      align-items: stretch;
      overflow: hidden;
      border-top: 1px solid rgba(255, 255, 255, 0.09);
      background: var(--ink-2);
      color: #c4d1d5;
      font-size: 0.72rem;
    }

    .breaking-label {
      display: flex;
      flex: 0 0 auto;
      align-items: center;
      padding: 0 22px;
      background: var(--coral);
      color: var(--white);
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .breaking-track {
      display: flex;
      flex: 1;
      align-items: center;
      overflow: hidden;
    }

    .breaking-item {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      gap: 9px;
      padding: 0 26px;
      border-right: 1px solid rgba(255, 255, 255, 0.1);
      white-space: nowrap;
    }

    .breaking-item strong {
      color: var(--lime);
      font-size: 0.63rem;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .hero {
      position: relative;
      overflow: hidden;
      padding: clamp(70px, 8vw, 120px) 0 clamp(76px, 9vw, 128px);
      background: var(--ink);
      color: var(--white);
    }

    .hero::before {
      position: absolute;
      inset: 0;
      background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
      background-size: 52px 52px;
      content: "";
      mask-image: linear-gradient(to right, black, transparent 70%);
      pointer-events: none;
    }

    .hero::after {
      position: absolute;
      top: -180px;
      right: -180px;
      width: 520px;
      height: 520px;
      border: 1px solid rgba(201, 255, 63, 0.12);
      border-radius: 50%;
      box-shadow: 0 0 0 90px rgba(201, 255, 63, 0.025), 0 0 0 180px rgba(201, 255, 63, 0.018);
      content: "";
    }

    .hero-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
      align-items: center;
      gap: clamp(48px, 7vw, 96px);
    }

    .hero-copy {
      max-width: 620px;
    }

    .hero-kicker {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 22px;
      color: #9fb2b8;
      font-size: 0.71rem;
      font-weight: 700;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .hero-kicker::before {
      width: 30px;
      height: 2px;
      background: var(--lime);
      content: "";
    }

    .hero h1 {
      max-width: 640px;
      margin-bottom: 25px;
      color: var(--white);
      font-family: var(--display);
      font-size: clamp(68px, 8.5vw, 126px);
      font-weight: 900;
      letter-spacing: -0.055em;
      line-height: 0.84;
      text-transform: uppercase;
    }

    .hero h1 span {
      display: block;
    }

    .hero h1 .accent {
      color: var(--lime);
    }

    .hero-deck {
      max-width: 570px;
      margin-bottom: 32px;
      color: #b9c8cc;
      font-size: clamp(1rem, 1.7vw, 1.16rem);
      line-height: 1.75;
    }

    .hero-deck strong {
      color: var(--white);
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 42px;
    }

    .hero-metrics {
      display: flex;
      gap: 34px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .hero-metrics li {
      display: flex;
      flex-direction: column;
      padding-left: 14px;
      border-left: 2px solid var(--lime);
    }

    .hero-metrics strong {
      color: var(--white);
      font-family: var(--display);
      font-size: 1.9rem;
      line-height: 1;
    }

    .hero-metrics span {
      margin-top: 5px;
      color: #8ea3aa;
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .hero-media {
      position: relative;
    }

    .hero-figure {
      position: relative;
      margin: 0;
      overflow: hidden;
      border-radius: 4px 4px 58px 4px;
      background: var(--ink-3);
      box-shadow: 0 38px 100px rgba(0, 0, 0, 0.38);
    }

    .hero-figure img {
      aspect-ratio: 1.08 / 1;
      object-fit: cover;
      filter: saturate(0.88) contrast(1.04);
      transition: transform 0.7s ease;
    }

    .hero-figure:hover img {
      transform: scale(1.025);
    }

    .hero-figure::after {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(4, 14, 19, 0.98) 0%, rgba(4, 14, 19, 0.25) 55%, transparent 75%);
      content: "";
      pointer-events: none;
    }

    .hero-story {
      position: absolute;
      z-index: 2;
      right: 34px;
      bottom: 30px;
      left: 34px;
    }

    .hero-story-label {
      display: inline-flex;
      margin-bottom: 11px;
      padding: 6px 10px;
      border-radius: 3px;
      background: var(--coral);
      color: var(--white);
      font-size: 0.64rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .hero-story h2 {
      max-width: 620px;
      margin-bottom: 11px;
      color: var(--white);
      font-family: var(--display);
      font-size: clamp(2rem, 4vw, 3.7rem);
      font-weight: 800;
      letter-spacing: -0.025em;
      text-transform: uppercase;
    }

    .hero-story-meta {
      margin: 0;
      color: #b8c6ca;
      font-size: 0.76rem;
    }

    .hero-score-card {
      position: absolute;
      z-index: 3;
      top: 28px;
      right: -22px;
      width: 194px;
      padding: 17px 18px;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 10px;
      background: rgba(9, 25, 32, 0.93);
      box-shadow: var(--shadow);
      backdrop-filter: blur(12px);
    }

    .hero-score-card > span {
      display: block;
      margin-bottom: 10px;
      color: #90a6ad;
      font-size: 0.58rem;
      font-weight: 800;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .hero-score-team {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-top: 7px;
      font-size: 0.76rem;
      font-weight: 700;
    }

    .hero-score-team b {
      color: var(--lime);
      font-family: var(--display);
      font-size: 1.45rem;
      line-height: 1;
    }

    .hero-score-foot {
      display: flex;
      justify-content: space-between;
      margin-top: 13px;
      padding-top: 10px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      color: #a7b8bd;
      font-size: 0.64rem;
    }

    .score-controls {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 12px;
    }

    .segmented {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 6px;
      padding: 5px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.7);
    }

    .segment-button {
      padding: 9px 15px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      color: var(--muted);
      cursor: pointer;
      font-size: 0.72rem;
      font-weight: 800;
      letter-spacing: 0.03em;
      transition: background 0.2s ease, color 0.2s ease;
    }

    .segment-button:hover {
      color: var(--ink);
    }

    .segment-button.is-active {
      background: var(--ink);
      color: var(--white);
    }

    .status-filters {
      display: flex;
      gap: 8px;
    }

    .filter-button {
      padding: 7px 11px;
      border: 1px solid transparent;
      border-radius: 999px;
      background: transparent;
      color: var(--muted);
      cursor: pointer;
      font-size: 0.66rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .filter-button.is-active {
      border-color: var(--ink);
      color: var(--ink);
    }

    .score-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .score-card {
      position: relative;
      overflow: hidden;
      padding: 22px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--white);
      box-shadow: 0 14px 40px rgba(10, 26, 34, 0.06);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .score-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 22px 55px rgba(10, 26, 34, 0.11);
    }

    .score-card.is-live {
      border-top: 4px solid var(--coral);
    }

    .score-card.is-upcoming {
      border-top: 4px solid var(--aqua);
    }

    .score-card.is-final {
      border-top: 4px solid var(--lime-dark);
    }

    .score-card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      margin-bottom: 22px;
      padding-bottom: 14px;
      border-bottom: 1px solid #e7e4db;
    }

    .score-league {
      color: var(--muted);
      font-size: 0.63rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .status-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 5px 9px;
      border-radius: 999px;
      background: var(--paper-deep);
      color: var(--ink);
      font-size: 0.61rem;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .status-pill--live {
      background: rgba(255, 100, 76, 0.13);
      color: #c83b28;
    }

    .status-pill--live::before {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--coral);
      content: "";
      animation: livePulse 1.6s ease infinite;
    }

    .status-pill--upcoming {
      background: rgba(114, 216, 243, 0.16);
      color: #17647b;
    }

    @keyframes livePulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.35; }
    }

    .score-team {
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      padding: 10px 0;
    }

    .score-team + .score-team {
      margin-top: 6px;
      padding-top: 16px;
      border-top: 1px dashed #d8d5cb;
    }

    .team-logo {
      width: 42px;
      height: 42px;
      border-radius: 9px;
      object-fit: cover;
    }

    .score-team-copy {
      display: flex;
      min-width: 0;
      flex-direction: column;
    }

    .score-team-copy span {
      color: var(--muted);
      font-size: 0.59rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .score-team-copy strong {
      overflow: hidden;
      color: var(--ink);
      font-size: 0.85rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .score-value {
      color: var(--ink);
      font-family: var(--display);
      font-size: 2rem;
      font-weight: 800;
      line-height: 1;
    }

    .score-card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-top: 18px;
      padding-top: 16px;
      border-top: 1px solid #e7e4db;
    }

    .score-venue {
      overflow: hidden;
      color: var(--muted);
      font-size: 0.65rem;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .score-link {
      flex: 0 0 auto;
      color: var(--ink);
      font-size: 0.65rem;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .score-link:hover {
      color: var(--coral);
    }

    .score-empty {
      grid-column: 1 / -1;
      padding: 60px 30px;
      border: 1px dashed #c7c3b8;
      border-radius: var(--radius);
      color: var(--muted);
      text-align: center;
    }

    .scoreboard-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      margin-top: 28px;
      padding-top: 22px;
      border-top: 1px solid var(--line);
    }

    .scoreboard-footer p {
      margin: 0;
      color: var(--muted);
      font-size: 0.78rem;
    }

    .standings-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.72fr);
      gap: 24px;
      align-items: start;
    }

    .standings-panel,
    .top-performer {
      border-radius: var(--radius);
    }

    .standings-panel {
      overflow: hidden;
      border: 1px solid var(--line);
      background: var(--white);
      box-shadow: 0 16px 50px rgba(10, 26, 34, 0.06);
    }

    .standings-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 20px 22px;
      border-bottom: 1px solid var(--line);
    }

    .standings-toolbar h3 {
      margin: 0;
      font-family: var(--display);
      font-size: 1.45rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .standings-switch {
      display: flex;
      gap: 5px;
      padding: 4px;
      border-radius: 999px;
      background: var(--paper-deep);
    }

    .standings-switch button {
      padding: 8px 13px;
      border: 0;
      border-radius: 999px;
      background: transparent;
      color: var(--muted);
      cursor: pointer;
      font-size: 0.65rem;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .standings-switch button.is-active {
      background: var(--ink);
      color: var(--white);
    }

    .table-wrap {
      overflow-x: auto;
    }

    .standings-table {
      width: 100%;
      min-width: 680px;
      border-collapse: collapse;
    }

    .standings-table th {
      padding: 13px 16px;
      background: #f3f0e8;
      color: var(--muted);
      font-size: 0.6rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-align: left;
      text-transform: uppercase;
    }

    .standings-table td {
      padding: 15px 16px;
      border-top: 1px solid #ebe8df;
      color: var(--text);
      font-size: 0.78rem;
    }

    .standings-table tbody tr {
      transition: background 0.2s ease;
    }

    .standings-table tbody tr:hover {
      background: #faf9f5;
    }

    .standings-table tbody tr:first-child {
      background: rgba(201, 255, 63, 0.11);
    }

    .standings-table td:first-child {
      color: var(--muted);
      font-weight: 700;
    }

    .standings-team {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--ink);
      font-weight: 800;
    }

    .standings-team img {
      width: 32px;
      height: 32px;
      border-radius: 7px;
      object-fit: cover;
    }

    .form-dots {
      display: inline-flex;
      gap: 4px;
    }

    .form-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #c8c7bf;
    }

    .form-dot.win {
      background: var(--lime-dark);
    }

    .form-dot.loss {
      background: var(--coral);
    }

    .top-performer {
      position: sticky;
      top: 160px;
      overflow: hidden;
      padding: 25px;
      background: var(--ink);
      color: #b9c8cc;
    }

    .top-performer > span {
      color: var(--lime);
      font-size: 0.65rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .performer-profile {
      display: flex;
      align-items: center;
      gap: 15px;
      margin: 20px 0 24px;
    }

    .performer-profile img {
      width: 78px;
      height: 78px;
      border: 3px solid var(--lime);
      border-radius: 50%;
      object-fit: cover;
    }

    .performer-profile h3 {
      margin-bottom: 3px;
      font-family: var(--display);
      font-size: 1.65rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .performer-profile p {
      margin: 0;
      color: #8fa5ac;
      font-size: 0.72rem;
    }

    .performer-metrics {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 9px;
      margin-bottom: 22px;
    }

    .performer-metric {
      padding: 14px;
      border: 1px solid rgba(255, 255, 255, 0.11);
      border-radius: 9px;
      background: rgba(255, 255, 255, 0.04);
    }

    .performer-metric strong {
      display: block;
      color: var(--white);
      font-family: var(--display);
      font-size: 1.7rem;
      line-height: 1;
    }

    .performer-metric span {
      color: #8fa5ac;
      font-size: 0.59rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .performer-note {
      padding-top: 18px;
      border-top: 1px solid rgba(255, 255, 255, 0.12);
      color: #9fb2b8;
      font-size: 0.78rem;
    }

    .editorial-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
      gap: 25px;
    }

    .lead-article {
      overflow: hidden;
      border-radius: var(--radius);
      background: var(--white);
      box-shadow: 0 18px 60px rgba(10, 26, 34, 0.09);
    }

    .lead-image {
      position: relative;
      overflow: hidden;
      background: var(--ink-3);
    }

    .lead-image img {
      aspect-ratio: 1.48 / 1;
      object-fit: cover;
      transition: transform 0.6s ease;
    }

    .lead-article:hover .lead-image img {
      transform: scale(1.025);
    }

    .lead-badge {
      position: absolute;
      bottom: 18px;
      left: 18px;
      padding: 7px 11px;
      border-radius: 4px;
      background: var(--lime);
      color: var(--ink);
      font-size: 0.62rem;
      font-weight: 900;
      letter-spacing: 0.09em;
      text-transform: uppercase;
    }

    .lead-body {
      padding: clamp(25px, 4vw, 40px);
    }

    .lead-body h3 {
      margin-bottom: 17px;
      font-family: var(--display);
      font-size: clamp(2.2rem, 4vw, 3.7rem);
      font-weight: 800;
      letter-spacing: -0.035em;
      text-transform: uppercase;
    }

    .lead-body p {
      color: var(--muted);
    }

    .article-byline {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px 18px;
      margin-bottom: 22px;
      color: var(--muted);
      font-size: 0.7rem;
      font-weight: 600;
    }

    .article-byline span {
      display: inline-flex;
      align-items: center;
      gap: 7px;
    }

    .article-byline span::before {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--coral);
      content: "";
    }

    .story-list {
      display: grid;
      gap: 15px;
    }

    .story-card {
      display: grid;
      grid-template-columns: 150px minmax(0, 1fr);
      gap: 19px;
      padding: 15px;
      border: 1px solid var(--line);
      border-radius: 15px;
      background: rgba(255, 255, 255, 0.76);
      transition: background 0.2s ease, transform 0.2s ease;
    }

    .story-card:hover {
      background: var(--white);
      transform: translateX(4px);
    }

    .story-thumb {
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      background: var(--ink-3);
    }

    .story-thumb img {
      height: 100%;
      min-height: 145px;
      object-fit: cover;
    }

    .story-number {
      position: absolute;
      top: 8px;
      left: 8px;
      display: grid;
      width: 27px;
      height: 27px;
      place-items: center;
      border-radius: 50%;
      background: var(--coral);
      color: var(--white);
      font-family: var(--display);
      font-size: 0.85rem;
      font-weight: 800;
    }

    .story-copy {
      display: flex;
      min-width: 0;
      flex-direction: column;
      justify-content: center;
    }

    .story-kicker {
      margin-bottom: 6px;
      color: var(--coral);
      font-size: 0.61rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .story-copy h3 {
      margin-bottom: 8px;
      font-family: var(--display);
      font-size: 1.48rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .story-copy p {
      display: -webkit-box;
      overflow: hidden;
      margin-bottom: 10px;
      color: var(--muted);
      font-size: 0.76rem;
      line-height: 1.55;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
    }

    .story-time {
      color: #8b969a;
      font-size: 0.63rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .availability-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
      gap: clamp(38px, 7vw, 88px);
      align-items: center;
    }

    .status-board {
      overflow: hidden;
      margin-top: 30px;
      border: 1px solid rgba(255, 255, 255, 0.13);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.035);
    }

    .status-row {
      display: grid;
      grid-template-columns: 90px minmax(0, 1fr) 28px;
      align-items: center;
      gap: 16px;
      padding: 18px 20px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .status-row:last-child {
      border-bottom: 0;
    }

    .status-tag {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      padding: 6px 8px;
      border-radius: 4px;
      background: rgba(255, 100, 76, 0.13);
      color: #ff8d7c;
      font-size: 0.61rem;
      font-weight: 900;
      letter-spacing: 0.07em;
      text-transform: uppercase;
    }

    .status-tag--questionable {
      background: rgba(245, 200, 91, 0.13);
      color: var(--gold);
    }

    .status-tag--probable {
      background: rgba(114, 216, 243, 0.12);
      color: var(--aqua);
    }

    .status-tag--day {
      background: rgba(201, 255, 63, 0.1);
      color: var(--lime);
    }

    .status-player strong {
      display: block;
      margin-bottom: 2px;
      color: var(--white);
      font-size: 0.83rem;
    }

    .status-player span {
      color: #8da3aa;
      font-size: 0.7rem;
    }

    .status-arrow {
      color: #6f8790;
      font-size: 1.2rem;
    }

    .availability-media {
      position: relative;
    }

    .availability-media img {
      aspect-ratio: 0.96 / 1;
      border-radius: 6px 6px 58px 6px;
      object-fit: cover;
      filter: saturate(0.78);
    }

    .availability-media::after {
      position: absolute;
      inset: 0;
      border-radius: 6px 6px 58px 6px;
      background: linear-gradient(to top, rgba(7, 20, 27, 0.75), transparent 55%);
      content: "";
      pointer-events: none;
    }

    .availability-media-copy {
      position: absolute;
      z-index: 1;
      right: 26px;
      bottom: 26px;
      left: 26px;
      color: var(--white);
    }

    .availability-media-copy strong {
      display: block;
      margin-bottom: 4px;
      font-family: var(--display);
      font-size: 1.8rem;
      text-transform: uppercase;
    }

    .availability-media-copy span {
      color: #c6d3d6;
      font-size: 0.75rem;
    }

    .analyst-panel {
      margin-top: 28px;
      padding: 24px;
      border-left: 3px solid var(--lime);
      background: rgba(255, 255, 255, 0.05);
    }

    .analyst-panel h3 {
      margin-bottom: 16px;
      font-family: var(--display);
      font-size: 1.45rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .analyst-panel ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .analyst-panel li {
      display: flex;
      gap: 11px;
      padding: 10px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      color: #b5c4c8;
      font-size: 0.78rem;
    }

    .analyst-panel li::before {
      color: var(--lime);
      content: "↗";
      font-weight: 800;
    }

    .availability-disclaimer {
      margin-top: 18px;
      color: #718990;
      font-size: 0.67rem;
    }

    .teams-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 330px;
      gap: 26px;
      align-items: start;
    }

    .team-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .team-card {
      position: relative;
      overflow: hidden;
      min-height: 390px;
      border-radius: var(--radius);
      background: var(--ink);
      color: var(--white);
      box-shadow: 0 18px 50px rgba(10, 26, 34, 0.12);
    }

    .team-card img {
      position: absolute;
      inset: 0;
      height: 100%;
      object-fit: cover;
      filter: saturate(0.72) contrast(1.08);
      transition: transform 0.55s ease, filter 0.55s ease;
    }

    .team-card:hover img {
      transform: scale(1.045);
      filter: saturate(0.95) contrast(1.04);
    }

    .team-card::after {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(6, 18, 24, 0.98) 4%, rgba(6, 18, 24, 0.34) 58%, transparent 88%);
      content: "";
    }

    .team-card-content {
      position: absolute;
      z-index: 1;
      right: 23px;
      bottom: 22px;
      left: 23px;
    }

    .team-sport {
      margin-bottom: 8px;
      color: var(--lime);
      font-size: 0.61rem;
      font-weight: 800;
      letter-spacing: 0.11em;
      text-transform: uppercase;
    }

    .team-card h3 {
      margin-bottom: 7px;
      color: var(--white);
      font-family: var(--display);
      font-size: 2.3rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .team-card p {
      margin-bottom: 16px;
      color: #c1d0d4;
      font-size: 0.74rem;
    }

    .team-card-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      padding-top: 14px;
      border-top: 1px solid rgba(255, 255, 255, 0.18);
    }

    .team-record {
      display: flex;
      flex-direction: column;
      color: #aabcc1;
      font-size: 0.62rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .team-record strong {
      color: var(--white);
      font-family: var(--display);
      font-size: 1.35rem;
      line-height: 1;
    }

    .team-card .text-link {
      color: var(--white);
      font-size: 0.67rem;
    }

    .performers-panel {
      position: sticky;
      top: 160px;
      padding: 25px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--white);
    }

    .performers-panel > span {
      color: var(--coral);
      font-size: 0.63rem;
      font-weight: 800;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .performers-panel h3 {
      margin: 8px 0 20px;
      font-family: var(--display);
      font-size: 2rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .performer-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .performer-list li {
      display: grid;
      grid-template-columns: 28px 44px minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      padding: 13px 0;
      border-top: 1px solid #e7e4db;
    }

    .performer-rank {
      color: #9aa4a7;
      font-family: var(--display);
      font-size: 1rem;
      font-weight: 800;
    }

    .performer-list img {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      object-fit: cover;
    }

    .performer-list strong {
      display: block;
      color: var(--ink);
      font-size: 0.76rem;
    }

    .performer-list span {
      color: var(--muted);
      font-size: 0.63rem;
    }

    .performer-stat {
      color: var(--ink);
      font-family: var(--display);
      font-size: 1.2rem;
      font-weight: 800;
      text-align: right;
    }

    .podcast-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
    }

    .podcast-card {
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: var(--radius);
      background: var(--ink-2);
      transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .podcast-card:hover {
      transform: translateY(-5px);
      border-color: rgba(201, 255, 63, 0.42);
    }

    .podcast-cover {
      position: relative;
      overflow: hidden;
      background: var(--ink-3);
    }

    .podcast-cover img {
      aspect-ratio: 1.65 / 1;
      object-fit: cover;
      opacity: 0.72;
      filter: saturate(0.7);
    }

    .podcast-cover::after {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(9, 25, 32, 0.9), transparent 65%);
      content: "";
    }

    .podcast-show {
      position: absolute;
      z-index: 1;
      bottom: 15px;
      left: 17px;
      color: var(--white);
      font-family: var(--display);
      font-size: 1.2rem;
      font-weight: 800;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }

    .podcast-body {
      padding: 23px;
    }

    .podcast-episode {
      margin-bottom: 8px;
      color: var(--lime);
      font-size: 0.61rem;
      font-weight: 800;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .podcast-body h3 {
      margin-bottom: 13px;
      font-family: var(--display);
      font-size: 1.75rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .podcast-body > p {
      margin-bottom: 20px;
      color: #9fb2b8;
      font-size: 0.78rem;
    }

    .podcast-host {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 19px;
      padding-top: 16px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .podcast-host img {
      width: 37px;
      height: 37px;
      border-radius: 50%;
      object-fit: cover;
    }

    .podcast-host strong {
      display: block;
      color: var(--white);
      font-size: 0.7rem;
    }

    .podcast-host span {
      color: #7f959c;
      font-size: 0.61rem;
    }

    .podcast-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .podcast-duration {
      color: #8da2a8;
      font-size: 0.65rem;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }

    .episode-toggle {
      padding: 8px 12px;
      border: 1px solid rgba(255, 255, 255, 0.24);
      border-radius: 999px;
      background: transparent;
      color: var(--white);
      cursor: pointer;
      font-size: 0.62rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .episode-toggle:hover,
    .episode-toggle[aria-expanded="true"] {
      border-color: var(--lime);
      background: var(--lime);
      color: var(--ink);
    }

    .episode-notes {
      margin: 18px 0 0;
      padding: 15px 17px;
      border-left: 2px solid var(--lime);
      background: rgba(255, 255, 255, 0.045);
      color: #aebfc4;
      font-size: 0.72rem;
    }

    .episode-notes p {
      margin-bottom: 8px;
    }

    .episode-notes p:last-child {
      margin-bottom: 0;
    }

    .events-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.6fr);
      gap: 25px;
      align-items: stretch;
    }

    .events-list {
      overflow: hidden;
      border: 1px solid rgba(10, 26, 34, 0.16);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.58);
    }

    .event-row {
      display: grid;
      grid-template-columns: 92px minmax(0, 1fr) auto;
      align-items: center;
      gap: 24px;
      padding: 23px 25px;
      border-bottom: 1px solid rgba(10, 26, 34, 0.13);
    }

    .event-row:last-child {
      border-bottom: 0;
    }

    .event-date {
      display: flex;
      width: 72px;
      height: 72px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
      background: var(--ink);
      color: var(--white);
    }

    .event-date span {
      color: var(--lime);
      font-size: 0.59rem;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .event-date strong {
      font-family: var(--display);
      font-size: 1.8rem;
      line-height: 1;
    }

    .event-info h3 {
      margin-bottom: 5px;
      font-family: var(--display);
      font-size: 1.65rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .event-info p {
      margin-bottom: 0;
      color: #4c5d62;
      font-size: 0.74rem;
    }

    .event-action {
      text-align: right;
    }

    .event-price {
      display: block;
      margin-bottom: 8px;
      color: var(--ink);
      font-size: 0.69rem;
      font-weight: 800;
    }

    .event-action .button {
      min-height: 39px;
      padding: 9px 15px;
      font-size: 0.62rem;
    }

    .gear-card {
      position: relative;
      display: flex;
      min-height: 100%;
      overflow: hidden;
      flex-direction: column;
      justify-content: flex-end;
      padding: 28px;
      border-radius: var(--radius);
      background: var(--ink);
      color: var(--white);
      box-shadow: var(--shadow);
    }

    .gear-card img {
      position: absolute;
      inset: 0;
      height: 100%;
      object-fit: cover;
      opacity: 0.48;
      mix-blend-mode: luminosity;
    }

    .gear-card::after {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(6, 18, 24, 0.98) 6%, rgba(6, 18, 24, 0.18) 68%);
      content: "";
    }

    .gear-card-content {
      position: relative;
      z-index: 1;
    }

    .gear-card span {
      color: var(--lime);
      font-size: 0.62rem;
      font-weight: 800;
      letter-spacing: 0.11em;
      text-transform: uppercase;
    }

    .gear-card h3 {
      margin: 9px 0 13px;
      color: var(--white);
      font-family: var(--display);
      font-size: 2.8rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .gear-card p {
      margin-bottom: 21px;
      color: #b5c4c8;
      font-size: 0.78rem;
    }

    .gear-card .button {
      width: 100%;
    }

    .resource-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .resource-card {
      position: relative;
      overflow: hidden;
      padding: 28px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: var(--white);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .resource-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--shadow);
    }

    .resource-index {
      display: grid;
      width: 44px;
      height: 44px;
      margin-bottom: 34px;
      place-items: center;
      border-radius: 50%;
      background: var(--lime);
      color: var(--ink);
      font-family: var(--display);
      font-size: 1rem;
      font-weight: 800;
    }

    .resource-card h3 {
      margin-bottom: 13px;
      font-family: var(--display);
      font-size: 1.85rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .resource-card p {
      margin-bottom: 22px;
      color: var(--muted);
      font-size: 0.8rem;
    }

    .training-lower {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(340px, 0.75fr);
      gap: 24px;
      margin-top: 24px;
    }

    .faq-panel,
    .testimonial-card {
      padding: clamp(26px, 4vw, 38px);
      border-radius: var(--radius);
    }

    .faq-panel {
      border: 1px solid var(--line);
      background: var(--white);
    }

    .faq-panel h3,
    .testimonial-card h3 {
      margin-bottom: 22px;
      font-family: var(--display);
      font-size: 2rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .faq-list details {
      border-top: 1px solid var(--line);
    }

    .faq-list details:last-child {
      border-bottom: 1px solid var(--line);
    }

    .faq-list summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 19px 0;
      color: var(--ink);
      cursor: pointer;
      font-size: 0.87rem;
      font-weight: 800;
      list-style: none;
    }

    .faq-list summary::-webkit-details-marker {
      display: none;
    }

    .faq-plus {
      position: relative;
      width: 23px;
      height: 23px;
      flex: 0 0 auto;
      border-radius: 50%;
      background: var(--paper-deep);
    }

    .faq-plus::before,
    .faq-plus::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 10px;
      height: 1px;
      background: var(--ink);
      content: "";
      transform: translate(-50%, -50%);
      transition: transform 0.2s ease;
    }

    .faq-plus::after {
      transform: translate(-50%, -50%) rotate(90deg);
    }

    details[open] .faq-plus::after {
      transform: translate(-50%, -50%) rotate(0deg);
    }

    .faq-answer {
      padding: 0 40px 20px 0;
      color: var(--muted);
      font-size: 0.8rem;
    }

    .testimonial-card {
      position: relative;
      overflow: hidden;
      background: var(--ink);
      color: #b7c6ca;
    }

    .testimonial-card::after {
      position: absolute;
      right: -30px;
      bottom: -90px;
      color: rgba(201, 255, 63, 0.08);
      content: "“";
      font-family: Georgia, serif;
      font-size: 17rem;
      line-height: 1;
      pointer-events: none;
    }

    .testimonial-card blockquote {
      position: relative;
      z-index: 1;
      margin: 0 0 30px;
      color: var(--white);
      font-family: var(--display);
      font-size: clamp(1.8rem, 3vw, 2.55rem);
      font-weight: 700;
      letter-spacing: -0.02em;
      line-height: 1.12;
      text-transform: uppercase;
    }

    .testimonial-author {
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
      gap: 13px;
    }

    .testimonial-author img {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      object-fit: cover;
    }

    .testimonial-author strong {
      display: block;
      color: var(--white);
      font-size: 0.76rem;
    }

    .testimonial-author span {
      color: #82989f;
      font-size: 0.66rem;
    }

    .newsletter-section {
      padding: 0 0 clamp(76px, 9vw, 128px);
      background: var(--paper);
    }

    .newsletter-panel {
      position: relative;
      display: grid;
      overflow: hidden;
      grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.7fr);
      gap: 55px;
      align-items: center;
      padding: clamp(38px, 6vw, 70px);
      border-radius: 24px;
      background: var(--ink);
      color: #afc0c5;
    }

    .newsletter-panel::before {
      position: absolute;
      top: -120px;
      left: -120px;
      width: 380px;
      height: 380px;
      border: 1px solid rgba(201, 255, 63, 0.15);
      border-radius: 50%;
      box-shadow: 0 0 0 70px rgba(201, 255, 63, 0.025), 0 0 0 140px rgba(201, 255, 63, 0.018);
      content: "";
    }

    .newsletter-copy,
    .newsletter-form-wrap {
      position: relative;
      z-index: 1;
    }

    .newsletter-copy h2 {
      margin-bottom: 14px;
      color: var(--white);
      font-family: var(--display);
      font-size: clamp(2.7rem, 5vw, 4.7rem);
      font-weight: 800;
      letter-spacing: -0.035em;
      text-transform: uppercase;
    }

    .newsletter-copy p {
      max-width: 590px;
      margin-bottom: 0;
    }

    .newsletter-form {
      display: flex;
      gap: 10px;
      padding: 7px;
      border: 1px solid rgba(255, 255, 255, 0.15);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.05);
    }

    .newsletter-form input {
      min-width: 0;
      flex: 1;
      padding: 10px 17px;
      border: 0;
      outline: 0;
      background: transparent;
      color: var(--white);
      font-size: 0.82rem;
    }

    .newsletter-form input::placeholder {
      color: #80969d;
    }

    .newsletter-form button {
      flex: 0 0 auto;
      border: 0;
      cursor: pointer;
    }

    .newsletter-note {
      margin: 12px 0 0 17px;
      color: #718990;
      font-size: 0.65rem;
    }

    .newsletter-status {
      min-height: 22px;
      margin: 10px 0 0 17px;
      color: var(--lime);
      font-size: 0.72rem;
      font-weight: 700;
    }

    .site-footer {
      padding: clamp(62px, 7vw, 90px) 0 25px;
      background: #06131a;
      color: #8fa4aa;
    }

    .footer-top {
      display: grid;
      grid-template-columns: minmax(280px, 1.35fr) repeat(3, minmax(150px, 0.6fr));
      gap: clamp(35px, 6vw, 78px);
      padding-bottom: 55px;
    }

    .footer-brand img {
      width: 52px;
      height: 52px;
      margin-bottom: 18px;
      border-radius: 10px;
    }

    .footer-brand h2 {
      margin-bottom: 12px;
      color: var(--white);
      font-family: var(--display);
      font-size: 2rem;
      font-weight: 800;
      text-transform: uppercase;
    }

    .footer-brand p {
      max-width: 390px;
      margin-bottom: 24px;
      font-size: 0.8rem;
    }

    .footer-contact {
      display: grid;
      gap: 6px;
      font-style: normal;
      font-size: 0.73rem;
    }

    .footer-contact a:hover {
      color: var(--white);
    }

    .footer-column h3 {
      margin-bottom: 18px;
      color: var(--white);
      font-family: var(--display);
      font-size: 1.2rem;
      font-weight: 800;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }

    .footer-column ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .footer-column li {
      margin-bottom: 10px;
    }

    .footer-column a {
      font-size: 0.76rem;
    }

    .footer-column a:hover {
      color: var(--lime);
    }

    .social-links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 24px;
    }

    .social-links a {
      display: grid;
      width: 38px;
      height: 38px;
      place-items: center;
      border: 1px solid rgba(255, 255, 255, 0.13);
      border-radius: 50%;
      color: #c7d4d7;
      font-size: 0.65rem;
      font-weight: 800;
      text-transform: uppercase;
      transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
    }

    .social-links a:hover {
      border-color: var(--lime);
      background: var(--lime);
      color: var(--ink);
    }

    .footer-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding-top: 24px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      font-size: 0.66rem;
    }

    .footer-legal {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }

    .footer-legal a:hover {
      color: var(--white);
    }

    .footer-disclaimer {
      max-width: 760px;
      margin-top: 17px;
      color: #60767d;
      font-size: 0.61rem;
    }

    .js .reveal {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.7s ease, transform 0.7s ease;
    }

    .js .reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 1120px) {
      .primary-nav {
        gap: 14px;
      }

      .nav-link {
        font-size: 0.67rem;
      }

      .header-cta {
        display: none;
      }

      .hero-score-card {
        right: 0;
      }

      .standings-layout {
        grid-template-columns: minmax(0, 1.5fr) 290px;
      }

      .teams-layout {
        grid-template-columns: minmax(0, 1fr) 290px;
      }
    }

    @media (max-width: 980px) {
      html {
        scroll-padding-top: 120px;
      }

      .nav-wrap {
        min-height: 74px;
      }

      .menu-toggle {
        display: flex;
        margin-left: auto;
      }

      .primary-nav {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        display: none;
        overflow-y: auto;
        max-height: calc(100vh - 110px);
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 12px 20px 24px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: var(--ink);
        box-shadow: 0 22px 35px rgba(0, 0, 0, 0.26);
      }

      .primary-nav.is-open {
        display: flex;
      }

      .nav-link {
        padding: 14px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        font-size: 0.78rem;
      }

      .nav-link::after {
        display: none;
      }

      .hero-grid {
        grid-template-columns: 1fr;
      }

      .hero-copy {
        max-width: 760px;
      }

      .hero h1 {
        max-width: 820px;
      }

      .hero-media {
        max-width: 830px;
      }

      .section-heading--split {
        align-items: flex-start;
        flex-direction: column;
      }

      .score-controls {
        align-items: flex-start;
      }

      .score-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .standings-layout,
      .teams-layout,
      .events-layout,
      .training-lower {
        grid-template-columns: 1fr;
      }

      .top-performer,
      .performers-panel {
        position: static;
      }

      .top-performer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
      }

      .top-performer > span,
      .top-performer .performer-note {
        grid-column: 1 / -1;
      }

      .performer-profile {
        margin: 0;
      }

      .performer-metrics {
        margin: 0;
      }

      .availability-layout {
        grid-template-columns: 1fr;
      }

      .availability-media {
        max-width: 680px;
      }

      .podcast-grid,
      .resource-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .newsletter-panel {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 760px) {
      .container {
        width: min(calc(100% - 28px), var(--container));
      }

      .utility-inner {
        justify-content: center;
      }

      .utility-links {
        display: none;
      }

      .brand-copy strong {
        font-size: 1.5rem;
      }

      .brand-copy span {
        font-size: 0.53rem;
      }

      .breaking-label {
        padding: 0 14px;
        font-size: 0.61rem;
      }

      .breaking-item {
        padding: 0 18px;
      }

      .hero h1 {
        font-size: clamp(60px, 18vw, 94px);
      }

      .hero-metrics {
        gap: 18px;
      }

      .hero-score-card {
        top: 18px;
        width: 164px;
        padding: 13px;
      }

      .hero-story {
        right: 20px;
        bottom: 20px;
        left: 20px;
      }

      .hero-figure {
        border-bottom-right-radius: 38px;
      }

      .score-grid,
      .podcast-grid,
      .resource-grid,
      .editorial-layout {
        grid-template-columns: 1fr;
      }

      .score-controls {
        width: 100%;
      }

      .segmented {
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
      }

      .segment-button {
        flex: 0 0 auto;
      }

      .story-card {
        grid-template-columns: 125px minmax(0, 1fr);
      }

      .team-grid {
        grid-template-columns: 1fr;
      }

      .team-card {
        min-height: 350px;
      }

      .top-performer {
        display: block;
      }

      .performer-profile {
        margin: 20px 0 24px;
      }

      .performer-metrics {
        margin-bottom: 22px;
      }

      .event-row {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 16px;
        padding: 20px;
      }

      .event-action {
        grid-column: 2;
        text-align: left;
      }

      .event-date {
        width: 64px;
        height: 64px;
      }

      .newsletter-panel {
        padding: 32px 23px;
      }

      .newsletter-form {
        align-items: stretch;
        flex-direction: column;
        border-radius: 15px;
      }

      .newsletter-form input {
        min-height: 45px;
      }

      .newsletter-form button {
        width: 100%;
      }

      .footer-top {
        grid-template-columns: repeat(2, 1fr);
      }

      .footer-brand {
        grid-column: 1 / -1;
      }

      .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
      }
    }

    @media (max-width: 520px) {
      .section {
        padding: 70px 0;
      }

      .section-heading h2 {
        font-size: 49px;
      }

      .hero {
        padding-top: 58px;
      }

      .hero h1 {
        font-size: clamp(57px, 19vw, 83px);
      }

      .hero-deck {
        font-size: 0.96rem;
      }

      .hero-actions .button {
        width: 100%;
      }

      .hero-metrics {
        flex-wrap: wrap;
      }

      .hero-figure img {
        aspect-ratio: 0.88 / 1;
      }

      .hero-score-card {
        top: auto;
        right: 12px;
        bottom: 94px;
      }

      .hero-story h2 {
        font-size: 2rem;
      }

      .status-filters {
        flex-wrap: wrap;
      }

      .score-card {
        padding: 18px;
      }

      .scoreboard-footer {
        align-items: flex-start;
        flex-direction: column;
      }

      .story-card {
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 13px;
        padding: 11px;
      }

      .story-thumb img {
        min-height: 125px;
      }

      .story-copy h3 {
        font-size: 1.25rem;
      }

      .story-copy p {
        -webkit-line-clamp: 2;
      }

      .status-row {
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 11px;
        padding: 16px 13px;
      }

      .status-arrow {
        display: none;
      }

      .availability-media img {
        aspect-ratio: 0.85 / 1;
      }

      .event-row {
        grid-template-columns: 60px minmax(0, 1fr);
      }

      .event-date {
        width: 56px;
        height: 56px;
      }

      .event-date strong {
        font-size: 1.45rem;
      }

      .event-info h3 {
        font-size: 1.35rem;
      }

      .footer-top {
        grid-template-columns: 1fr;
      }

      .footer-brand {
        grid-column: auto;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
      }

      .js .reveal {
        opacity: 1;
        transform: none;
      }
    }
  </style>
</head>
<body id="top">
  <a class="skip-link" href="#main">Skip to main content</a>

  <header class="site-header">
    <div class="utility-bar">
      <div class="container utility-inner">
        <p><span class="live-dot" aria-hidden="true"></span>Global sports desk <span aria-hidden="true">·</span> <span data-current-date>Thursday, March 12, 2026</span></p>
        <div class="utility-links">
          <a href="#newsletter">Morning briefing</a>
          <a href="mailto:newsdesk@aperturesports.example">Contact the desk</a>
        </div>
      </div>
    </div>

    <div class="container nav-wrap">
      <a class="brand" href="#top" aria-label="Aperture Sports home">
        <img class="brand-logo" src="https://placehold.co/56x56/c9ff3f/0a1a22?text=A&font=oswald" width="56" height="56" alt="Aperture Sports A logo">
        <span class="brand-copy">
          <strong>Aperture Sports</strong>
          <span>See every angle of the game.</span>
        </span>
      </a>

      <nav class="primary-nav" id="primary-nav" aria-label="Primary navigation">
        <a class="nav-link" href="#latest">Latest</a>
        <a class="nav-link" href="#standings">Standings</a>
        <a class="nav-link" href="#podcasts">Podcasts</a>
        <a class="nav-link" href="#teams">Teams</a>
        <a class="nav-link" href="#scores">Scores</a>
        <a class="nav-link" href="#training">Training</a>
        <a class="nav-link" href="#gear">Gear</a>
      </nav>

      <a class="button button--primary header-cta" href="#newsletter">Get the briefing</a>

      <button class="menu-toggle" type="button" aria-label="Open navigation menu" aria-controls="primary-nav" aria-expanded="false">
        <span class="menu-icon" aria-hidden="true"></span>
      </button>
    </div>

    <div class="breaking-strip" aria-label="Breaking sports updates">
      <span class="breaking-label">Just in</span>
      <div class="breaking-track">
        <span class="breaking-item"><strong>Form watch</strong> Northshore force a deciding Game 5</span>
        <span class="breaking-item"><strong>Availability</strong> Two starters cleared for Saturday</span>
        <span class="breaking-item"><strong>Transfer central</strong> Coastline complete late deadline move</span>
      </div>
    </div>
  </header>

  <main id="main">
    <section class="hero" aria-labelledby="hero-title">
      <div class="container hero-grid">
        <div class="hero-copy reveal">
          <div class="hero-kicker">Independent sports journalism · Since 2018</div>
          <h1 id="hero-title">
            <span>See every</span>
            <span class="accent">angle of the game.</span>
          </h1>
          <p class="hero-deck"><strong>Aperture Sports is the play-by-play for fans who want more than a scoreline.</strong> We follow the tactics, track the trends, and bring athletes and supporters closer to every decisive moment.</p>
          <div class="hero-actions">
            <a class="button button--primary" href="#scores">Check scores <span class="button__arrow" aria-hidden="true">→</span></a>
            <a class="button button--outline" href="#latest">Read the briefing</a>
          </div>
          <ul class="hero-metrics" aria-label="Aperture Sports coverage statistics">
            <li><strong>05</strong><span>Leagues covered</span></li>
            <li><strong>28</strong><span>Global correspondents</span></li>
            <li><strong>24/7</strong><span>Live newsroom</span></li>
          </ul>
        </div>

        <div class="hero-media reveal">
          <figure class="hero-figure">
            <img src="https://picsum.photos/seed/aperture-championship/1200/960" width="1200" height="960" alt="Athlete competing under arena lights during a championship game" fetchpriority="high">
            <figcaption class="hero-story">
              <span class="hero-story-label">Championship exclusive</span>
              <h2>The 19-minute comeback that rewrote the Northshore season</h2>
              <p class="hero-story-meta">By Maya Chen · 8 min read · Match analysis</p>
            </figcaption>
          </figure>

          <div class="hero-score-card" aria-label="Latest basketball result">
            <span>Final · Double overtime</span>
            <div class="hero-score-team"><span>Northshore</span><b>87</b></div>
            <div class="hero-score-team"><span>Capital</span><b>84</b></div>
            <div class="hero-score-foot"><span>Series tied 2–2</span><span>Box score ↗</span></div>
          </div>
        </div>
      </div>
    </section>

    <section class="section section--tight" id="scores" aria-labelledby="scores-title">
      <div class="container">
        <div class="section-heading section-heading--split reveal">
          <div>
            <span class="eyebrow">Live desk</span>
            <h2 id="scores-title">Scoreboard</h2>
            <p>Four competitions. One live desk. Follow every result, status update, and decisive moment across the Aperture leagues, with a scoreboard designed for quick answers without losing the context behind the game.</p>
          </div>

          <div class="score-controls" aria-label="Scoreboard filters">
            <div class="segmented" role="group" aria-label="Choose league">
              <button class="segment-button is-active" type="button" data-score-league="football" aria-pressed="true">Football</button>
              <button class="segment-button" type="button" data-score-league="basketball" aria-pressed="false">Basketball</button>
              <button class="segment-button" type="button" data-score-league="baseball" aria-pressed="false">Baseball</button>
              <button class="segment-button" type="button" data-score-league="soccer" aria-pressed="false">Soccer</button>
            </div>
            <div class="status-filters" role="group" aria-label="Filter by match status">
              <button class="filter-button is-active" type="button" data-score-status="all" aria-pressed="true">All</button>
              <button class="filter-button" type="button" data-score-status="live" aria-pressed="false">Live</button>
              <button class="filter-button" type="button" data-score-status="upcoming" aria-pressed="false">Upcoming</button>
              <button class="filter-button" type="button" data-score-status="final" aria-pressed="false">Final</button>
            </div>
          </div>
        </div>

        <div class="score-grid" id="scoreboard" aria-live="polite" aria-busy="false">
          <article class="score-card is-live">
            <header class="score-card-header">
              <span class="score-league">Aperture Football</span>
              <span class="status-pill status-pill--live">Q3 · 06:18</span>
            </header>
            <div class="score-team">
              <img class="team-logo" src="https://placehold.co/56x56/102a35/c9ff3f?text=NK&font=oswald" width="56" height="56" alt="Northshore Kings logo">
              <span class="score-team-copy"><span>Home</span><strong>Northshore Kings</strong></span>
              <b class="score-value">17</b>
            </div>
            <div class="score-team">
              <img class="team-logo" src="https://placehold.co/56x56/173944/72d8f3?text=HC&font=oswald" width="56" height="56" alt="Harbor City logo">
              <span class="score-team-copy"><span>Away</span><strong>Harbor City</strong></span>
              <b class="score-value">14</b>
            </div>
            <footer class="score-card-footer"><span class="score-venue">Halcyon Field</span><a class="score-link" href="#standings">Match center →</a></footer>
          </article>

          <article class="score-card is-upcoming">
            <header class="score-card-header">
              <span class="score-league">Aperture Football</span>
              <span class="status-pill status-pill--upcoming">10:30 PM</span>
            </header>
            <div class="score-team">
              <img class="team-logo" src="https://placehold.co/56x56/102a35/ff644c?text=WU&font=oswald" width="56" height="56" alt="Westbridge United logo">
              <span class="score-team-copy"><span>Home</span><strong>Westbridge United</strong></span>
              <b class="score-value">—</b>
            </div>
            <div class="score-team">
              <img class="team-logo" src="https://placehold.co/56x56/173944/f5c85b?text=SR&font=oswald" width="56" height="56" alt="Solano Rangers logo">
              <span class="score-team-copy"><span>Away</span><strong>Solano Rangers</strong></span>
              <b class="score-value">—</b>
            </div>
            <footer class="score-card-footer"><span class="score-venue">Sunset Stadium</span><a class="score-link" href="#latest">Preview →</a></footer>
          </article>

          <article class="score-card is-final">
            <header class="score-card-header">
              <span class="score-league">Aperture Football</span>
              <span class="status-pill">Final</span>
            </header>
            <div class="score-team">
              <img class="team-logo" src="https://placehold.co/56x56/102a35/72d8f3?text=IV&font=oswald" width="56" height="56" alt="Iron Valley logo">
              <span class="score-team-copy"><span>Home</span><strong>Iron Valley FC</strong></span>
              <b class="score-value">2</b>
            </div>
            <div class="score-team">
              <img class="team-logo" src="https://placehold.co/56x56/173944/c9ff3f?text=RR&font=oswald" width="56" height="56" alt="Riverton Rovers logo">
              <span class="score-team-copy"><span>Away</span><strong>Riverton Rovers</strong></span>
              <b class="score-value">1</b>
            </div>
            <footer class="score-card-footer"><span class="score-venue">Foundry Ground</span><a class="score-link" href="#latest">Report →</a></footer>
          </article>
        </div>

        <div class="scoreboard-footer">
          <p id="score-summary" aria-live="polite">Showing 3 football fixtures across live, upcoming, and final games.</p>
          <a class="text-link" href="/scores">Open full score center</a>
        </div>
      </div>
    </section>

    <section class="section section--paper-deep" id="standings" aria-labelledby="standings-title">
      <div class="container">
        <div class="section-heading section-heading--split reveal">
          <div>
            <span class="eyebrow">League tables</span>
            <h2 id="standings-title">Standings</h2>
            <p>The race is not just about who is above whom. Track the points, the fixtures, and the form lines that separate a comfortable finish from a desperate run. Switch competitions to compare each club’s route to the summit.</p>
          </div>
          <a class="button button--outline-dark" href="/standings">Full standings</a>
        </div>

        <div class="standings-layout">
          <div class="standings-panel reveal">
            <div class="standings-toolbar">
              <h3 id="standings-heading">Aperture Football</h3>
              <div class="standings-switch" role="group" aria-label="Choose competition">
                <button class="is-active" type="button" data-standings-league="football" aria-pressed="true">Football</button>
                <button type="button" data-standings-league="basketball" aria-pressed="false">Basketball</button>
              </div>
            </div>
            <div class="table-wrap">
              <table class="standings-table">
                <caption class="sr-only">Aperture Football league standings</caption>
                <thead>
                  <tr>
                    <th scope="col">Pos</th>
                    <th scope="col">Club</th>
                    <th scope="col">W</th>
                    <th scope="col">L</th>
                    <th scope="col">PCT</th>
                    <th scope="col">GB</th>
                    <th scope="col">Form</th>
                  </tr>
                </thead>
                <tbody id="standings-body">
                  <tr>
                    <td>1</td>
                    <td><span class="standings-team"><img src="https://placehold.co/64x64/102a35/c9ff3f?text=NK&font=oswald" width="64" height="64" alt="Northshore Kings logo">Northshore Kings</span></td>
                    <td>9</td><td>2</td><td>.818</td><td>+1</td>
                    <td><span class="form-dots"><i class="form-dot win"></i><i class="form-dot win"></i><i class="form-dot win"></i><i class="form-dot loss"></i><i class="form-dot win"></i></span></td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td><span class="standings-team"><img src="https://placehold.co/64x64/173944/72d8f3?text=HC&font=oswald" width="64" height="64" alt="Harbor City logo">Harbor City</span></td>
                    <td>8</td><td>3</td><td>.727</td><td>—</td>
                    <td><span class="form-dots"><i class="form-dot win"></i><i class="form-dot win"></i><i class="form-dot win"></i><i class="form-dot win"></i><i class="form-dot loss"></i></span></td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td><span class="standings-team"><img src="https://placehold.co/64x64/102a35/ff644c?text=WU&font=oswald" width="64" height="64" alt="Westbridge United logo">Westbridge United</span></td>
                    <td>7</td><td>4</td><td>.636</td><td>1</td>
                    <td><span class="form-dots"><i class="form-dot win"></i><i class="form-dot loss"></i><i class="form-dot win"></i><i class="form-dot win"></i><i class="form-dot win"></i></span></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

          <aside class="top-performer reveal" aria-label="Player of the week">
            <span>Player of the week</span>
            <div class="performer-profile">
              <img src="https://i.pravatar.cc/160?u=aperture-elena-ruiz" width="160" height="160" alt="Elena Ruiz, Metro Comets forward" loading="lazy">
              <div>
                <h3>Elena Ruiz</h3>
                <p>Metro Comets · Forward</p>
              </div>
            </div>
            <div class="performer-metrics">
              <div class="performer-metric"><strong>28.4</strong><span>Points per game</span></div>
              <div class="performer-metric"><strong>9.2</strong><span>Assists per game</span></div>
              <div class="performer-metric"><strong>64%</strong><span>Field-goal rate</span></div>
              <div class="performer-metric"><strong>7</strong><span>Double-doubles</span></div>
            </div>
            <p class="performer-note">Ruiz has created 11.8 points per 36 minutes from the pick-and-roll, leading the league’s transition offense after her return from a six-week absence.</p>
          </aside>
        </div>
      </div>
    </section>

    <section class="section" id="latest" aria-labelledby="latest-title">
      <div class="container">
        <div class="section-heading reveal">
          <span class="eyebrow">The daily briefing</span>
          <h2 id="latest-title">Championship briefing</h2>
          <p>Reporting beyond the result: the tactical adjustment, the breakout performance, and the roster decision that will shape the next match. Our correspondents connect the morning headlines to the reasons behind them.</p>
        </div>

        <div class="editorial-layout">
          <article class="lead-article reveal" id="championship-feature">
            <div class="lead-image">
              <img src="https://picsum.photos/seed/aperture-late-game/960/640" width="960" height="640" alt="Players competing during a tense late-game sequence" loading="lazy">
              <span class="lead-badge">Match analysis · 3 min highlights</span>
            </div>
            <div class="lead-body">
              <div class="article-byline"><span>By Maya Chen</span><span>Championship desk</span><span>8 min read</span></div>
              <h3>One timeout. Two miracles. A Game 5 that had it all</h3>
              <p>Northshore’s championship changed in the space of nineteen minutes. A switching defense unlocked the lane, Elena Ruiz controlled the glass, and a veteran point guard delivered the final sequence without calling for a timeout.</p>
              <p>The numbers explain the comeback, but not the belief behind it. Down 11 with eight minutes remaining, the Kings shortened the rotation, forced 14 live-ball turnovers, and made every meaningful possession count.</p>
              <a class="text-link" href="/stories/northshore-game-five-comeback">Read the full report</a>
            </div>
          </article>

          <div class="story-list">
            <article class="story-card reveal">
              <div class="story-thumb">
                <img src="https://picsum.photos/seed/aperture-draft/300/220" width="300" height="220" alt="Young athlete arriving at the draft combine" loading="lazy">
                <span class="story-number">01</span>
              </div>
              <div class="story-copy">
                <span class="story-kicker">Draft room</span>
                <h3>No. 14 pick arrives ready for the spotlight</h3>
                <p>Two years of strength work and a breakout sophomore season changed the scouting board. The latest draft pick is already being compared with the league’s best two-way wings.</p>
                <span class="story-time">6 min read</span>
              </div>
            </article>

            <article class="story-card reveal">
              <div class="story-thumb">
                <img src="https://picsum.photos/seed/aperture-analytics/300/220" width="300" height="220" alt="Coach reviewing player statistics on a tactical screen" loading="lazy">
                <span class="story-number">02</span>
              </div>
              <div class="story-copy">
                <span class="story-kicker">Player statistics</span>
                <h3>The small metric behind the league’s best defense</h3>
                <p>Pressure rate, not possession, is separating this season’s elite teams. Coaches are using player tracking data to anticipate the first cut before it happens.</p>
                <span class="story-time">5 min read</span>
              </div>
            </article>

            <article class="story-card reveal">
              <div class="story-thumb">
                <img src="https://picsum.photos/seed/aperture-womens-game/300/220" width="300" height="220" alt="Women competing in a packed soccer stadium" loading="lazy">
                <span class="story-number">03</span>
              </div>
              <div class="story-copy">
                <span class="story-kicker">Women’s game</span>
                <h3>A new generation is rewriting the scoring record</h3>
                <p>Seventeen goals in six matches has changed the shape of the league. The young forward behind the run is turning smart movement into record-breaking production.</p>
                <span class="story-time">7 min read</span>
              </div>
            </article>

            <article class="story-card reveal">
              <div class="story-thumb">
                <img src="https://picsum.photos/seed/aperture-transfer/300/220" width="300" height="220" alt="Footballer carrying a club crest after a transfer" loading="lazy">
                <span class="story-number">04</span>
              </div>
              <div class="story-copy">
                <span class="story-kicker">Transfer central</span>
                <h3>Deadline move solves a 90-year problem</h3>
                <p>Coastline FC’s late acquisition adds pace and directness to a side that had spent months functioning without a natural right winger.</p>
                <span class="story-time">4 min read</span>
              </div>
            </article>
          </div>
        </div>
      </div>
    </section>

    <section class="section section--ink" id="injuries" aria-labelledby="injuries-title">
      <div class="container">
        <div class="section-heading reveal">
          <span class="eyebrow">Availability desk</span>
          <h2 id="injuries-title">Injury report</h2>
          <p>What the official designations mean, who is expected to return, and how each absence changes the matchup. Our availability desk combines team reports with workload, recovery, and performance data.</p>
        </div>

        <div class="availability-layout">
          <div class="reveal">
            <div class="status-board" aria-label="Latest player availability updates">
              <div class="status-row">
                <span class="status-tag">Out</span>
                <span class="status-player"><strong>Jordan Bell</strong><span>Running back · Northshore Kings</span></span>
                <span class="status-arrow" aria-hidden="true">→</span>
              </div>
              <div class="status-row">
                <span class="status-tag status-tag--questionable">Questionable</span>
                <span class="status-player"><strong>Mateo Silva</strong><span>Left winger · Harbor City</span></span>
                <span class="status-arrow" aria-hidden="true">→</span>
              </div>
              <div class="status-row">
                <span class="status-tag status-tag--probable">Probable</span>
                <span class="status-player"><strong>Avery Brooks</strong><span>Point guard · Metro Comets</span></span>
                <span class="status-arrow" aria-hidden="true">→</span>
              </div>
              <div class="status-row">
                <span class="status-tag status-tag--day">Day-to-day</span>
                <span class="status-player"><strong>Noah Grant</strong><span>Starting pitcher · Port Aurora</span></span>
                <span class="status-arrow" aria-hidden="true">→</span>
              </div>
            </div>

            <div class="analyst-panel">
              <h3>What our analysts are watching</h3>
              <ul>
                <li>Harbor City’s wing depth if Silva cannot complete his final warm-up.</li>
                <li>Northshore’s adjusted expected points without Bell on early-down rushes.</li>
                <li>The Comets’ defensive coverages when Brooks returns to a minutes restriction.</li>
              </ul>
            </div>
            <p class="availability-disclaimer">Availability designations are subject to change; clubs make the final medical and roster decisions before each game.</p>
          </div>

          <figure class="availability-media reveal">
            <img src="https://picsum.photos/seed/aperture-physical-therapy/900/900" width="900" height="900" alt="Athlete completing a rehabilitation session with a performance coach" loading="lazy">
            <figcaption class="availability-media-copy">
              <strong>Recovery is part of the plan</strong>
              <span>Inside workload management and the return-to-play process.</span>
            </figcaption>
          </figure>
        </div>
      </div>
    </section>

    <section class="section" id="teams" aria-labelledby="teams-title">
      <div class="container">
        <div class="section-heading reveal">
          <span class="eyebrow">Team hub</span>
          <h2 id="teams-title">Every club, one obsession</h2>
          <p>Get closer to the teams you follow. From tactical previews and squad updates to player statistics and post-match interviews, each club page brings the season into one focused place.</p>
        </div>

        <div class="teams-layout">
          <div class="team-grid">
            <article class="team-card reveal">
              <img src="https://picsum.photos/seed/northshore-kings/640/420" width="640" height="420" alt="Northshore Kings football players entering the field" loading="lazy">
              <div class="team-card-content">
                <div class="team-sport">Aperture Football</div>
                <h3>Northshore Kings</h3>
                <p>Built around pace, possession, and a defense that makes every yard expensive.</p>
                <div class="team-card-footer">
                  <span class="team-record"><strong>9–2</strong>First · East</span>
                  <a class="text-link" href="/teams/northshore-kings">Team HQ</a>
                </div>
              </div>
            </article>

            <article class="team-card reveal">
              <img src="https://picsum.photos/seed/metro-comets/640/420" width="640" height="420" alt="Metro Comets basketball team during an arena introduction" loading="lazy">
              <div class="team-card-content">
                <div class="team-sport">Continental Basketball</div>
                <h3>Metro Comets</h3>
                <p>A high-tempo offense powered by elite shooting and relentless ball pressure.</p>
                <div class="team-card-footer">
                  <span class="team-record"><strong>18–5</strong>First · Central</span>
                  <a class="text-link" href="/teams/metro-comets">Team HQ</a>
                </div>
              </div>
            </article>

            <article class="team-card reveal">
              <img src="https://picsum.photos/seed/port-aurora/640/420" width="640" height="420" alt="Port Aurora baseball team warming up on the diamond" loading="lazy">
              <div class="team-card-content">
                <div class="team-sport">Diamond League</div>
                <h3>Port Aurora</h3>
                <p>Deep at the plate and relentless in the seventh inning, with power from both sides.</p>
                <div class="team-card-footer">
                  <span class="team-record"><strong>14–8</strong>Second · Coast</span>
                  <a class="text-link" href="/teams/port-aurora">Team HQ</a>
                </div>
              </div>
            </article>

            <article class="team-card reveal">
              <img src="https://picsum.photos/seed/coastline-fc/640/420" width="640" height="420" alt="Coastline FC players celebrating a goal in front of supporters" loading="lazy">
              <div class="team-card-content">
                <div class="team-sport">Global Soccer</div>
                <h3>Coastline FC</h3>
                <p>Technical in possession, brave without it, and impossible to slow down.</p>
                <div class="team-card-footer">
                  <span class="team-record"><strong>7–2–4</strong>Second · Atlantic</span>
                  <a class="text-link" href="/teams/coastline-fc">Team HQ</a>
                </div>
              </div>
            </article>
          </div>

          <aside class="performers-panel reveal" aria-label="Top performers">
            <span>Last seven games</span>
            <h3>Top performers</h3>
            <ol class="performer-list">
              <li>
                <span class="performer-rank">01</span>
                <img src="https://i.pravatar.cc/100?u=aperture-elena-ruiz" width="100" height="100" alt="Elena Ruiz" loading="lazy">
                <span><strong>Elena Ruiz</strong><span>Metro Comets</span></span>
                <b class="performer-stat">28.4</b>
              </li>
              <li>
                <span class="performer-rank">02</span>
                <img src="https://i.pravatar.cc/100?u=aperture-malik-grant" width="100" height="100" alt="Malik Grant" loading="lazy">
                <span><strong>Malik Grant</strong><span>Northshore Kings</span></span>
                <b class="performer-stat">1.8</b>
              </li>
              <li>
                <span class="performer-rank">03</span>
                <img src="https://i.pravatar.cc/100?u=aperture-theo-park" width="100" height="100" alt="Theo Park" loading="lazy">
                <span><strong>Theo Park</strong><span>Port Aurora</span></span>
                <b class="performer-stat">4.1</b>
              </li>
              <li>
                <span class="performer-rank">04</span>
                <img src="https://i.pravatar.cc/100?u=aperture-lina-mori" width="100" height="100" alt="Lina Mori" loading="lazy">
                <span><strong>Lina Mori</strong><span>Coastline FC</span></span>
                <b class="performer-stat">2.6</b>
              </li>
            </ol>
          </aside>
        </div>
      </div>
    </section>

    <section class="section section--ink" id="podcasts" aria-labelledby="podcasts-title">
      <div class="container">
        <div class="section-heading section-heading--split reveal">
          <div>
            <span class="eyebrow">Listen closer</span>
            <h2 id="podcasts-title">Podcasts</h2>
            <p>Long-form conversations for fans who want to understand the decisions behind the drama. Hear from coaches, athletes, analysts, and the reporters closest to the action.</p>
          </div>
          <a class="button button--outline" href="/podcasts">Browse every episode</a>
        </div>

        <div class="podcast-grid">
          <article class="podcast-card reveal">
            <div class="podcast-cover">
              <img src="https://picsum.photos/seed/podcast-margin/800/480" width="800" height="480" alt="Basketball coach speaking during a media session" loading="lazy">
              <span class="podcast-show">The Margin</span>
            </div>
            <div class="podcast-body">
              <span class="podcast-episode">Episode 42 · The Margin</span>
              <h3>Building a contender without a superstar</h3>
              <p>Metro Comets coach Lena Okafor explains how the team built its identity around depth, defensive pressure, and shared decision-making. The discussion also covers what changed after the deadline.</p>
              <div class="podcast-host">
                <img src="https://i.pravatar.cc/80?u=aperture-host-daniel-cho" width="80" height="80" alt="Podcast host Daniel Cho" loading="lazy">
                <span><strong>Daniel Cho</strong><span>Host · 52 min</span></span>
              </div>
              <div class="podcast-footer">
                <span class="podcast-duration">Strategy · Culture</span>
                <button class="episode-toggle" type="button" aria-expanded="false" aria-controls="episode-notes-1">Episode notes</button>
              </div>
              <div class="episode-notes" id="episode-notes-1" hidden>
                <p><strong>On the board:</strong> Okafor explains why roster versatility mattered more than adding one high-profile scorer.</p>
                <p><strong>Data point:</strong> The Comets lead the league in defensive rating after 11 games.</p>
              </div>
            </div>
          </article>

          <article class="podcast-card reveal">
            <div class="podcast-cover">
              <img src="https://picsum.photos/seed/podcast-training/800/480" width="800" height="480" alt="Athlete working with a strength coach in a training facility" loading="lazy">
              <span class="podcast-show">Training Ground</span>
            </div>
            <div class="podcast-body">
              <span class="podcast-episode">Episode 18 · Training Ground</span>
              <h3>The comeback no one saw coming</h3>
              <p>Northshore’s performance director opens the playbook on the injury recovery, conditioning changes, and psychological work behind the club’s late-season surge. A practical episode for athletes and coaches.</p>
              <div class="podcast-host">
                <img src="https://i.pravatar.cc/80?u=aperture-host-samira-cole" width="80" height="80" alt="Podcast host Samira Cole" loading="lazy">
                <span><strong>Samira Cole</strong><span>Host · 38 min</span></span>
              </div>
              <div class="podcast-footer">
                <span class="podcast-duration">Recovery · Performance</span>
                <button class="episode-toggle" type="button" aria-expanded="false" aria-controls="episode-notes-2">Episode notes</button>
              </div>
              <div class="episode-notes" id="episode-notes-2" hidden>
                <p><strong>Workload plan:</strong> The performance team reduced high-speed running by 18% during the recovery block.</p>
                <p><strong>Key metric:</strong> Players reported improved sleep and readiness scores after the schedule change.</p>
              </div>
            </div>
          </article>

          <article class="podcast-card reveal">
            <div class="podcast-cover">
              <img src="https://picsum.photos/seed/podcast-whistle/800/480" width="800" height="480" alt="Referee speaking to players during a soccer match" loading="lazy">
              <span class="podcast-show">The Whistle</span>
            </div>
            <div class="podcast-body">
              <span class="podcast-episode">Episode 09 · The Whistle</span>
              <h3>What the women’s game is getting right</h3>
              <p>Players and coaches discuss tactical education, player welfare, and why the current generation is moving from visibility to meaningful influence inside the game.</p>
              <div class="podcast-host">
                <img src="https://i.pravatar.cc/80?u=aperture-host-amelia-reed" width="80" height="80" alt="Podcast host Amelia Reed" loading="lazy">
                <span><strong>Amelia Reed</strong><span>Host · 44 min</span></span>
              </div>
              <div class="podcast-footer">
                <span class="podcast-duration">Tactics · The game</span>
                <button class="episode-toggle" type="button" aria-expanded="false" aria-controls="episode-notes-3">Episode notes</button>
              </div>
              <div class="episode-notes" id="episode-notes-3" hidden>
                <p><strong>Discussion:</strong> How tactical education is changing the way young players read a match.</p>
                <p><strong>Listen for:</strong> Coaches explain the new national player-welfare framework.</p>
              </div>
            </div>
          </article>
        </div>
      </div>
    </section>

    <section class="section section--lime" id="events" aria-labelledby="events-title">
      <div class="container">
        <div class="section-heading section-heading--split reveal">
          <div>
            <span class="eyebrow">Live and loud</span>
            <h2 id="events-title">Upcoming events</h2>
            <p>From sold-out championship games to community finals under the lights, these are the dates worth circling now. Secure your seat early for the biggest regular-season and postseason matchups.</p>
          </div>
          <a class="button button--dark" href="/events">View all events</a>
        </div>

        <div class="events-layout">
          <div class="events-list reveal" id="ticket-options">
            <article class="event-row">
              <time class="event-date" datetime="2026-03-14"><span>Mar</span><strong>14</strong></time>
              <div class="event-info">
                <h3>Northshore Kings vs. Harbor City</h3>
                <p>Championship Game 5 · Halcyon Field · 7:30 PM ET</p>
              </div>
              <div class="event-action">
                <span class="event-price">From $38</span>
                <a class="button button--dark" href="/tickets/northshore-harbor-city">Buy tickets</a>
              </div>
            </article>

            <article class="event-row">
              <time class="event-date" datetime="2026-03-18"><span>Mar</span><strong>18</strong></time>
              <div class="event-info">
                <h3>Metro Comets vs. Portland Peaks</h3>
                <p>Continental Basketball · Summit Center · 8:00 PM ET</p>
              </div>
              <div class="event-action">
                <span class="event-price">From $29</span>
                <a class="button button--dark" href="/tickets/metro-portland">Buy tickets</a>
              </div>
            </article>

            <article class="event-row">
              <time class="event-date" datetime="2026-03-22"><span>Mar</span><strong>22</strong></time>
              <div class="event-info">
                <h3>Coastline FC vs. Valley United</h3>
                <p>Global Soccer · Seaside Park · 4:00 PM ET</p>
              </div>
              <div class="event-action">
                <span class="event-price">From $24</span>
                <a class="button button--dark" href="/tickets/coastline-valley">Buy tickets</a>
              </div>
            </article>
          </div>

          <aside class="gear-card reveal" id="gear">
            <img src="https://placehold.co/800x1000/0a1a22/c9ff3f?text=APERTURE%202026%20CITY%20KIT&font=oswald" width="800" height="1000" alt="Aperture Sports 2026 city kit" loading="lazy">
            <div class="gear-card-content">
              <span>Matchday collection</span>
              <h3>Wear the colors.</h3>
              <p>The official 2026 city kit combines a breathable performance weave with a cut designed for travel, training, and full-match days.</p>
              <a class="button button--primary" href="/gear">Shop gear <span class="button__arrow" aria-hidden="true">→</span></a>
            </div>
          </aside>
        </div>
      </div>
    </section>

    <section class="section" id="training" aria-labelledby="training-title">
      <div class="container">
        <div class="section-heading reveal">
          <span class="eyebrow">The training room</span>
          <h2 id="training-title">Build your advantage</h2>
          <p>Performance resources for athletes, coaches, and lifelong competitors. Our guides translate current sports science into practical tools that can be used in the gym, on the field, and during competition.</p>
        </div>

        <div class="resource-grid">
          <article class="resource-card reveal">
            <span class="resource-index">01</span>
            <h3>Load management, decoded</h3>
            <p>Learn how workload, recovery time, and perceived exertion work together. A practical framework helps coaches adjust training volume without losing the competitive edge.</p>
            <a class="text-link" href="/guides/load-management">Read the guide</a>
          </article>

          <article class="resource-card reveal">
            <span class="resource-index">02</span>
            <h3>Fuel the next performance</h3>
            <p>Move beyond simple rules for what to eat and when. Nutritionists explain hydration, match-day timing, and how to build meals around demanding travel schedules.</p>
            <a class="text-link" href="/guides/sports-nutrition">Read the guide</a>
          </article>

          <article class="resource-card reveal">
            <span class="resource-index">03</span>
            <h3>See the field faster</h3>
            <p>Elite decisions often begin with recognition. Video analysts break down scanning habits, anticipation, and the visual cues that create a decisive advantage.</p>
            <a class="text-link" href="/guides/film-study">Read the guide</a>
          </article>
        </div>

        <div class="training-lower">
          <div class="faq-panel reveal">
            <h3>Frequently asked</h3>
            <div class="faq-list">
              <details>
                <summary>What does Aperture Sports cover? <span class="faq-plus" aria-hidden="true"></span></summary>
                <div class="faq-answer">Aperture covers football, basketball, baseball, soccer, and the wider sports culture around them. Our mix includes live reporting, match analysis, roster news, athlete performance, interviews, events, and practical resources.</div>
              </details>
              <details>
                <summary>How often are scores updated? <span class="faq-plus" aria-hidden="true"></span></summary>
                <div class="faq-answer">Live scores are refreshed by the digital desk throughout each competition day. Final results may receive a review after the game for official corrections or disciplinary changes.</div>
              </details>
              <details>
                <summary>Can athletes or clubs share a story? <span class="faq-plus" aria-hidden="true"></span></summary>
                <div class="faq-answer">Yes. Clubs, athletes, coaches, and event organizers can pitch the newsroom through the contact address in the footer. Original reporting, exclusive access, and data-led analysis are always welcome.</div>
              </details>
              <details>
                <summary>Can I use Aperture content in a publication? <span class="faq-plus" aria-hidden="true"></span></summary>
                <div class="faq-answer">Licensing options are available for editorial use, syndication, and approved brand partnerships. Contact the partnerships desk for rates and available formats.</div>
              </details>
            </div>
          </div>

          <figure class="testimonial-card reveal">
            <blockquote>“Aperture understands the number, but more importantly the human behind it.”</blockquote>
            <figcaption class="testimonial-author">
              <img src="https://i.pravatar.cc/100?u=aperture-coach-samira-cole" width="100" height="100" alt="Samira Cole, performance director" loading="lazy">
              <span><strong>Samira Cole</strong><span>Performance director · Pro Field Club</span></span>
            </figcaption>
          </figure>
        </div>
      </div>
    </section>

    <section class="newsletter-section" id="newsletter" aria-labelledby="newsletter-title">
      <div class="container">
        <div class="newsletter-panel reveal">
          <div class="newsletter-copy">
            <span class="eyebrow">The Aperture Briefing</span>
            <h2 id="newsletter-title">Start ahead of the game.</h2>
            <p>Our weekday email brings together the five stories that matter, one standout statistic, and the schedule you need to know—written by the Aperture newsroom and delivered before the first whistle.</p>
          </div>
          <div class="newsletter-form-wrap">
            <form class="newsletter-form" id="newsletter-form" action="/subscribe" method="post">
              <label class="sr-only" for="newsletter-email">Email address</label>
              <input id="newsletter-email" name="email" type="email" autocomplete="email" placeholder="Your email address" required>
              <button class="button button--primary" type="submit">Subscribe free</button>
            </form>
            <p class="newsletter-note">By subscribing, you agree to our privacy policy. Unsubscribe any time.</p>
            <p class="newsletter-status" id="newsletter-status" aria-live="polite"></p>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="container footer-top">
      <div class="footer-brand">
        <img src="https://placehold.co/64x64/c9ff3f/0a1a22?text=A&font=oswald" width="64" height="64" alt="Aperture Sports A logo" loading="lazy">
        <h2>Aperture Sports</h2>
        <p>Independent reporting and practical insight for fans who want to see every angle of the game.</p>
        <address class="footer-contact">
          <span>85 Hudson Street, New York, NY 10013</span>
          <a href="mailto:newsdesk@aperturesports.example">newsdesk@aperturesports.example</a>
          <a href="tel:+12125550174">+1 (212) 555-0174</a>
        </address>
        <div class="social-links" aria-label="Aperture Sports social media">
          <a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer" aria-label="Aperture Sports on Instagram">ig</a>
          <a href="https://www.youtube.com/" target="_blank" rel="noopener noreferrer" aria-label="Aperture Sports on YouTube">yt</a>
          <a href="https://x.com/" target="_blank" rel="noopener noreferrer" aria-label="Aperture Sports on X">x</a>
          <a href="https://www.tiktok.com/" target="_blank" rel="noopener noreferrer" aria-label="Aperture Sports on TikTok">tt</a>
        </div>
      </div>

      <div class="footer-column">
        <h3>Coverage</h3>
        <ul>
          <li><a href="#scores">Live scores</a></li>
          <li><a href="#standings">Standings</a></li>
          <li><a href="#latest">Championship news</a></li>
          <li><a href="#teams">Team hubs</a></li>
          <li><a href="#injuries">Injury reports</a></li>
        </ul>
      </div>

      <div class="footer-column">
        <h3>Discover</h3>
        <ul>
          <li><a href="#podcasts">Podcasts</a></li>
          <li><a href="#training">Training resources</a></li>
          <li><a href="#events">Events</a></li>
          <li><a href="#gear">Shop gear</a></li>
          <li><a href="#newsletter">Newsletter</a></li>
        </ul>
      </div>

      <div class="footer-column">
        <h3>Company</h3>
        <ul>
          <li><a href="/about">About Aperture</a></li>
          <li><a href="mailto:partnerships@aperturesports.example">Partnerships</a></li>
          <li><a href="/careers">Careers</a></li>
          <li><a href="/contact">Contact</a></li>
          <li><a href="/advertise">Advertise</a></li>
        </ul>
      </div>
    </div>

    <div class="container footer-bottom">
      <p>© <span data-year>2026</span> Aperture Sports Media. All rights reserved.</p>
      <div class="footer-legal">
        <a href="/privacy">Privacy</a>
        <a href="/terms">Terms</a>
        <a href="/cookies">Cookie settings</a>
        <a href="/accessibility">Accessibility</a>
      </div>
    </div>
    <div class="container footer-disclaimer">Aperture Sports is an independent fictional sports publication. Team names, match results, and performance data on this demonstration page are illustrative.</div>
  </footer>

  <script>
    (() => {
      "use strict";

      const dateFormatter = new Intl.DateTimeFormat("en-US", {
        weekday: "long",
        month: "long",
        day: "numeric",
        year: "numeric"
      });

      document.querySelectorAll("[data-current-date]").forEach((element) => {
        element.textContent = dateFormatter.format(new Date());
      });

      document.querySelectorAll("[data-year]").forEach((element) => {
        element.textContent = new Date().getFullYear();
      });

      const menuToggle = document.querySelector(".menu-toggle");
      const primaryNav = document.querySelector("#primary-nav");

      const setMenuState = (open) => {
        menuToggle.setAttribute("aria-expanded", String(open));
        menuToggle.setAttribute("aria-label", open ? "Close navigation menu" : "Open navigation menu");
        primaryNav.classList.toggle("is-open", open);
        document.body.classList.toggle("nav-open", open);
      };

      menuToggle.addEventListener("click", () => {
        setMenuState(menuToggle.getAttribute("aria-expanded") !== "true");
      });

      primaryNav.querySelectorAll("a").forEach((link) => {
        link.addEventListener("click", () => setMenuState(false));
      });

      document.addEventListener("keydown", (event) => {
        if (event.key === "Escape") {
          setMenuState(false);
          menuToggle.focus();
        }
      });

      window.addEventListener("resize", () => {
        if (window.innerWidth > 980) {
          setMenuState(false);
        }
      });

      const scoreData = {
        football: [
          {
            status: "live",
            league: "Aperture Football",
            detail: "Q3 · 06:18",
            venue: "Halcyon Field",
            home: { name: "Northshore Kings", mark: "NK", bg: "102a35", fg: "c9ff3f", score: "17" },
            away: { name: "Harbor City", mark: "HC", bg: "173944", fg: "72d8f3", score: "14" }
          },
          {
            status: "upcoming",
            league: "Aperture Football",
            detail: "10:30 PM ET",
            venue: "Sunset Stadium",
            home: { name: "Westbridge United", mark: "WU", bg: "102a35", fg: "ff644c", score: "—" },
            away: { name: "Solano Rangers", mark: "SR", bg: "173944", fg: "f5c85b", score: "—" }
          },
          {
            status: "final",
            league: "Aperture Football",
            detail: "Final",
            venue: "Foundry Ground",
            home: { name: "Iron Valley FC", mark: "IV", bg: "102a35", fg: "72d8f3", score: "2" },
            away: { name: "Riverton Rovers", mark: "RR", bg: "173944", fg: "c9ff3f", score: "1" }
          },
          {
            status: "final",
            league: "Aperture Football",
            detail: "Final",
            venue: "Crown Park",
            home: { name: "Silver Bay", mark: "SB", bg: "102a35", fg: "72d8f3", score: "3" },
            away: { name: "Easton Athletic", mark: "EA", bg: "173944", fg: "ff644c", score: "3" }
          }
        ],
        basketball: [
          {
            status: "live",
            league: "Continental Basketball",
            detail: "4th · 03:44",
            venue: "Summit Center",
            home: { name: "Metro Comets", mark: "MC", bg: "102a35", fg: "c9ff3f", score: "72" },
            away: { name: "Capital Vipers", mark: "CV", bg: "173944", fg: "ff644c", score: "69" }
          },
          {
            status: "upcoming",
            league: "Continental Basketball",
            detail: "9:00 PM ET",
            venue: "Civic Arena",
            home: { name: "Lakeside Lions", mark: "LL", bg: "102a35", fg: "72d8f3", score: "—" },
            away: { name: "Portland Peaks", mark: "PP", bg: "173944", fg: "f5c85b", score: "—" }
          },
          {
            status: "final",
            league: "Continental Basketball",
            detail: "Final",
            venue: "Union Forum",
            home: { name: "Brookhaven Bears", mark: "BB", bg: "102a35", fg: "ff644c", score: "88" },
            away: { name: "Desert Owls", mark: "DO", bg: "173944", fg: "72d8f3", score: "91" }
          }
        ],
        baseball: [
          {
            status: "upcoming",
            league: "Diamond League",
            detail: "6:40 PM ET",
            venue: "Aurora Ballpark",
            home: { name: "Port Aurora", mark: "PA", bg: "102a35", fg: "c9ff3f", score: "—" },
            away: { name: "Redwood Wolves", mark: "RW", bg: "173944", fg: "ff644c", score: "—" }
          },
          {
            status: "upcoming",
            league: "Diamond League",
            detail: "7:10 PM ET",
            venue: "Bayfront Field",
            home: { name: "Seabrook Mariners", mark: "SM", bg: "102a35", fg: "72d8f3", score: "—" },
            away: { name: "Grand Junction", mark: "GJ", bg: "173944", fg: "f5c85b", score: "—" }
          },
          {
            status: "final",
            league: "Diamond League",
            detail: "Final · 10 innings",
            venue: "Union Diamond",
            home: { name: "Cedar Valley", mark: "CV", bg: "102a35", fg: "ff644c", score: "6" },
            away: { name: "Stone County", mark: "SC", bg: "173944", fg: "72d8f3", score: "4" }
          }
        ],
        soccer: [
          {
            status: "live",
            league: "Global Soccer",
            detail: "68′ · 0–0",
            venue: "Harbor Stadium",
            home: { name: "Harbor Athletic", mark: "HA", bg: "102a35", fg: "c9ff3f", score: "0" },
            away: { name: "Mesa United", mark: "MU", bg: "173944", fg: "72d8f3", score: "0" }
          },
          {
            status: "upcoming",
            league: "Global Soccer",
            detail: "4:00 PM ET",
            venue: "Seaside Park",
            home: { name: "Coastline FC", mark: "CF", bg: "102a35", fg: "72d8f3", score: "—" },
            away: { name: "Valley United", mark: "VU", bg: "173944", fg: "ff644c", score: "—" }
          },
          {
            status: "final",
            league: "Global Soccer",
            detail: "Final",
            venue: "Northgate Park",
            home: { name: "Easton Rovers", mark: "ER", bg: "102a35", fg: "f5c85b", score: "2" },
            away: { name: "Westhaven", mark: "WH", bg: "173944", fg: "c9ff3f", score: "1" }
          }
        ]
      };

      const leagueNames = {
        football: "football",
        basketball: "basketball",
        baseball: "baseball",
        soccer: "soccer"
      };

      const scoreboard = document.getElementById("scoreboard");
      const scoreSummary = document.getElementById("score-summary");
      const scoreLeagueButtons = document.querySelectorAll("[data-score-league]");
      const scoreStatusButtons = document.querySelectorAll("[data-score-status]");
      let activeScoreLeague = "football";
      let activeScoreStatus = "all";

      const escapeHTML = (value) => String(value).replace(/[&<>"']/g, (character) => ({
        "&": "&amp;",
        "<": "&lt;",
        ">": "&gt;",
        '"': "&quot;",
        "'": "&#039;"
      })[character]);

      const teamMark = (team) => `https://placehold.co/56x56/${team.bg}/${team.fg}?text=${encodeURIComponent(team.mark)}&font=oswald`;

      const scoreTeam = (team, role) => `
        <div class="score-team">
          <img class="team-logo" src="${teamMark(team)}" width="56" height="56" alt="${escapeHTML(team.name)} logo">
          <span class="score-team-copy">
            <span>${role}</span>
            <strong>${escapeHTML(team.name)}</strong>
          </span>
          <b class="score-value">${escapeHTML(team.score)}</b>
        </div>`;

      const renderScores = () => {
        const allGames = scoreData[activeScoreLeague];
        const games = activeScoreStatus === "all"
          ? allGames
          : allGames.filter((game) => game.status === activeScoreStatus);

        scoreboard.setAttribute("aria-busy", "false");

        if (!games.length) {
          scoreboard.innerHTML = `<div class="score-empty"><strong>No ${escapeHTML(activeScoreStatus)} games right now.</strong><br>Choose another status or check back after the next whistle.</div>`;
        } else {
          scoreboard.innerHTML = games.map((game) => {
            const statusClass = game.status === "live" ? "status-pill--live" : game.status === "upcoming" ? "status-pill--upcoming" : "";
            const detailPrefix = game.status === "live" ? "" : "";
            return `
              <article class="score-card is-${game.status}">
                <header class="score-card-header">
                  <span class="score-league">${escapeHTML(game.league)}</span>
                  <span class="status-pill ${statusClass}">${detailPrefix}${escapeHTML(game.detail)}</span>
                </header>
                ${scoreTeam(game.home, "Home")}
                ${scoreTeam(game.away, "Away")}
                <footer class="score-card-footer">
                  <span class="score-venue">${escapeHTML(game.venue)}</span>
                  <a class="score-link" href="#standings">Match center →</a>
                </footer>
              </article>`;
          }).join("");
        }

        const statusText = activeScoreStatus === "all" ? "all statuses" : activeScoreStatus;
        scoreSummary.textContent = `Showing ${games.length} ${leagueNames[activeScoreLeague]} ${games.length === 1 ? "fixture" : "fixtures"} across ${statusText}.`;
      };

      scoreLeagueButtons.forEach((button) => {
        button.addEventListener("click", () => {
          activeScoreLeague = button.dataset.scoreLeague;
          scoreLeagueButtons.forEach((item) => {
            const isActive = item === button;
            item.classList.toggle("is-active", isActive);
            item.setAttribute("aria-pressed", String(isActive));
          });
          renderScores();
        });
      });

      scoreStatusButtons.forEach((button) => {
        button.addEventListener("click", () => {
          activeScoreStatus = button.dataset.scoreStatus;
          scoreStatusButtons.forEach((item) => {
            const isActive = item === button;
            item.classList.toggle("is-active", isActive);
            item.setAttribute("aria-pressed", String(isActive));
          });
          renderScores();
        });
      });

      renderScores();

      const standingsData = {
        football: {
          title: "Aperture Football",
          teams: [
            { name: "Northshore Kings", mark: "NK", bg: "102a35", fg: "c9ff3f", w: 9, l: 2, pct: ".818", gb: "+1", form: "WWWLW" },
            { name: "Harbor City", mark: "HC", bg: "173944", fg: "72d8f3", w: 8, l: 3, pct: ".727", gb: "—", form: "WWWWL" },
            { name: "Westbridge United", mark: "WU", bg: "102a35", fg: "ff644c", w: 7, l: 4, pct: ".636", gb: "1", form: "LWWWW" },
            { name: "Solano Rangers", mark: "SR", bg: "173944", fg: "f5c85b", w: 6, l: 5, pct: ".545", gb: "2", form: "WLWWL" },
            { name: "Riverton Rovers", mark: "RR", bg: "102a35", fg: "c9ff3f", w: 5, l: 6, pct: ".455", gb: "3", form: "LWLWW" }
          ]
        },
        basketball: {
          title: "Continental Basketball",
          teams: [
            { name: "Metro Comets", mark: "MC", bg: "102a35", fg: "c9ff3f", w: 18, l: 5, pct: ".783", gb: "+2", form: "WWLWW" },
            { name: "Capital Vipers", mark: "CV", bg: "173944", fg: "ff644c", w: 16, l: 7, pct: ".696", gb: "—", form: "LWWWW" },
            { name: "Portland Peaks", mark: "PP", bg: "102a35", fg: "72d8f3", w: 15, l: 8, pct: ".652", gb: "1", form: "WLWWW" },
            { name: "Brookhaven Bears", mark: "BB", bg: "173944", fg: "f5c85b", w: 13, l: 10, pct: ".565", gb: "3", form: "LWLWW" },
            { name: "Desert Owls", mark: "DO", bg: "102a35", fg: "ff644c", w: 11, l: 12, pct: ".478", gb: "5", form: "LLWLW" }
          ]
        }
      };

      const standingsHeading = document.getElementById("standings-heading");
      const standingsBody = document.getElementById("standings-body");
      const standingsButtons = document.querySelectorAll("[data-standings-league]");
      let activeStandingsLeague = "football";

      const renderStandings = () => {
        const league = standingsData[activeStandingsLeague];
        standingsHeading.textContent = league.title;
        standingsBody.innerHTML = league.teams.map((team, index) => {
          const form = team.form.split("").map((result) => `<i class="form-dot ${result === "W" ? "win" : "loss"}"></i>`).join("");
          const logo = `https://placehold.co/64x64/${team.bg}/${team.fg}?text=${encodeURIComponent(team.mark)}&font=oswald`;
          return `
            <tr>
              <td>${index + 1}</td>
              <td><span class="standings-team"><img src="${logo}" width="64" height="64" alt="${escapeHTML(team.name)} logo">${escapeHTML(team.name)}</span></td>
              <td>${team.w}</td>
              <td>${team.l}</td>
              <td>${team.pct}</td>
              <td>${team.gb}</td>
              <td><span class="form-dots">${form}</span></td>
            </tr>`;
        }).join("");
      };

      standingsButtons.forEach((button) => {
        button.addEventListener("click", () => {
          activeStandingsLeague = button.dataset.standingsLeague;
          standingsButtons.forEach((item) => {
            const isActive = item === button;
            item.classList.toggle("is-active", isActive);
            item.setAttribute("aria-pressed", String(isActive));
          });
          renderStandings();
        });
      });

      renderStandings();

      document.querySelectorAll(".episode-toggle").forEach((button) => {
        button.addEventListener("click", () => {
          const notes = document.getElementById(button.getAttribute("aria-controls"));
          const willOpen = button.getAttribute("aria-expanded") !== "true";
          button.setAttribute("aria-expanded", String(willOpen));
          notes.hidden = !willOpen;
          button.textContent = willOpen ? "Hide notes" : "Episode notes";
        });
      });

      const newsletterForm = document.getElementById("newsletter-form");
      const newsletterStatus = document.getElementById("newsletter-status");
      const newsletterButton = newsletterForm.querySelector("button");

      newsletterForm.addEventListener("submit", (event) => {
        event.preventDefault();

        if (!newsletterForm.checkValidity()) {
          newsletterForm.reportValidity();
          return;
        }

        const email = document.getElementById("newsletter-email").value.trim();
        newsletterButton.disabled = true;
        newsletterButton.textContent = "Subscribed";
        newsletterStatus.textContent = `You’re on the list. The next Aperture Briefing will arrive at ${email}.`;
        newsletterForm.reset();

        window.setTimeout(() => {
          newsletterButton.disabled = false;
          newsletterButton.textContent = "Subscribe free";
        }, 4000);
      });

      const revealElements = document.querySelectorAll(".reveal");

      if ("IntersectionObserver" in window) {
        const revealObserver = new IntersectionObserver((entries, observer) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              entry.target.classList.add("is-visible");
              observer.unobserve(entry.target);
            }
          });
        }, { threshold: 0.12, rootMargin: "0px 0px -40px" });

        revealElements.forEach((element) => revealObserver.observe(element));
      } else {
        revealElements.forEach((element) => element.classList.add("is-visible"));
      }
    })();
  </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T10:11:13.452Z",
  "url": "https://benchmark.aimac.invalid/2047794b538380aa5e9718a2c0563ab30e9eac0317ecbd6bf98957b438385466.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Aperture Sports home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Aperture Sports home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "deprecatedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "minor",
              "message": "ARIA role is not deprecated"
            }
          ],
          "impact": null,
          "html": "<div class=\"segmented\" role=\"group\" aria-label=\"Choose league\">",
          "target": [
            ".segmented"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body id=\"top\">",
          "target": [
            "#top"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<span class=\"live-dot\" aria-hidden=\"true\"></span>",
          "target": [
            ".live-dot"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Aperture Sports home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-required-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "All required ARIA attributes are present"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"segmented\" role=\"group\" aria-label=\"Choose league\">",
          "target": [
            ".segmented"
          ]
        }
      ]
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "invalidrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is valid"
            },
            {
              "id": "abstractrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Abstract roles are not used"
            },
            {
              "id": "unsupportedrole",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA role is supported"
            }
          ],
          "impact": null,
          "html": "<div class=\"segmented\" role=\"group\" aria-label=\"Choose league\">",
          "target": [
            ".segmented"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Aperture Sports home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#top\" aria-label=\"Aperture Sports home\">",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "autocomplete-valid",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "the autocomplete attribute is correctly formatted"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<input id=\"newsletter-email\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"Your email address\" required=\"\">",
          "target": [
            "#newsletter-email"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"segment-button is-active\" type=\"button\" data-score-league=\"football\" aria-pressed=\"true\">Football</button>",
          "target": [
            "button[data-score-league=\"football\"]"
          ]
        }
      ]
    },
    {
      "id": "bypass",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag241",
        "section508",
        "section508.22.o",
        "TTv5",
        "TT9.a",
        "EN-301-549",
        "EN-9.2.4.1"
      ],
      "description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
      "help": "Page must have means to bypass repeated blocks",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "internal-link-present",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Valid skip link found"
            },
            {
              "id": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1 id=\"hero-title\">\n            <span>See every</span>\n            <span class=\"accent\">angle of the game.</span>\n          </h1>",
                  "target": [
                    "#hero-title"
                  ]
                },
                {
                  "html": "<h2>The 19-minute comeback that rewrote the Northshore season</h2>",
                  "target": [
                    ".hero-story > h2"
                  ]
                },
                {
                  "html": "<h2 id=\"scores-title\">Scoreboard</h2>",
                  "target": [
                    "#scores-title"
                  ]
                },
                {
                  "html": "<h2 id=\"standings-title\">Standings</h2>",
                  "target": [
                    "#standings-title"
                  ]
                },
                {
                  "html": "<h3 id=\"standings-heading\">Aperture Football</h3>",
                  "target": [
                    "#standings-heading"
                  ]
                },
                {
                  "html": "<h3>Elena Ruiz</h3>",
                  "target": [
                    ".performer-profile > div > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"latest-title\">Championship briefing</h2>",
                  "target": [
                    "#latest-title"
                  ]
                },
                {
                  "html": "<h3>One timeout. Two miracles. A Game 5 that had it all</h3>",
                  "target": [
                    ".lead-body > h3"
                  ]
                },
                {
                  "html": "<h3>No. 14 pick arrives ready for the spotlight</h3>",
                  "target": [
                    ".story-card:nth-child(1) > .story-copy > h3"
                  ]
                },
                {
                  "html": "<h3>The small metric behind the league\u2019s best defense</h3>",
                  "target": [
                    ".story-card:nth-child(2) > .story-copy > h3"
                  ]
                },
                {
                  "html": "<h3>A new generation is rewriting the scoring record</h3>",
                  "target": [
                    ".story-card:nth-child(3) > .story-copy > h3"
                  ]
                },
                {
                  "html": "<h3>Deadline move solves a 90-year problem</h3>",
                  "target": [
                    ".story-card:nth-child(4) > .story-copy > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"injuries-title\">Injury report</h2>",
                  "target": [
                    "#injuries-title"
                  ]
                },
                {
                  "html": "<h3>What our analysts are watching</h3>",
                  "target": [
                    ".analyst-panel > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"teams-title\">Every club, one obsession</h2>",
                  "target": [
                    "#teams-title"
                  ]
                },
                {
                  "html": "<h3>Northshore Kings</h3>",
                  "target": [
                    ".team-card:nth-child(1) > .team-card-content > h3"
                  ]
                },
                {
                  "html": "<h3>Metro Comets</h3>",
                  "target": [
                    ".team-card:nth-child(2) > .team-card-content > h3"
                  ]
                },
                {
                  "html": "<h3>Port Aurora</h3>",
                  "target": [
                    ".team-card:nth-child(3) > .team-card-content > h3"
                  ]
                },
                {
                  "html": "<h3>Coastline FC</h3>",
                  "target": [
                    ".team-card:nth-child(4) > .team-card-content > h3"
                  ]
                },
                {
                  "html": "<h3>Top performers</h3>",
                  "target": [
                    ".performers-panel > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"podcasts-title\">Podcasts</h2>",
                  "target": [
                    "#podcasts-title"
                  ]
                },
                {
                  "html": "<h3>Building a contender without a superstar</h3>",
                  "target": [
                    ".podcast-card:nth-child(1) > .podcast-body > h3"
                  ]
                },
                {
                  "html": "<h3>The comeback no one saw coming</h3>",
                  "target": [
                    ".podcast-card:nth-child(2) > .podcast-body > h3"
                  ]
                },
                {
                  "html": "<h3>What the women\u2019s game is getting right</h3>",
                  "target": [
                    ".podcast-card:nth-child(3) > .podcast-body > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"events-title\">Upcoming events</h2>",
                  "target": [
                    "#events-title"
                  ]
                },
                {
                  "html": "<h3>Northshore Kings vs. Harbor City</h3>",
                  "target": [
                    ".event-row:nth-child(1) > .event-info > h3"
                  ]
                },
                {
                  "html": "<h3>Metro Comets vs. Portland Peaks</h3>",
                  "target": [
                    ".event-row:nth-child(2) > .event-info > h3"
                  ]
                },
                {
                  "html": "<h3>Coastline FC vs. Valley United</h3>",
                  "target": [
                    ".event-row:nth-child(3) > .event-info > h3"
                  ]
                },
                {
                  "html": "<h3>Wear the colors.</h3>",
                  "target": [
                    ".gear-card-content > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"training-title\">Build your advantage</h2>",
                  "target": [
                    "#training-title"
                  ]
                },
                {
                  "html": "<h3>Load management, decoded</h3>",
                  "target": [
                    ".resource-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Fuel the next performance</h3>",
                  "target": [
                    ".resource-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>See the field faster</h3>",
                  "target": [
                    ".resource-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Frequently asked</h3>",
                  "target": [
                    ".faq-panel > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"newsletter-title\">Start ahead of the game.</h2>",
                  "target": [
                    "#newsletter-title"
                  ]
                },
                {
                  "html": "<h2>Aperture Sports</h2>",
                  "target": [
                    ".footer-brand > h2"
                  ]
                },
                {
                  "html": "<h3>Coverage</h3>",
                  "target": [
                    ".footer-column:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Discover</h3>",
                  "target": [
                    ".footer-column:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Company</h3>",
                  "target": [
                    ".footer-column:nth-child(4) > h3"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main id=\"main\">",
                  "target": [
                    "#main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#9fb1b7",
                "bgColor": "#07141b",
                "contrastRatio": 8.39,
                "fontSize": "8.3pt (11.04px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 8.39"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<p><span class=\"live-dot\" aria-hidden=\"true\"></span>Global sports desk <span aria-hidden=\"true\">\u00b7</span> <span data-current-date=\"\">Thursday, November 12, 2026</span></p>",
          "target": [
            ".utility-inner > p"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "primary-nav",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<nav class=\"primary-nav\" id=\"primary-nav\" aria-label=\"Primary navigation\">",
          "target": [
            "#primary-nav"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label class=\"sr-only\" for=\"newsletter-email\">Email address</label>",
                  "target": [
                    "label"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input id=\"newsletter-email\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"Your email address\" required=\"\">",
          "target": [
            "#newsletter-email"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\" class=\"js\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img class=\"brand-logo\" src=\"https://placehold.co/56x56/c9ff3f/0a1a22?text=A&amp;font=oswald\" width=\"56\" height=\"56\" alt=\"Aperture Sports A logo\">",
          "target": [
            ".brand-logo"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label class=\"sr-only\" for=\"newsletter-email\">Email address</label>",
                  "target": [
                    "label"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            },
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input id=\"newsletter-email\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"Your email address\" required=\"\">",
          "target": [
            "#newsletter-email"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a class=\"skip-link\" href=\"#main\">Skip to main content</a>",
          "target": [
            ".skip-link"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul class=\"hero-metrics\" aria-label=\"Aperture Sports coverage statistics\">",
          "target": [
            ".hero-metrics"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><strong>05</strong><span>Leagues covered</span></li>",
          "target": [
            ".hero-metrics > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img class=\"brand-logo\" src=\"https://placehold.co/56x56/c9ff3f/0a1a22?text=A&amp;font=oswald\" width=\"56\" height=\"56\" alt=\"Aperture Sports A logo\">",
          "target": [
            ".brand-logo"
          ]
        }
      ]
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<summary>What does Aperture Sports cover? <span class=\"faq-plus\" aria-hidden=\"true\"></span></summary>",
          "target": [
            "details:nth-child(1) > summary"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 193.5,
                "height": 46.4
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (193.5px by 46.4px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"skip-link\" href=\"#main\">Skip to main content</a>",
          "target": [
            ".skip-link"
          ]
        }
      ]
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "td-headers-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The headers attribute is exclusively used to refer to other cells in the table"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<table class=\"standings-table\">",
          "target": [
            "table"
          ]
        }
      ]
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "th-has-data-cells",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "All table header cells refer to data cells"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<table class=\"standings-table\">",
          "target": [
            "table"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": {
                "role": null,
                "nodeName": "div",
                "messageKey": "noRoleSingular",
                "prohibited": [
                  "aria-label"
                ]
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute is not well supported on a div with no valid role attribute."
            }
          ],
          "impact": "serious",
          "html": "<div class=\"breaking-strip\" aria-label=\"Breaking sports updates\">",
          "target": [
            ".breaking-strip"
          ],
          "failureSummary": "Fix all of the following:\n  aria-label attribute is not well supported on a div with no valid role attribute."
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fontSize": "8.5pt (11.36px)",
                "fontWeight": "bold",
                "messageKey": "pseudoContent",
                "expectedContrastRatio": "4.5:1"
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\" aria-labelledby=\"hero-title\">",
                  "target": [
                    ".hero"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a pseudo element"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"hero-kicker\">Independent sports journalism \u00b7 Since 2018</div>",
          "target": [
            ".hero-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "8.6pt (11.52px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"breaking-label\">Just in</span>",
                  "target": [
                    ".breaking-label"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 8.6pt (11.52px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"breaking-label\">Just in</span>",
          "target": [
            ".breaking-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 8.6pt (11.52px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c83b28",
                "bgColor": "#ffebe8",
                "contrastRatio": 4.45,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"status-pill status-pill--live\">Q3 \u00b7 06:18</span>",
                  "target": [
                    ".status-pill--live"
                  ]
                },
                {
                  "html": "<article class=\"score-card is-live\">",
                  "target": [
                    ".is-live"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.45 (foreground color: #c83b28, background color: #ffebe8, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"status-pill status-pill--live\">Q3 \u00b7 06:18</span>",
          "target": [
            ".status-pill--live"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.45 (foreground color: #c83b28, background color: #ffebe8, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p id=\"score-summary\" aria-live=\"polite\">Showing 4 football fixtures across all statuses.</p>",
          "target": [
            "#score-summary"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#60767d",
                "bgColor": "#06131a",
                "contrastRatio": 3.92,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    ".site-footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.92 (foreground color: #60767d, background color: #06131a, font size: 7.3pt (9.76px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"container footer-disclaimer\">Aperture Sports is an independent fictional sports publication. Team names, match results, and performance data on this demonstration page are illustrative.</div>",
          "target": [
            ".footer-disclaimer"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.92 (foreground color: #60767d, background color: #06131a, font size: 7.3pt (9.76px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Live desk</span>",
          "target": [
            ".is-visible.section-heading--split.section-heading > div:nth-child(1) > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Four competitions. One live desk. Follow every result, status update, and decisive moment across the Aperture leagues, with a scoreboard designed for quick answers without losing the context behind the game.</p>",
          "target": [
            ".is-visible.section-heading--split.section-heading > div:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"filter-button\" type=\"button\" data-score-status=\"live\" aria-pressed=\"false\">Live</button>",
          "target": [
            "button[data-score-status=\"live\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"filter-button\" type=\"button\" data-score-status=\"upcoming\" aria-pressed=\"false\">Upcoming</button>",
          "target": [
            "button[data-score-status=\"upcoming\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "7.9pt (10.56px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button class=\"filter-button\" type=\"button\" data-score-status=\"final\" aria-pressed=\"false\">Final</button>",
          "target": [
            "button[data-score-status=\"final\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Live desk</span>",
          "target": [
            "#scores > .container > .section-heading--split.is-visible.section-heading > div:nth-child(1) > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Four competitions. One live desk. Follow every result, status update, and decisive moment across the Aperture leagues, with a scoreboard designed for quick answers without losing the context behind the game.</p>",
          "target": [
            "#scores > .container > .section-heading--split.is-visible.section-heading > div:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#ece8dd",
                "contrastRatio": 2.38,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section--paper-deep\" id=\"standings\" aria-labelledby=\"standings-title\">",
                  "target": [
                    "#standings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.38 (foreground color: #ff644c, background color: #ece8dd, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">League tables</span>",
          "target": [
            "#standings > .container > .section-heading--split.is-visible.section-heading > div > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.38 (foreground color: #ff644c, background color: #ece8dd, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#ece8dd",
                "contrastRatio": 3.79,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section--paper-deep\" id=\"standings\" aria-labelledby=\"standings-title\">",
                  "target": [
                    "#standings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #68777d, background color: #ece8dd, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>The race is not just about who is above whom. Track the points, the fixtures, and the form lines that separate a comfortable finish from a desperate run. Switch competitions to compare each club\u2019s route to the summit.</p>",
          "target": [
            "#standings > .container > .section-heading--split.is-visible.section-heading > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #68777d, background color: #ece8dd, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#ece8dd",
                "contrastRatio": 3.79,
                "fontSize": "7.8pt (10.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"standings-switch\" role=\"group\" aria-label=\"Choose competition\">",
                  "target": [
                    ".standings-switch"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #68777d, background color: #ece8dd, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button type=\"button\" data-standings-league=\"basketball\" aria-pressed=\"false\">Basketball</button>",
          "target": [
            "button[data-standings-league=\"basketball\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #68777d, background color: #ece8dd, font size: 7.8pt (10.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f3f0e8",
                "contrastRatio": 4.07,
                "fontSize": "7.2pt (9.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<th scope=\"col\">Pos</th>",
                  "target": [
                    "th:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<th scope=\"col\">Pos</th>",
          "target": [
            "th:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f3f0e8",
                "contrastRatio": 4.07,
                "fontSize": "7.2pt (9.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<th scope=\"col\">Club</th>",
                  "target": [
                    "th:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<th scope=\"col\">Club</th>",
          "target": [
            "th:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f3f0e8",
                "contrastRatio": 4.07,
                "fontSize": "7.2pt (9.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<th scope=\"col\">PCT</th>",
                  "target": [
                    "th:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<th scope=\"col\">PCT</th>",
          "target": [
            "th:nth-child(5)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f3f0e8",
                "contrastRatio": 4.07,
                "fontSize": "7.2pt (9.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<th scope=\"col\">GB</th>",
                  "target": [
                    "th:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<th scope=\"col\">GB</th>",
          "target": [
            "th:nth-child(6)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f3f0e8",
                "contrastRatio": 4.07,
                "fontSize": "7.2pt (9.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<th scope=\"col\">Form</th>",
                  "target": [
                    "th:nth-child(7)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<th scope=\"col\">Form</th>",
          "target": [
            "th:nth-child(7)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.07 (foreground color: #68777d, background color: #f3f0e8, font size: 7.2pt (9.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Live desk</span>",
          "target": [
            "#scores > .container > .section-heading--split.section-heading.is-visible > div:nth-child(1) > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Four competitions. One live desk. Follow every result, status update, and decisive moment across the Aperture leagues, with a scoreboard designed for quick answers without losing the context behind the game.</p>",
          "target": [
            "#scores > .container > .section-heading--split.section-heading.is-visible > div:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#ece8dd",
                "contrastRatio": 2.38,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section--paper-deep\" id=\"standings\" aria-labelledby=\"standings-title\">",
                  "target": [
                    "#standings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.38 (foreground color: #ff644c, background color: #ece8dd, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">League tables</span>",
          "target": [
            "#standings > .container > .section-heading--split.section-heading.is-visible > div > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.38 (foreground color: #ff644c, background color: #ece8dd, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#ece8dd",
                "contrastRatio": 3.79,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section--paper-deep\" id=\"standings\" aria-labelledby=\"standings-title\">",
                  "target": [
                    "#standings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #68777d, background color: #ece8dd, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>The race is not just about who is above whom. Track the points, the fixtures, and the form lines that separate a comfortable finish from a desperate run. Switch competitions to compare each club\u2019s route to the summit.</p>",
          "target": [
            "#standings > .container > .section-heading--split.section-heading.is-visible > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #68777d, background color: #ece8dd, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">The daily briefing</span>",
          "target": [
            ".section-heading.is-visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Reporting beyond the result: the tactical adjustment, the breakout performance, and the roster decision that will shape the next match. Our correspondents connect the morning headlines to the reasons behind them.</p>",
          "target": [
            ".section-heading.is-visible.reveal > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">01</span>",
                  "target": [
                    ".story-card.is-visible > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">01</span>",
          "target": [
            ".story-card.is-visible > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Draft room</span>",
          "target": [
            ".story-card.is-visible > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">6 min read</span>",
          "target": [
            ".story-card.is-visible > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">01</span>",
                  "target": [
                    ".story-card.is-visible:nth-child(1) > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">01</span>",
          "target": [
            ".story-card.is-visible:nth-child(1) > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible:nth-child(1)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Draft room</span>",
          "target": [
            ".story-card.is-visible:nth-child(1) > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible:nth-child(1)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">6 min read</span>",
          "target": [
            ".story-card.is-visible:nth-child(1) > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">02</span>",
                  "target": [
                    ".story-card.is-visible:nth-child(2) > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">02</span>",
          "target": [
            ".story-card.is-visible:nth-child(2) > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible:nth-child(2)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Player statistics</span>",
          "target": [
            ".story-card.is-visible:nth-child(2) > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible:nth-child(2)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">5 min read</span>",
          "target": [
            ".story-card.is-visible:nth-child(2) > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">03</span>",
                  "target": [
                    ".story-card.is-visible:nth-child(3) > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">03</span>",
          "target": [
            ".story-card.is-visible:nth-child(3) > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible:nth-child(3)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Women\u2019s game</span>",
          "target": [
            ".story-card.is-visible:nth-child(3) > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible:nth-child(3)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">7 min read</span>",
          "target": [
            ".story-card.is-visible:nth-child(3) > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">04</span>",
                  "target": [
                    ".story-card.is-visible:nth-child(4) > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">04</span>",
          "target": [
            ".story-card.is-visible:nth-child(4) > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible:nth-child(4)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Transfer central</span>",
          "target": [
            ".story-card.is-visible:nth-child(4) > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card.is-visible:nth-child(4)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">4 min read</span>",
          "target": [
            ".story-card.is-visible:nth-child(4) > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">The daily briefing</span>",
          "target": [
            "#latest > .container > .section-heading.is-visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Reporting beyond the result: the tactical adjustment, the breakout performance, and the roster decision that will shape the next match. Our correspondents connect the morning headlines to the reasons behind them.</p>",
          "target": [
            "#latest > .container > .section-heading.is-visible.reveal > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Team hub</span>",
          "target": [
            "#teams > .container > .section-heading.is-visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Get closer to the teams you follow. From tactical previews and squad updates to player statistics and post-match interviews, each club page brings the season into one focused place.</p>",
          "target": [
            "#teams > .container > .section-heading.is-visible.reveal > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#ffffff",
                "contrastRatio": 2.92,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<aside class=\"performers-panel reveal is-visible\" aria-label=\"Top performers\">",
                  "target": [
                    ".performers-panel"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ff644c, background color: #ffffff, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Last seven games</span>",
          "target": [
            ".performers-panel > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ff644c, background color: #ffffff, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">01</span>",
                  "target": [
                    ".story-card:nth-child(1) > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">01</span>",
          "target": [
            ".story-card:nth-child(1) > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Draft room</span>",
          "target": [
            ".story-card:nth-child(1) > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">6 min read</span>",
          "target": [
            ".story-card:nth-child(1) > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">02</span>",
                  "target": [
                    ".story-card:nth-child(2) > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">02</span>",
          "target": [
            ".story-card:nth-child(2) > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card:nth-child(2)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Player statistics</span>",
          "target": [
            ".story-card:nth-child(2) > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card:nth-child(2)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">5 min read</span>",
          "target": [
            ".story-card:nth-child(2) > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">03</span>",
                  "target": [
                    ".story-card:nth-child(3) > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">03</span>",
          "target": [
            ".story-card:nth-child(3) > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card:nth-child(3)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Women\u2019s game</span>",
          "target": [
            ".story-card:nth-child(3) > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card:nth-child(3)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">7 min read</span>",
          "target": [
            ".story-card:nth-child(3) > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff644c",
                "contrastRatio": 2.92,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"story-number\">04</span>",
                  "target": [
                    ".story-card:nth-child(4) > .story-thumb > .story-number"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-number\">04</span>",
          "target": [
            ".story-card:nth-child(4) > .story-thumb > .story-number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.92 (foreground color: #ffffff, background color: #ff644c, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.85,
                "fontSize": "7.3pt (9.76px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card:nth-child(4)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-kicker\">Transfer central</span>",
          "target": [
            ".story-card:nth-child(4) > .story-copy > .story-kicker"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.85 (foreground color: #ff644c, background color: #fdfcfa, font size: 7.3pt (9.76px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#8b969a",
                "bgColor": "#fdfcfa",
                "contrastRatio": 2.95,
                "fontSize": "7.6pt (10.08px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card reveal is-visible\">",
                  "target": [
                    ".story-card:nth-child(4)"
                  ]
                },
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"story-time\">4 min read</span>",
          "target": [
            ".story-card:nth-child(4) > .story-copy > .story-time"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #8b969a, background color: #fdfcfa, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#c9ff3f",
                "contrastRatio": 3.94,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section--lime\" id=\"events\" aria-labelledby=\"events-title\">",
                  "target": [
                    "#events"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.94 (foreground color: #68777d, background color: #c9ff3f, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>From sold-out championship games to community finals under the lights, these are the dates worth circling now. Secure your seat early for the biggest regular-season and postseason matchups.</p>",
          "target": [
            "#events > .container > .section-heading--split.section-heading.is-visible > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.94 (foreground color: #68777d, background color: #c9ff3f, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">The training room</span>",
          "target": [
            "#training > .container > .section-heading.is-visible.reveal > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Performance resources for athletes, coaches, and lifelong competitors. Our guides translate current sports science into practical tools that can be used in the gym, on the field, and during competition.</p>",
          "target": [
            "#training > .container > .section-heading.is-visible.reveal > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Live desk</span>",
          "target": [
            "#scores > .container > .section-heading--split.section-heading.reveal > div:nth-child(1) > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Four competitions. One live desk. Follow every result, status update, and decisive moment across the Aperture leagues, with a scoreboard designed for quick answers without losing the context behind the game.</p>",
          "target": [
            "#scores > .container > .section-heading--split.section-heading.reveal > div:nth-child(1) > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#ece8dd",
                "contrastRatio": 2.38,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section--paper-deep\" id=\"standings\" aria-labelledby=\"standings-title\">",
                  "target": [
                    "#standings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.38 (foreground color: #ff644c, background color: #ece8dd, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">League tables</span>",
          "target": [
            "#standings > .container > .section-heading--split.section-heading.reveal > div > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.38 (foreground color: #ff644c, background color: #ece8dd, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#ece8dd",
                "contrastRatio": 3.79,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section--paper-deep\" id=\"standings\" aria-labelledby=\"standings-title\">",
                  "target": [
                    "#standings"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.79 (foreground color: #68777d, background color: #ece8dd, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>The race is not just about who is above whom. Track the points, the fixtures, and the form lines that separate a comfortable finish from a desperate run. Switch competitions to compare each club\u2019s route to the summit.</p>",
          "target": [
            "#standings > .container > .section-heading--split.section-heading.reveal > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.79 (foreground color: #68777d, background color: #ece8dd, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">The daily briefing</span>",
          "target": [
            "#latest > .container > .section-heading.reveal.is-visible > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Reporting beyond the result: the tactical adjustment, the breakout performance, and the roster decision that will shape the next match. Our correspondents connect the morning headlines to the reasons behind them.</p>",
          "target": [
            "#latest > .container > .section-heading.reveal.is-visible > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Team hub</span>",
          "target": [
            "#teams > .container > .section-heading.reveal.is-visible > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Get closer to the teams you follow. From tactical previews and squad updates to player statistics and post-match interviews, each club page brings the season into one focused place.</p>",
          "target": [
            "#teams > .container > .section-heading.reveal.is-visible > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#c9ff3f",
                "contrastRatio": 3.94,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section--lime\" id=\"events\" aria-labelledby=\"events-title\">",
                  "target": [
                    "#events"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.94 (foreground color: #68777d, background color: #c9ff3f, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>From sold-out championship games to community finals under the lights, these are the dates worth circling now. Secure your seat early for the biggest regular-season and postseason matchups.</p>",
          "target": [
            "#events > .container > .section-heading--split.section-heading.reveal > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.94 (foreground color: #68777d, background color: #c9ff3f, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ff644c",
                "bgColor": "#f7f4ec",
                "contrastRatio": 2.66,
                "fontSize": "8.8pt (11.68px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">The training room</span>",
          "target": [
            "#training > .container > .section-heading.reveal.is-visible > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.66 (foreground color: #ff644c, background color: #f7f4ec, font size: 8.8pt (11.68px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#68777d",
                "bgColor": "#f7f4ec",
                "contrastRatio": 4.22,
                "fontSize": "12.5pt (16.64px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body id=\"top\">",
                  "target": [
                    "#top"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Performance resources for athletes, coaches, and lifelong competitors. Our guides translate current sports science into practical tools that can be used in the gym, on the field, and during competition.</p>",
          "target": [
            "#training > .container > .section-heading.reveal.is-visible > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.22 (foreground color: #68777d, background color: #f7f4ec, font size: 12.5pt (16.64px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 12580
      },
      {
        "y": 576,
        "height": 12580
      },
      {
        "y": 1152,
        "height": 12580
      },
      {
        "y": 1728,
        "height": 12580
      },
      {
        "y": 2304,
        "height": 12580
      },
      {
        "y": 2880,
        "height": 12580
      },
      {
        "y": 3456,
        "height": 12580
      },
      {
        "y": 4032,
        "height": 12580
      },
      {
        "y": 4608,
        "height": 12580
      },
      {
        "y": 5184,
        "height": 12580
      },
      {
        "y": 5760,
        "height": 12580
      },
      {
        "y": 6336,
        "height": 12580
      },
      {
        "y": 6912,
        "height": 12580
      },
      {
        "y": 7488,
        "height": 12580
      },
      {
        "y": 8064,
        "height": 12580
      },
      {
        "y": 8640,
        "height": 12580
      },
      {
        "y": 9216,
        "height": 12580
      },
      {
        "y": 9792,
        "height": 12580
      },
      {
        "y": 10368,
        "height": 12580
      },
      {
        "y": 10944,
        "height": 12580
      },
      {
        "y": 11520,
        "height": 12580
      },
      {
        "y": 11860,
        "height": 12580
      }
    ],
    "scans": 23,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Sports" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Sports"
- Description: Sports news, team updates, scores, events, and athletic resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Sports" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Standings", "Podcasts", "Teams".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Sports" category. Consider themes similar to: "Championship News", "Highlights", "Injury Reports".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "player statistics", "championship", "draft pick".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Check Scores", "Buy Tickets", "Shop Gear".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Sports" sector. Ideas similar but not limited to: "live scoreboard".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "upcoming games", "top performers", "photo galleries".
-   **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
-   **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.