DeepSeek DeepSeek V4 Pro 0813 – Sports

via Together · Generated

  • AIMAC Debt 8.21
  • Cost $0.10
  • Total Violations 84
  • HTML Size 97 KB
  • Em Dashes 17

Screenshot

View DeepSeek DeepSeek V4 Pro 0813 Sports page View Live Page

Accessibility Issues Found

84 Serious

  • color-contrast serious 83 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <div class="ticker-label">Breaking News</div>
  • scrollable-region-focusable serious 1 instance

    Scrollable region must have keyboard access

    Example HTML <div class="scores-strip" id="standings">

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">
    <title>Apex Sports Network — Where Champions Are Made & Legends Are Followed</title>
    <meta name="description" content="Apex Sports Network delivers real-time scores, in-depth player stats, historical records, injury reports, and breaking sports news from around the globe.">
    <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=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --bg-primary: #0A0E1A;
            --bg-secondary: #111827;
            --bg-card: #1A1F2E;
            --bg-card-hover: #1F2537;
            --bg-elevated: #232A3D;
            --accent: #FF6B35;
            --accent-hover: #FF8255;
            --accent-glow: rgba(255, 107, 53, 0.25);
            --accent-teal: #00D4AA;
            --accent-teal-glow: rgba(0, 212, 170, 0.2);
            --text-primary: #FFFFFF;
            --text-secondary: #B0B8C8;
            --text-muted: #6B7280;
            --border-color: #2A3040;
            --border-light: #3A4155;
            --font-heading: 'Oswald', sans-serif;
            --font-body: 'Inter', sans-serif;
            --radius-sm: 6px;
            --radius-md: 10px;
            --radius-lg: 16px;
            --radius-xl: 20px;
            --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
            --shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.45);
            --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
            --max-width: 1280px;
            --header-height: 72px;
        }

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

        html {
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            font-family: var(--font-body);
            background-color: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }

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

        a {
            text-decoration: none;
            color: inherit;
            transition: color var(--transition);
        }

        button {
            cursor: pointer;
            font-family: inherit;
            border: none;
            background: none;
            color: inherit;
        }

        .container {
            max-width: var(--max-width);
            margin: 0 auto;
            padding: 0 24px;
        }

        /* ============ TOP TICKER ============ */
        .ticker-bar {
            background: var(--accent);
            color: #fff;
            font-size: 0.8rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            overflow: hidden;
            position: relative;
            z-index: 100;
            height: 36px;
            display: flex;
            align-items: center;
        }

        .ticker-bar .ticker-label {
            background: #D94F1E;
            padding: 0 20px;
            font-family: var(--font-heading);
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            font-size: 0.75rem;
            height: 100%;
            display: flex;
            align-items: center;
            white-space: nowrap;
            flex-shrink: 0;
            z-index: 2;
        }

        .ticker-bar .ticker-track {
            display: flex;
            white-space: nowrap;
            animation: ticker-scroll 30s linear infinite;
            will-change: transform;
        }

        .ticker-bar .ticker-track span {
            padding: 0 30px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .ticker-bar .ticker-track span::after {
            content: "•";
            margin-left: 30px;
            opacity: 0.6;
        }

        @keyframes ticker-scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        /* ============ HEADER ============ */
        .site-header {
            background: var(--bg-primary);
            border-bottom: 1px solid var(--border-color);
            position: sticky;
            top: 0;
            z-index: 90;
            transition: box-shadow var(--transition);
        }

        .site-header.scrolled {
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
        }

        .header-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: var(--header-height);
            gap: 20px;
        }

        .logo-section {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-shrink: 0;
        }

        .logo-section img {
            width: 48px;
            height: 48px;
            border-radius: var(--radius-sm);
            object-fit: cover;
            border: 2px solid var(--accent);
            box-shadow: 0 0 20px var(--accent-glow);
        }

        .logo-text {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        .logo-text .site-name {
            font-family: var(--font-heading);
            font-weight: 700;
            font-size: 1.35rem;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: var(--text-primary);
        }

        .logo-text .site-name span {
            color: var(--accent);
        }

        .logo-text .tagline {
            font-size: 0.7rem;
            color: var(--text-muted);
            letter-spacing: 1.2px;
            text-transform: uppercase;
            font-weight: 500;
        }

        .main-nav {
            display: flex;
            align-items: center;
            gap: 4px;
        }

        .main-nav a {
            padding: 8px 16px;
            font-size: 0.85rem;
            font-weight: 500;
            color: var(--text-secondary);
            border-radius: var(--radius-sm);
            letter-spacing: 0.3px;
            transition: all var(--transition);
            position: relative;
            white-space: nowrap;
        }

        .main-nav a:hover,
        .main-nav a.active {
            color: var(--text-primary);
            background: var(--bg-card);
        }

        .main-nav a.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 16px;
            right: 16px;
            height: 2px;
            background: var(--accent);
            border-radius: 2px;
        }

        .nav-cta {
            background: var(--accent) !important;
            color: #fff !important;
            font-weight: 600 !important;
            padding: 8px 20px !important;
            border-radius: var(--radius-sm) !important;
            transition: all var(--transition) !important;
        }

        .nav-cta:hover {
            background: var(--accent-hover) !important;
            box-shadow: 0 4px 16px var(--accent-glow);
            transform: translateY(-1px);
        }

        .mobile-menu-btn {
            display: none;
            flex-direction: column;
            gap: 5px;
            padding: 8px;
            background: var(--bg-card);
            border-radius: var(--radius-sm);
            border: 1px solid var(--border-color);
        }

        .mobile-menu-btn span {
            width: 22px;
            height: 2px;
            background: var(--text-primary);
            border-radius: 2px;
            transition: all var(--transition);
        }

        /* ============ HERO ============ */
        .hero {
            position: relative;
            min-height: 560px;
            display: flex;
            align-items: center;
            overflow: hidden;
            background: var(--bg-secondary);
        }

        .hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
        }

        .hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.35;
            filter: saturate(0.8) contrast(1.1);
        }

        .hero-bg::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(10, 14, 26, 0.95) 0%, rgba(10, 14, 26, 0.7) 40%, rgba(10, 14, 26, 0.4) 70%, rgba(10, 14, 26, 0.85) 100%);
        }

        .hero-content {
            position: relative;
            z-index: 1;
            max-width: 700px;
            padding: 60px 0;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--accent);
            color: #fff;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            padding: 6px 16px;
            border-radius: 50px;
            margin-bottom: 20px;
        }

        .hero-badge .dot {
            width: 6px;
            height: 6px;
            background: #fff;
            border-radius: 50%;
            animation: pulse-dot 1.5s ease-in-out infinite;
        }

        @keyframes pulse-dot {
            0%,
            100% {
                opacity: 1;
                transform: scale(1);
            }
            50% {
                opacity: 0.5;
                transform: scale(1.4);
            }
        }

        .hero h1 {
            font-family: var(--font-heading);
            font-size: 3.5rem;
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            margin-bottom: 16px;
            color: var(--text-primary);
        }

        .hero h1 .highlight {
            color: var(--accent);
            position: relative;
        }

        .hero p {
            font-size: 1.1rem;
            color: var(--text-secondary);
            max-width: 560px;
            margin-bottom: 28px;
            line-height: 1.7;
        }

        .hero-actions {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 28px;
            font-size: 0.9rem;
            font-weight: 600;
            border-radius: var(--radius-sm);
            letter-spacing: 0.5px;
            transition: all var(--transition);
            text-transform: uppercase;
            font-family: var(--font-heading);
            letter-spacing: 1px;
        }

        .btn-primary {
            background: var(--accent);
            color: #fff;
            box-shadow: 0 4px 20px var(--accent-glow);
        }

        .btn-primary:hover {
            background: var(--accent-hover);
            box-shadow: 0 8px 32px var(--accent-glow);
            transform: translateY(-2px);
        }

        .btn-secondary {
            background: transparent;
            color: var(--text-primary);
            border: 2px solid var(--border-light);
        }

        .btn-secondary:hover {
            border-color: var(--accent);
            color: var(--accent);
            background: rgba(255, 107, 53, 0.05);
        }

        .btn-teal {
            background: var(--accent-teal);
            color: #0A0E1A;
            box-shadow: 0 4px 20px var(--accent-teal-glow);
        }

        .btn-teal:hover {
            background: #00E8BC;
            box-shadow: 0 8px 32px var(--accent-teal-glow);
            transform: translateY(-2px);
        }

        /* ============ LIVE SCORES STRIP ============ */
        .scores-strip {
            background: var(--bg-card);
            border-bottom: 1px solid var(--border-color);
            padding: 16px 0;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .scores-strip .container {
            display: flex;
            gap: 12px;
            min-width: max-content;
        }

        .score-card {
            background: var(--bg-elevated);
            border-radius: var(--radius-md);
            padding: 12px 18px;
            display: flex;
            align-items: center;
            gap: 14px;
            border: 1px solid var(--border-color);
            transition: all var(--transition);
            min-width: 220px;
            flex-shrink: 0;
        }

        .score-card:hover {
            border-color: var(--accent);
            background: var(--bg-card-hover);
            transform: translateY(-2px);
            box-shadow: var(--shadow-card);
        }

        .score-card .sport-icon {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--accent-glow);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            flex-shrink: 0;
        }

        .score-card .score-info {
            flex: 1;
        }

        .score-card .score-info .teams {
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--text-primary);
            letter-spacing: 0.3px;
        }

        .score-card .score-info .score {
            font-family: var(--font-heading);
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--accent);
            line-height: 1.2;
        }

        .score-card .score-info .status {
            font-size: 0.7rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .score-card .status-live {
            color: #FF4444;
            font-weight: 700;
            animation: blink 1.2s ease-in-out infinite;
        }

        @keyframes blink {
            0%,
            100% {
                opacity: 1;
            }
            50% {
                opacity: 0.4;
            }
        }

        /* ============ MAIN CONTENT LAYOUT ============ */
        .main-content {
            padding: 48px 0;
            display: grid;
            grid-template-columns: 1fr 340px;
            gap: 32px;
        }

        /* ============ NEWS SECTION ============ */
        .section-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
            flex-wrap: wrap;
            gap: 12px;
        }

        .section-header h2 {
            font-family: var(--font-heading);
            font-size: 1.8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--text-primary);
            position: relative;
            padding-left: 16px;
        }

        .section-header h2::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 4px;
            height: 28px;
            background: var(--accent);
            border-radius: 2px;
        }

        .section-header .view-all {
            font-size: 0.8rem;
            color: var(--accent);
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            display: flex;
            align-items: center;
            gap: 6px;
            transition: all var(--transition);
        }

        .section-header .view-all:hover {
            color: var(--accent-hover);
            gap: 10px;
        }

        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
        }

        .news-card {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            overflow: hidden;
            border: 1px solid var(--border-color);
            transition: all var(--transition);
            cursor: pointer;
        }

        .news-card:hover {
            border-color: var(--accent);
            box-shadow: var(--shadow-hover);
            transform: translateY(-4px);
        }

        .news-card .card-image {
            position: relative;
            aspect-ratio: 16/10;
            overflow: hidden;
        }

        .news-card .card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .news-card:hover .card-image img {
            transform: scale(1.05);
        }

        .news-card .card-image .category-badge {
            position: absolute;
            top: 12px;
            left: 12px;
            background: var(--accent);
            color: #fff;
            font-size: 0.7rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding: 4px 12px;
            border-radius: 50px;
        }

        .news-card .card-body {
            padding: 18px 20px 20px;
        }

        .news-card .card-body h3 {
            font-family: var(--font-heading);
            font-size: 1.15rem;
            font-weight: 600;
            letter-spacing: 0.3px;
            margin-bottom: 8px;
            line-height: 1.4;
            color: var(--text-primary);
        }

        .news-card .card-body p {
            font-size: 0.85rem;
            color: var(--text-secondary);
            line-height: 1.6;
            margin-bottom: 14px;
        }

        .news-card .card-meta {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 0.75rem;
            color: var(--text-muted);
        }

        .news-card .card-meta .author-avatar {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            object-fit: cover;
            border: 1px solid var(--border-light);
        }

        /* ============ SIDEBAR ============ */
        .sidebar {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .sidebar-widget {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            border: 1px solid var(--border-color);
            padding: 20px;
        }

        .sidebar-widget h3 {
            font-family: var(--font-heading);
            font-size: 1.1rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            margin-bottom: 16px;
            color: var(--text-primary);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .sidebar-widget h3 .icon {
            color: var(--accent);
        }

        .standings-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .standings-list li {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 10px;
            border-radius: var(--radius-sm);
            background: var(--bg-elevated);
            font-size: 0.8rem;
            transition: all var(--transition);
            cursor: pointer;
        }

        .standings-list li:hover {
            background: var(--bg-card-hover);
            border-left: 3px solid var(--accent);
        }

        .standings-list .rank {
            font-family: var(--font-heading);
            font-weight: 700;
            font-size: 0.9rem;
            color: var(--accent);
            width: 24px;
            text-align: center;
        }

        .standings-list .team-name {
            flex: 1;
            font-weight: 500;
            color: var(--text-primary);
        }

        .standings-list .record {
            color: var(--text-muted);
            font-size: 0.75rem;
        }

        .top-performers {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .performer-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px;
            border-radius: var(--radius-sm);
            background: var(--bg-elevated);
            transition: all var(--transition);
        }

        .performer-item:hover {
            background: var(--bg-card-hover);
        }

        .performer-item img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid var(--accent);
        }

        .performer-item .perf-info {
            flex: 1;
        }

        .performer-item .perf-info .name {
            font-weight: 600;
            font-size: 0.85rem;
            color: var(--text-primary);
        }

        .performer-item .perf-info .stat {
            font-size: 0.7rem;
            color: var(--text-muted);
        }

        .performer-item .perf-value {
            font-family: var(--font-heading);
            font-weight: 700;
            font-size: 1.1rem;
            color: var(--accent-teal);
        }

        /* ============ PLAYER STATS SECTION ============ */
        .stats-section {
            padding: 56px 0;
            background: var(--bg-secondary);
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 24px;
            margin-top: 28px;
        }

        .stat-card {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            padding: 24px;
            border: 1px solid var(--border-color);
            transition: all var(--transition);
        }

        .stat-card:hover {
            border-color: var(--accent);
            box-shadow: var(--shadow-card);
        }

        .stat-card .stat-header {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 16px;
        }

        .stat-card .stat-header img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid var(--accent);
        }

        .stat-card .stat-header .player-info h4 {
            font-family: var(--font-heading);
            font-size: 1.05rem;
            font-weight: 600;
            color: var(--text-primary);
        }

        .stat-card .stat-header .player-info span {
            font-size: 0.75rem;
            color: var(--text-muted);
        }

        .stat-bar {
            margin-bottom: 12px;
        }

        .stat-bar .stat-label {
            display: flex;
            justify-content: space-between;
            font-size: 0.75rem;
            color: var(--text-secondary);
            margin-bottom: 4px;
        }

        .stat-bar .stat-label .value {
            font-weight: 700;
            color: var(--accent);
        }

        .stat-bar .bar-track {
            height: 6px;
            background: var(--bg-elevated);
            border-radius: 3px;
            overflow: hidden;
        }

        .stat-bar .bar-fill {
            height: 100%;
            border-radius: 3px;
            background: linear-gradient(90deg, var(--accent), var(--accent-hover));
            transition: width 1s ease;
        }

        .stat-bar .bar-fill.teal {
            background: linear-gradient(90deg, var(--accent-teal), #00E8BC);
        }

        /* ============ HISTORICAL RECORDS ============ */
        .records-section {
            padding: 56px 0;
        }

        .timeline {
            position: relative;
            padding-left: 32px;
            margin-top: 28px;
        }

        .timeline::before {
            content: '';
            position: absolute;
            left: 8px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: var(--border-light);
            border-radius: 1px;
        }

        .timeline-item {
            position: relative;
            margin-bottom: 28px;
            padding-left: 20px;
        }

        .timeline-item::before {
            content: '';
            position: absolute;
            left: -28px;
            top: 6px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: var(--accent);
            border: 3px solid var(--bg-primary);
            box-shadow: 0 0 0 3px var(--accent-glow);
        }

        .timeline-item .year {
            font-family: var(--font-heading);
            font-size: 1.4rem;
            font-weight: 700;
            color: var(--accent);
            letter-spacing: 1px;
            margin-bottom: 4px;
        }

        .timeline-item h4 {
            font-family: var(--font-heading);
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--text-primary);
            margin-bottom: 6px;
        }

        .timeline-item p {
            font-size: 0.9rem;
            color: var(--text-secondary);
            line-height: 1.7;
            max-width: 600px;
        }

        /* ============ INJURY REPORTS ============ */
        .injury-section {
            padding: 56px 0;
            background: var(--bg-secondary);
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
        }

        .injury-table-wrapper {
            overflow-x: auto;
            margin-top: 24px;
            border-radius: var(--radius-md);
            border: 1px solid var(--border-color);
        }

        .injury-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.85rem;
            min-width: 700px;
        }

        .injury-table thead {
            background: var(--bg-elevated);
        }

        .injury-table th {
            padding: 14px 16px;
            text-align: left;
            font-family: var(--font-heading);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            font-size: 0.75rem;
            color: var(--text-secondary);
            border-bottom: 2px solid var(--border-color);
        }

        .injury-table td {
            padding: 12px 16px;
            border-bottom: 1px solid var(--border-color);
            color: var(--text-secondary);
        }

        .injury-table tbody tr {
            transition: background var(--transition);
        }

        .injury-table tbody tr:hover {
            background: var(--bg-card-hover);
        }

        .injury-table .status-badge {
            display: inline-block;
            padding: 3px 10px;
            border-radius: 50px;
            font-size: 0.7rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .status-badge.out {
            background: rgba(255, 68, 68, 0.15);
            color: #FF6B6B;
        }

        .status-badge.doubtful {
            background: rgba(255, 193, 7, 0.15);
            color: #FFC107;
        }

        .status-badge.questionable {
            background: rgba(255, 107, 53, 0.15);
            color: var(--accent);
        }

        .status-badge.day-to-day {
            background: rgba(0, 212, 170, 0.15);
            color: var(--accent-teal);
        }

        /* ============ SCHEDULE PLANNER (INTERACTIVE) ============ */
        .planner-section {
            padding: 56px 0;
        }

        .planner-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-top: 28px;
        }

        .planner-panel {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            border: 1px solid var(--border-color);
            padding: 24px;
        }

        .planner-panel h3 {
            font-family: var(--font-heading);
            font-size: 1.1rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            margin-bottom: 16px;
            color: var(--text-primary);
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .planner-panel select {
            width: 100%;
            padding: 12px 16px;
            background: var(--bg-elevated);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-sm);
            color: var(--text-primary);
            font-family: var(--font-body);
            font-size: 0.9rem;
            margin-bottom: 16px;
            appearance: none;
            cursor: pointer;
            transition: border-color var(--transition);
        }

        .planner-panel select:focus {
            outline: none;
            border-color: var(--accent);
        }

        .game-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
            max-height: 300px;
            overflow-y: auto;
        }

        .game-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 14px;
            background: var(--bg-elevated);
            border-radius: var(--radius-sm);
            border: 1px solid var(--border-color);
            transition: all var(--transition);
        }

        .game-item:hover {
            border-color: var(--accent);
        }

        .game-item .game-date {
            font-size: 0.7rem;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 0.5px;
            min-width: 60px;
        }

        .game-item .game-teams {
            flex: 1;
            font-weight: 500;
            font-size: 0.85rem;
            color: var(--text-primary);
        }

        .game-item .add-btn {
            background: var(--accent);
            color: #fff;
            padding: 6px 14px;
            border-radius: var(--radius-sm);
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: all var(--transition);
            white-space: nowrap;
        }

        .game-item .add-btn:hover {
            background: var(--accent-hover);
            box-shadow: 0 4px 12px var(--accent-glow);
        }

        .game-item .add-btn.added {
            background: var(--accent-teal);
            color: #0A0E1A;
        }

        .watchlist {
            display: flex;
            flex-direction: column;
            gap: 10px;
            max-height: 300px;
            overflow-y: auto;
        }

        .watchlist-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px 14px;
            background: var(--bg-elevated);
            border-radius: var(--radius-sm);
            border: 1px solid var(--accent-teal);
            font-size: 0.85rem;
        }

        .watchlist-item .remove-btn {
            color: #FF6B6B;
            font-size: 1.1rem;
            font-weight: 700;
            padding: 0 4px;
            transition: all var(--transition);
        }

        .watchlist-item .remove-btn:hover {
            color: #FF4444;
            transform: scale(1.2);
        }

        .watchlist-empty {
            text-align: center;
            color: var(--text-muted);
            font-size: 0.85rem;
            padding: 30px 0;
        }

        /* ============ TESTIMONIALS ============ */
        .testimonials-section {
            padding: 56px 0;
            background: var(--bg-secondary);
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
        }

        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin-top: 28px;
        }

        .testimonial-card {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            padding: 24px;
            border: 1px solid var(--border-color);
            transition: all var(--transition);
        }

        .testimonial-card:hover {
            border-color: var(--accent);
            box-shadow: var(--shadow-card);
            transform: translateY(-2px);
        }

        .testimonial-card .quote {
            font-size: 0.9rem;
            color: var(--text-secondary);
            line-height: 1.7;
            margin-bottom: 16px;
            font-style: italic;
        }

        .testimonial-card .testimonial-author {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .testimonial-card .testimonial-author img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            border: 2px solid var(--accent);
        }

        .testimonial-card .testimonial-author .author-name {
            font-weight: 600;
            font-size: 0.85rem;
            color: var(--text-primary);
        }

        .testimonial-card .testimonial-author .author-role {
            font-size: 0.7rem;
            color: var(--text-muted);
        }

        .testimonial-card .stars {
            color: #FFC107;
            font-size: 0.9rem;
            margin-bottom: 10px;
            letter-spacing: 2px;
        }

        /* ============ FAQ ACCORDION ============ */
        .faq-section {
            padding: 56px 0;
        }

        .faq-list {
            max-width: 800px;
            margin: 28px auto 0;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .faq-item {
            background: var(--bg-card);
            border-radius: var(--radius-md);
            border: 1px solid var(--border-color);
            overflow: hidden;
            transition: all var(--transition);
        }

        .faq-item.active {
            border-color: var(--accent);
            box-shadow: 0 4px 16px var(--accent-glow);
        }

        .faq-question {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 20px;
            cursor: pointer;
            font-weight: 600;
            font-size: 0.9rem;
            color: var(--text-primary);
            transition: all var(--transition);
            gap: 12px;
            text-align: left;
            width: 100%;
        }

        .faq-question:hover {
            color: var(--accent);
        }

        .faq-question .faq-icon {
            font-size: 1.2rem;
            color: var(--accent);
            transition: transform 0.3s ease;
            flex-shrink: 0;
        }

        .faq-item.active .faq-question .faq-icon {
            transform: rotate(45deg);
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.3s ease;
            padding: 0 20px;
            color: var(--text-secondary);
            font-size: 0.85rem;
            line-height: 1.7;
        }

        .faq-item.active .faq-answer {
            max-height: 300px;
            padding: 0 20px 18px;
        }

        /* ============ NEWSLETTER CTA ============ */
        .newsletter-section {
            padding: 56px 0;
            background: var(--bg-secondary);
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
        }

        .newsletter-box {
            background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-elevated) 100%);
            border-radius: var(--radius-xl);
            padding: 40px;
            text-align: center;
            border: 1px solid var(--border-color);
            position: relative;
            overflow: hidden;
        }

        .newsletter-box::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle at center, var(--accent-glow) 0%, transparent 60%);
            pointer-events: none;
        }

        .newsletter-box h2 {
            font-family: var(--font-heading);
            font-size: 2rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 12px;
            position: relative;
            z-index: 1;
        }

        .newsletter-box p {
            color: var(--text-secondary);
            font-size: 0.95rem;
            max-width: 500px;
            margin: 0 auto 24px;
            position: relative;
            z-index: 1;
        }

        .newsletter-form {
            display: flex;
            gap: 10px;
            max-width: 480px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
            flex-wrap: wrap;
            justify-content: center;
        }

        .newsletter-form input {
            flex: 1;
            min-width: 200px;
            padding: 14px 18px;
            background: var(--bg-primary);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-sm);
            color: var(--text-primary);
            font-family: var(--font-body);
            font-size: 0.9rem;
            transition: border-color var(--transition);
        }

        .newsletter-form input:focus {
            outline: none;
            border-color: var(--accent);
        }

        .newsletter-form input::placeholder {
            color: var(--text-muted);
        }

        /* ============ FOOTER ============ */
        .site-footer {
            background: var(--bg-primary);
            border-top: 1px solid var(--border-color);
            padding: 48px 0 24px;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: 32px;
            margin-bottom: 32px;
        }

        .footer-brand .logo-text .site-name {
            font-size: 1.2rem;
        }

        .footer-brand p {
            font-size: 0.8rem;
            color: var(--text-muted);
            margin-top: 12px;
            line-height: 1.6;
            max-width: 300px;
        }

        .footer-col h4 {
            font-family: var(--font-heading);
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 16px;
            color: var(--text-primary);
        }

        .footer-col ul {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .footer-col ul a {
            font-size: 0.8rem;
            color: var(--text-muted);
            transition: color var(--transition);
        }

        .footer-col ul a:hover {
            color: var(--accent);
        }

        .footer-social {
            display: flex;
            gap: 10px;
            margin-top: 16px;
        }

        .footer-social a {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--bg-card);
            border: 1px solid var(--border-color);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.9rem;
            transition: all var(--transition);
            color: var(--text-secondary);
        }

        .footer-social a:hover {
            background: var(--accent);
            color: #fff;
            border-color: var(--accent);
            transform: translateY(-2px);
            box-shadow: 0 4px 12px var(--accent-glow);
        }

        .footer-bottom {
            border-top: 1px solid var(--border-color);
            padding-top: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px;
            font-size: 0.75rem;
            color: var(--text-muted);
        }

        .footer-bottom .footer-links {
            display: flex;
            gap: 20px;
        }

        .footer-bottom .footer-links a {
            color: var(--text-muted);
            transition: color var(--transition);
        }

        .footer-bottom .footer-links a:hover {
            color: var(--accent);
        }

        /* ============ RESPONSIVE ============ */
        @media (max-width: 1024px) {
            .main-content {
                grid-template-columns: 1fr;
            }
            .sidebar {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 20px;
            }
            .planner-container {
                grid-template-columns: 1fr;
            }
            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        @media (max-width: 768px) {
            .main-nav {
                display: none;
                position: absolute;
                top: var(--header-height);
                left: 0;
                right: 0;
                background: var(--bg-primary);
                flex-direction: column;
                padding: 16px 24px;
                border-bottom: 1px solid var(--border-color);
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
                z-index: 99;
            }
            .main-nav.open {
                display: flex;
            }
            .main-nav a {
                padding: 12px 16px;
                width: 100%;
                text-align: left;
            }
            .mobile-menu-btn {
                display: flex;
            }
            .hero h1 {
                font-size: 2.2rem;
            }
            .hero {
                min-height: 420px;
            }
            .sidebar {
                grid-template-columns: 1fr;
            }
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            .newsletter-box {
                padding: 28px 20px;
            }
            .newsletter-box h2 {
                font-size: 1.5rem;
            }
            .section-header h2 {
                font-size: 1.4rem;
            }
            .stats-grid {
                grid-template-columns: 1fr;
            }
            .testimonial-grid {
                grid-template-columns: 1fr;
            }
            .footer-bottom {
                flex-direction: column;
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .container {
                padding: 0 16px;
            }
            .hero h1 {
                font-size: 1.8rem;
            }
            .hero p {
                font-size: 0.9rem;
            }
            .btn {
                padding: 12px 20px;
                font-size: 0.8rem;
            }
            .logo-text .site-name {
                font-size: 1.1rem;
            }
            .ticker-bar .ticker-label {
                padding: 0 12px;
                font-size: 0.65rem;
            }
        }
    </style>
</head>
<body>

    <!-- ============ TOP TICKER BAR ============ -->
    <div class="ticker-bar" role="marquee" aria-label="Breaking sports news ticker">
        <div class="ticker-label">Breaking News</div>
        <div class="ticker-track" id="tickerTrack">
            <span>🏀 Lakers clinch playoff berth with 112-104 win over Warriors</span>
            <span>⚽ Champions League semifinal draw announced — Real Madrid vs. Man City</span>
            <span>🏈 NFL Draft: Top QB prospect declares eligibility</span>
            <span>🎾 Serena Williams inducted into Tennis Hall of Fame</span>
            <span>🏒 Stanley Cup Playoffs: Avalanche take 2-0 series lead</span>
            <span>⚾ MLB trade deadline: Yankees acquire All-Star pitcher</span>
            <span>🏀 Lakers clinch playoff berth with 112-104 win over Warriors</span>
            <span>⚽ Champions League semifinal draw announced — Real Madrid vs. Man City</span>
            <span>🏈 NFL Draft: Top QB prospect declares eligibility</span>
            <span>🎾 Serena Williams inducted into Tennis Hall of Fame</span>
            <span>🏒 Stanley Cup Playoffs: Avalanche take 2-0 series lead</span>
            <span>⚾ MLB trade deadline: Yankees acquire All-Star pitcher</span>
        </div>
    </div>

    <!-- ============ HEADER ============ -->
    <header class="site-header" id="siteHeader">
        <div class="container header-inner">
            <div class="logo-section">
                <img src="https://placehold.co/80x80/FF6B35/FFFFFF?text=ASN&font=oswald" alt="Apex Sports Network Logo" width="48" height="48">
                <div class="logo-text">
                    <span class="site-name">Apex <span>Sports</span> Network</span>
                    <span class="tagline">Where Champions Are Made &amp; Legends Are Followed</span>
                </div>
            </div>
            <nav class="main-nav" id="mainNav" aria-label="Primary navigation">
                <a href="#" class="active">Home</a>
                <a href="#about">About</a>
                <a href="#standings">Standings</a>
                <a href="#teams">Teams</a>
                <a href="#stats">Stats</a>
                <a href="#injury-reports">Injury Reports</a>
                <a href="#contact" class="nav-cta">Contact</a>
            </nav>
            <button class="mobile-menu-btn" id="mobileMenuBtn" aria-label="Toggle navigation menu" aria-expanded="false">
                <span></span><span></span><span></span>
            </button>
        </div>
    </header>

    <!-- ============ HERO SECTION ============ -->
    <section class="hero" id="about">
        <div class="hero-bg">
            <img src="https://picsum.photos/1920/800?grayscale" alt="Stadium atmosphere with dramatic lighting" loading="eager">
        </div>
        <div class="container">
            <div class="hero-content">
                <div class="hero-badge">
                    <span class="dot"></span> Live Coverage — Championship Week
                </div>
                <h1>Your Front-Row Seat to <span class="highlight">Every Game</span> That Matters</h1>
                <p>From buzzer-beaters to record-breaking performances, Apex Sports Network delivers real-time scores, in-depth player analytics, historical milestones, and injury reports — all in one place. Whether you're tracking your fantasy roster or following your hometown team, we've got the game strategy, season records, and roster moves covered 24/7.</p>
                <div class="hero-actions">
                    <a href="#stats" class="btn btn-primary">View Stats</a>
                    <a href="#teams" class="btn btn-secondary">Follow Team</a>
                    <a href="#planner" class="btn btn-teal">Plan Game Day</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ============ LIVE SCORES STRIP ============ -->
    <div class="scores-strip" id="standings">
        <div class="container">
            <div class="score-card">
                <div class="sport-icon">🏀</div>
                <div class="score-info">
                    <div class="teams">Lakers vs Warriors</div>
                    <div class="score">112 – 104</div>
                    <div class="status"><span class="status-live">● Live</span> — Q4 2:14</div>
                </div>
            </div>
            <div class="score-card">
                <div class="sport-icon">⚽</div>
                <div class="score-info">
                    <div class="teams">Real Madrid vs Man City</div>
                    <div class="score">2 – 2</div>
                    <div class="status"><span class="status-live">● Live</span> — 78'</div>
                </div>
            </div>
            <div class="score-card">
                <div class="sport-icon">🏈</div>
                <div class="score-info">
                    <div class="teams">Chiefs vs Bills</div>
                    <div class="score">28 – 24</div>
                    <div class="status">Final</div>
                </div>
            </div>
            <div class="score-card">
                <div class="sport-icon">🏒</div>
                <div class="score-info">
                    <div class="teams">Avalanche vs Stars</div>
                    <div class="score">4 – 1</div>
                    <div class="status">Final</div>
                </div>
            </div>
            <div class="score-card">
                <div class="sport-icon">⚾</div>
                <div class="score-info">
                    <div class="teams">Yankees vs Red Sox</div>
                    <div class="score">6 – 3</div>
                    <div class="status"><span class="status-live">● Live</span> — Top 7th</div>
                </div>
            </div>
            <div class="score-card">
                <div class="sport-icon">🎾</div>
                <div class="score-info">
                    <div class="teams">Alcaraz vs Sinner</div>
                    <div class="score">2 – 1</div>
                    <div class="status">Set 4 — 3-2</div>
                </div>
            </div>
        </div>
    </div>

    <!-- ============ MAIN CONTENT (NEWS + SIDEBAR) ============ -->
    <main class="container main-content" id="teams">
        <!-- News Column -->
        <div class="news-column">
            <div class="section-header">
                <h2>Featured Stories</h2>
                <a href="#" class="view-all">View All News →</a>
            </div>
            <div class="news-grid">
                <article class="news-card">
                    <div class="card-image">
                        <img src="https://picsum.photos/600/400?random=1" alt="Basketball player making a slam dunk" loading="lazy">
                        <span class="category-badge">Basketball</span>
                    </div>
                    <div class="card-body">
                        <h3>Lakers' Fourth-Quarter Surge Secures Playoff Berth in Thrilling Comeback</h3>
                        <p>Down by 15 entering the final period, the Lakers executed a masterful game strategy centered on defensive switches and transition offense. The season record now stands at 48-34, with the roster move to acquire a veteran point guard paying immediate dividends.</p>
                        <div class="card-meta">
                            <img src="https://i.pravatar.cc/48?u=reporter1" alt="Reporter avatar" class="author-avatar" loading="lazy">
                            <span>Marcus Chen</span>
                            <span>•</span>
                            <span>2 hours ago</span>
                        </div>
                    </div>
                </article>
                <article class="news-card">
                    <div class="card-image">
                        <img src="https://picsum.photos/600/400?random=2" alt="Soccer stadium with fans" loading="lazy">
                        <span class="category-badge">Soccer</span>
                    </div>
                    <div class="card-body">
                        <h3>Champions League Semifinal: Tactical Breakdown of Real Madrid vs. Man City</h3>
                        <p>Both squads enter the tie with identical season records in domestic play. Analysts point to midfield control as the decisive factor, with Man City's pressing game strategy likely to test Madrid's build-up from the back. A potential roster move for a defensive midfielder could shift the balance.</p>
                        <div class="card-meta">
                            <img src="https://i.pravatar.cc/48?u=reporter2" alt="Reporter avatar" class="author-avatar" loading="lazy">
                            <span>Elena Rodriguez</span>
                            <span>•</span>
                            <span>4 hours ago</span>
                        </div>
                    </div>
                </article>
                <article class="news-card">
                    <div class="card-image">
                        <img src="https://picsum.photos/600/400?random=3" alt="Football player running with ball" loading="lazy">
                        <span class="category-badge">Football</span>
                    </div>
                    <div class="card-body">
                        <h3>NFL Draft Preview: Top QB Prospect Declares — What It Means for the First Round</h3>
                        <p>The consensus No. 1 pick has officially declared eligibility, sending shockwaves through draft boards. Scouts praise his arm strength and pocket presence, but questions remain about his ability to read complex defensive schemes. Teams with top-five picks are already evaluating potential roster moves to build around him.</p>
                        <div class="card-meta">
                            <img src="https://i.pravatar.cc/48?u=reporter3" alt="Reporter avatar" class="author-avatar" loading="lazy">
                            <span>James Okafor</span>
                            <span>•</span>
                            <span>6 hours ago</span>
                        </div>
                    </div>
                </article>
                <article class="news-card">
                    <div class="card-image">
                        <img src="https://picsum.photos/600/400?random=4" alt="Tennis player serving" loading="lazy">
                        <span class="category-badge">Tennis</span>
                    </div>
                    <div class="card-body">
                        <h3>Serena Williams Inducted into Tennis Hall of Fame: A Legacy Beyond the Court</h3>
                        <p>With 23 Grand Slam singles titles and a career that redefined the sport, Williams' induction cements her place among the all-time greats. Her historical records include the most major titles in the Open Era and an unprecedented 319 weeks at world No. 1. The ceremony highlighted her impact on and off the court.</p>
                        <div class="card-meta">
                            <img src="https://i.pravatar.cc/48?u=reporter4" alt="Reporter avatar" class="author-avatar" loading="lazy">
                            <span>Priya Sharma</span>
                            <span>•</span>
                            <span>8 hours ago</span>
                        </div>
                    </div>
                </article>
                <article class="news-card">
                    <div class="card-image">
                        <img src="https://picsum.photos/600/400?random=5" alt="Hockey players on ice" loading="lazy">
                        <span class="category-badge">Hockey</span>
                    </div>
                    <div class="card-body">
                        <h3>Stanley Cup Playoffs: Avalanche Take Commanding 2-0 Series Lead</h3>
                        <p>Colorado's relentless forecheck and disciplined defensive structure have overwhelmed the Stars through two games. The season record for the Avalanche now includes a league-best 3.4 goals per game in the postseason. A key roster move to add depth at the blue line has proven instrumental in neutralizing Dallas' top line.</p>
                        <div class="card-meta">
                            <img src="https://i.pravatar.cc/48?u=reporter5" alt="Reporter avatar" class="author-avatar" loading="lazy">
                            <span>Tom Bergeron</span>
                            <span>•</span>
                            <span>10 hours ago</span>
                        </div>
                    </div>
                </article>
                <article class="news-card">
                    <div class="card-image">
                        <img src="https://picsum.photos/600/400?random=6" alt="Baseball pitcher throwing" loading="lazy">
                        <span class="category-badge">Baseball</span>
                    </div>
                    <div class="card-body">
                        <h3>MLB Trade Deadline: Yankees Land All-Star Pitcher in Blockbuster Deal</h3>
                        <p>In a move that signals their intent to contend for a World Series title, the Yankees acquired a two-time All-Star starting pitcher in exchange for three prospects. The roster move addresses a glaring need in the rotation, where injuries have depleted depth. The season record now projects to a 95-win pace.</p>
                        <div class="card-meta">
                            <img src="https://i.pravatar.cc/48?u=reporter6" alt="Reporter avatar" class="author-avatar" loading="lazy">
                            <span>David Kim</span>
                            <span>•</span>
                            <span>12 hours ago</span>
                        </div>
                    </div>
                </article>
            </div>
        </div>

        <!-- Sidebar -->
        <aside class="sidebar" aria-label="Sidebar with standings and top performers">
            <div class="sidebar-widget">
                <h3><span class="icon">🏆</span> League Standings</h3>
                <ul class="standings-list">
                    <li><span class="rank">1</span><span class="team-name">Boston Celtics</span><span class="record">58-16</span></li>
                    <li><span class="rank">2</span><span class="team-name">Denver Nuggets</span><span class="record">54-20</span></li>
                    <li><span class="rank">3</span><span class="team-name">Oklahoma City Thunder</span><span class="record">52-22</span></li>
                    <li><span class="rank">4</span><span class="team-name">Minnesota Timberwolves</span><span class="record">50-24</span></li>
                    <li><span class="rank">5</span><span class="team-name">Milwaukee Bucks</span><span class="record">48-26</span></li>
                    <li><span class="rank">6</span><span class="team-name">LA Clippers</span><span class="record">47-27</span></li>
                    <li><span class="rank">7</span><span class="team-name">Dallas Mavericks</span><span class="record">45-29</span></li>
                </ul>
            </div>
            <div class="sidebar-widget">
                <h3><span class="icon">⭐</span> Top Performers</h3>
                <div class="top-performers">
                    <div class="performer-item">
                        <img src="https://i.pravatar.cc/80?u=player1" alt="Player avatar" loading="lazy">
                        <div class="perf-info">
                            <div class="name">Luka Dončić</div>
                            <div class="stat">Dallas Mavericks • PG</div>
                        </div>
                        <span class="perf-value">33.9 PPG</span>
                    </div>
                    <div class="performer-item">
                        <img src="https://i.pravatar.cc/80?u=player2" alt="Player avatar" loading="lazy">
                        <div class="perf-info">
                            <div class="name">Nikola Jokić</div>
                            <div class="stat">Denver Nuggets • C</div>
                        </div>
                        <span class="perf-value">26.4 PPG</span>
                    </div>
                    <div class="performer-item">
                        <img src="https://i.pravatar.cc/80?u=player3" alt="Player avatar" loading="lazy">
                        <div class="perf-info">
                            <div class="name">Shai Gilgeous-Alexander</div>
                            <div class="stat">OKC Thunder • SG</div>
                        </div>
                        <span class="perf-value">30.1 PPG</span>
                    </div>
                    <div class="performer-item">
                        <img src="https://i.pravatar.cc/80?u=player4" alt="Player avatar" loading="lazy">
                        <div class="perf-info">
                            <div class="name">Giannis Antetokounmpo</div>
                            <div class="stat">Milwaukee Bucks • PF</div>
                        </div>
                        <span class="perf-value">30.4 PPG</span>
                    </div>
                </div>
            </div>
            <div class="sidebar-widget">
                <h3><span class="icon">📅</span> Upcoming Games</h3>
                <ul class="standings-list">
                    <li><span class="rank">📅</span><span class="team-name">Celtics @ Knicks</span><span class="record">Tonight 7:30 PM</span></li>
                    <li><span class="rank">📅</span><span class="team-name">Nuggets @ Lakers</span><span class="record">Tomorrow 8:00 PM</span></li>
                    <li><span class="rank">📅</span><span class="team-name">Thunder @ Warriors</span><span class="record">Wed 7:00 PM</span></li>
                    <li><span class="rank">📅</span><span class="team-name">Bucks @ Heat</span><span class="record">Thu 7:30 PM</span></li>
                </ul>
            </div>
        </aside>
    </main>

    <!-- ============ PLAYER STATS SECTION ============ -->
    <section class="stats-section" id="stats">
        <div class="container">
            <div class="section-header">
                <h2>Player Stats &amp; Analytics</h2>
                <a href="#" class="view-all">Full Stats Database →</a>
            </div>
            <p style="color: var(--text-secondary); font-size: 0.9rem; max-width: 700px; margin-bottom: 8px;">Dive into advanced metrics, shooting splits, and efficiency ratings for the league's elite. Our analytics team updates these numbers in real time, giving you the edge in fantasy leagues and sports betting.</p>
            <div class="stats-grid">
                <div class="stat-card">
                    <div class="stat-header">
                        <img src="https://i.pravatar.cc/96?u=statplayer1" alt="Luka Dončić" loading="lazy">
                        <div class="player-info">
                            <h4>Luka Dončić</h4>
                            <span>Dallas Mavericks • PG</span>
                        </div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Points Per Game</span><span class="value">33.9</span></div>
                        <div class="bar-track"><div class="bar-fill" style="width: 92%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Assists Per Game</span><span class="value">9.8</span></div>
                        <div class="bar-track"><div class="bar-fill teal" style="width: 85%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Rebounds Per Game</span><span class="value">9.2</span></div>
                        <div class="bar-track"><div class="bar-fill" style="width: 78%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Field Goal %</span><span class="value">48.7%</span></div>
                        <div class="bar-track"><div class="bar-fill teal" style="width: 72%;"></div></div>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-header">
                        <img src="https://i.pravatar.cc/96?u=statplayer2" alt="Nikola Jokić" loading="lazy">
                        <div class="player-info">
                            <h4>Nikola Jokić</h4>
                            <span>Denver Nuggets • C</span>
                        </div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Points Per Game</span><span class="value">26.4</span></div>
                        <div class="bar-track"><div class="bar-fill" style="width: 76%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Assists Per Game</span><span class="value">9.0</span></div>
                        <div class="bar-track"><div class="bar-fill teal" style="width: 80%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Rebounds Per Game</span><span class="value">12.4</span></div>
                        <div class="bar-track"><div class="bar-fill" style="width: 95%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Field Goal %</span><span class="value">58.3%</span></div>
                        <div class="bar-track"><div class="bar-fill teal" style="width: 88%;"></div></div>
                    </div>
                </div>
                <div class="stat-card">
                    <div class="stat-header">
                        <img src="https://i.pravatar.cc/96?u=statplayer3" alt="Shai Gilgeous-Alexander" loading="lazy">
                        <div class="player-info">
                            <h4>Shai Gilgeous-Alexander</h4>
                            <span>OKC Thunder • SG</span>
                        </div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Points Per Game</span><span class="value">30.1</span></div>
                        <div class="bar-track"><div class="bar-fill" style="width: 84%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Assists Per Game</span><span class="value">6.2</span></div>
                        <div class="bar-track"><div class="bar-fill teal" style="width: 58%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Rebounds Per Game</span><span class="value">5.5</span></div>
                        <div class="bar-track"><div class="bar-fill" style="width: 48%;"></div></div>
                    </div>
                    <div class="stat-bar">
                        <div class="stat-label"><span>Field Goal %</span><span class="value">53.5%</span></div>
                        <div class="bar-track"><div class="bar-fill teal" style="width: 82%;"></div></div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ============ HISTORICAL RECORDS SECTION ============ -->
    <section class="records-section" id="records">
        <div class="container">
            <div class="section-header">
                <h2>Historical Records &amp; Milestones</h2>
                <a href="#" class="view-all">Full Archive →</a>
            </div>
            <p style="color: var(--text-secondary); font-size: 0.9rem; max-width: 700px; margin-bottom: 8px;">From Wilt Chamberlain's 100-point game to Usain Bolt's 9.58-second 100m dash, these are the moments that defined sports history. Explore the records that may never be broken — and the ones under threat right now.</p>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="year">1962</div>
                    <h4>Wilt Chamberlain Scores 100 Points in a Single Game</h4>
                    <p>On March 2, 1962, Wilt Chamberlain of the Philadelphia Warriors set an NBA record that still stands today — 100 points in a single game against the New York Knicks. The performance included 36 field goals and 28 free throws, a feat that has never been seriously threatened in the modern era of basketball.</p>
                </div>
                <div class="timeline-item">
                    <div class="year">2009</div>
                    <h4>Usain Bolt Shatters the 100m World Record</h4>
                    <p>At the 2009 World Championships in Berlin, Usain Bolt ran the 100 meters in 9.58 seconds, breaking his own world record by 0.11 seconds — the largest margin of improvement since electronic timing began. His top speed of 44.72 km/h remains the fastest ever recorded by a human.</p>
                </div>
                <div class="timeline-item">
                    <div class="year">2017</div>
                    <h4>Tom Brady Leads the Greatest Super Bowl Comeback</h4>
                    <p>Down 28-3 in the third quarter of Super Bowl LI, Tom Brady engineered the largest comeback in Super Bowl history, leading the Patriots to a 34-28 overtime victory over the Falcons. Brady threw for 466 yards and was named Super Bowl MVP for a record fourth time.</p>
                </div>
                <div class="timeline-item">
                    <div class="year">2023</div>
                    <h4>Novak Djokovic Claims Record 24th Grand Slam Title</h4>
                    <p>At the 2023 US Open, Novak Djokovic defeated Daniil Medvedev to win his 24th Grand Slam singles title, surpassing Serena Williams' Open Era record of 23. The victory also made him the oldest US Open men's champion in the Open Era at age 36.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ============ INJURY REPORTS SECTION ============ -->
    <section class="injury-section" id="injury-reports">
        <div class="container">
            <div class="section-header">
                <h2>Injury Reports &amp; Roster Updates</h2>
                <a href="#" class="view-all">Full Injury Report →</a>
            </div>
            <p style="color: var(--text-secondary); font-size: 0.9rem; max-width: 700px; margin-bottom: 8px;">Stay ahead of the game with real-time injury updates, expected return timelines, and roster move analysis. Our medical team reviews every report to give you the most accurate picture of who's in and who's out.</p>
            <div class="injury-table-wrapper">
                <table class="injury-table">
                    <thead>
                        <tr>
                            <th>Player</th>
                            <th>Team</th>
                            <th>Injury</th>
                            <th>Status</th>
                            <th>Expected Return</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>Joel Embiid</strong></td>
                            <td>Philadelphia 76ers</td>
                            <td>Left knee meniscus</td>
                            <td><span class="status-badge out">Out</span></td>
                            <td>2-3 weeks</td>
                        </tr>
                        <tr>
                            <td><strong>Jimmy Butler</strong></td>
                            <td>Miami Heat</td>
                            <td>Right ankle sprain</td>
                            <td><span class="status-badge doubtful">Doubtful</span></td>
                            <td>Day-to-day</td>
                        </tr>
                        <tr>
                            <td><strong>Anthony Davis</strong></td>
                            <td>LA Lakers</td>
                            <td>Left eye contusion</td>
                            <td><span class="status-badge questionable">Questionable</span></td>
                            <td>1-2 days</td>
                        </tr>
                        <tr>
                            <td><strong>Stephen Curry</strong></td>
                            <td>Golden State Warriors</td>
                            <td>Right knee soreness</td>
                            <td><span class="status-badge day-to-day">Day-to-Day</span></td>
                            <td>1-3 days</td>
                        </tr>
                        <tr>
                            <td><strong>Kevin Durant</strong></td>
                            <td>Phoenix Suns</td>
                            <td>Left hamstring strain</td>
                            <td><span class="status-badge out">Out</span></td>
                            <td>1-2 weeks</td>
                        </tr>
                        <tr>
                            <td><strong>Jayson Tatum</strong></td>
                            <td>Boston Celtics</td>
                            <td>Right ankle sprain</td>
                            <td><span class="status-badge questionable">Questionable</span></td>
                            <td>Day-to-day</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    <!-- ============ SCHEDULE PLANNER (INTERACTIVE) ============ -->
    <section class="planner-section" id="planner">
        <div class="container">
            <div class="section-header">
                <h2>Game Day Schedule Planner</h2>
                <span style="font-size: 0.8rem; color: var(--text-muted);">Interactive Tool</span>
            </div>
            <p style="color: var(--text-secondary); font-size: 0.9rem; max-width: 700px; margin-bottom: 8px;">Select your favorite team to see their upcoming games, then add matchups to your personal watchlist. Never miss a game that matters to you.</p>
            <div class="planner-container">
                <div class="planner-panel">
                    <h3>📋 Select Your Team</h3>
                    <select id="teamSelect" aria-label="Select a team to view upcoming games">
                        <option value="">— Choose a team —</option>
                        <option value="lakers">Los Angeles Lakers</option>
                        <option value="celtics">Boston Celtics</option>
                        <option value="warriors">Golden State Warriors</option>
                        <option value="nuggets">Denver Nuggets</option>
                        <option value="heat">Miami Heat</option>
                        <option value="knicks">New York Knicks</option>
                        <option value="thunder">OKC Thunder</option>
                        <option value="bucks">Milwaukee Bucks</option>
                    </select>
                    <div class="game-list" id="gameList">
                        <p style="color: var(--text-muted); font-size: 0.85rem; text-align: center; padding: 20px 0;">Select a team to see their upcoming schedule.</p>
                    </div>
                </div>
                <div class="planner-panel">
                    <h3>📺 My Watchlist</h3>
                    <div class="watchlist" id="watchlist">
                        <p class="watchlist-empty">Your watchlist is empty. Add games from the schedule to start planning your game day.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ============ TESTIMONIALS ============ -->
    <section class="testimonials-section" id="testimonials">
        <div class="container">
            <div class="section-header">
                <h2>What Our Community Says</h2>
                <a href="#" class="view-all">More Reviews →</a>
            </div>
            <div class="testimonial-grid">
                <div class="testimonial-card">
                    <div class="stars">★★★★★</div>
                    <p class="quote">"Apex Sports Network has completely changed how I follow the NBA. The player stats are incredibly detailed, and the injury reports are always up to date. I use the schedule planner every single week to make sure I never miss a Lakers game. This is the best sports site on the internet, period."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/80?u=testimonial1" alt="Testimonial author" loading="lazy">
                        <div>
                            <div class="author-name">Michael Torres</div>
                            <div class="author-role">Fantasy League Commissioner</div>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card">
                    <div class="stars">★★★★★</div>
                    <p class="quote">"As a sports journalist, I need reliable, real-time data. Apex Sports Network delivers with accurate scores, comprehensive historical records, and breaking news that's always ahead of the curve. The interface is clean, fast, and the dark theme is easy on the eyes during late-night deadline pushes."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/80?u=testimonial2" alt="Testimonial author" loading="lazy">
                        <div>
                            <div class="author-name">Sarah Whitfield</div>
                            <div class="author-role">Sports Journalist, ESPN</div>
                        </div>
                    </div>
                </div>
                <div class="testimonial-card">
                    <div class="stars">★★★★★</div>
                    <p class="quote">"I've been a die-hard Celtics fan for 20 years, and Apex Sports Network is the only site I trust for team updates and roster moves. The standings widget is always accurate, and the top performers section helps me keep tabs on my fantasy roster. The schedule planner is a game-changer — I've added every Celtics game to my watchlist."</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/80?u=testimonial3" alt="Testimonial author" loading="lazy">
                        <div>
                            <div class="author-name">David O'Brien</div>
                            <div class="author-role">Season Ticket Holder</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ============ FAQ ACCORDION ============ -->
    <section class="faq-section" id="faq">
        <div class="container">
            <div class="section-header">
                <h2>Frequently Asked Questions</h2>
            </div>
            <div class="faq-list">
                <div class="faq-item active">
                    <button class="faq-question" aria-expanded="true">
                        How often are scores and stats updated?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>Our live scores are updated in real time during games, with a maximum delay of 30 seconds. Player stats and analytics are refreshed every 5 minutes during active games and immediately after the final whistle. Historical records and season records are updated daily to reflect the latest results.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-question" aria-expanded="false">
                        Can I customize my news feed to follow specific teams?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>Yes! Once you create a free account, you can follow up to 10 teams across any sport. Your personalized feed will prioritize news, scores, injury reports, and roster moves for the teams you follow. You can also set up email alerts for breaking news and game reminders.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-question" aria-expanded="false">
                        Is the schedule planner available on mobile devices?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>Absolutely. The schedule planner is fully responsive and works seamlessly on smartphones and tablets. Your watchlist syncs across all your devices when you're logged in, so you can plan your game day from anywhere. The mobile experience is optimized for quick access to scores and schedules.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-question" aria-expanded="false">
                        Where does your injury report data come from?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>Our injury reports are compiled from official team announcements, league injury designations, and reports from credentialed medical staff. We cross-reference multiple sources to ensure accuracy and update statuses as soon as new information becomes available. Our team of sports medicine analysts reviews every report for context.</p>
                    </div>
                </div>
                <div class="faq-item">
                    <button class="faq-question" aria-expanded="false">
                        Do you offer a premium subscription with additional features?
                        <span class="faq-icon">+</span>
                    </button>
                    <div class="faq-answer">
                        <p>Yes, Apex Sports Network offers a premium tier that includes advanced analytics dashboards, historical data exports, ad-free browsing, and exclusive access to our team of expert analysts. Premium members also get early access to new features and priority customer support. You can try it free for 14 days.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ============ NEWSLETTER CTA ============ -->
    <section class="newsletter-section" id="contact">
        <div class="container">
            <div class="newsletter-box">
                <h2>Never Miss a Moment</h2>
                <p>Subscribe to the Apex Sports Network newsletter and get daily sports news, score recaps, and exclusive analysis delivered straight to your inbox. Join over 500,000 sports fans who stay ahead of the game.</p>
                <form class="newsletter-form" id="newsletterForm" onsubmit="event.preventDefault(); alert('Thanks for subscribing! Check your inbox for a confirmation email.'); this.reset();">
                    <input type="email" placeholder="Enter your email address" required aria-label="Email address for newsletter">
                    <button type="submit" class="btn btn-primary">Subscribe Now</button>
                </form>
            </div>
        </div>
    </section>

    <!-- ============ FOOTER ============ -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-brand">
                    <div class="logo-section" style="margin-bottom: 12px;">
                        <img src="https://placehold.co/80x80/FF6B35/FFFFFF?text=ASN&font=oswald" alt="Apex Sports Network Logo" width="40" height="40" loading="lazy">
                        <div class="logo-text">
                            <span class="site-name" style="font-size: 1.1rem;">Apex <span style="color: var(--accent);">Sports</span> Network</span>
                            <span class="tagline" style="font-size: 0.65rem;">Where Champions Are Made &amp; Legends Are Followed</span>
                        </div>
                    </div>
                    <p>Your trusted source for real-time sports news, scores, player stats, historical records, and injury reports. Covering the NBA, NFL, MLB, NHL, soccer, tennis, and more — 24 hours a day, 7 days a week.</p>
                    <div class="footer-social">
                        <a href="#" aria-label="Follow us on Twitter">𝕏</a>
                        <a href="#" aria-label="Follow us on Facebook">f</a>
                        <a href="#" aria-label="Follow us on Instagram">📷</a>
                        <a href="#" aria-label="Follow us on YouTube">▶</a>
                        <a href="#" aria-label="Follow us on TikTok">♪</a>
                    </div>
                </div>
                <div class="footer-col">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Standings</a></li>
                        <li><a href="#">Teams</a></li>
                        <li><a href="#">Stats Database</a></li>
                        <li><a href="#">Injury Reports</a></li>
                        <li><a href="#">Schedule Planner</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Sports Coverage</h4>
                    <ul>
                        <li><a href="#">Basketball (NBA)</a></li>
                        <li><a href="#">Football (NFL)</a></li>
                        <li><a href="#">Baseball (MLB)</a></li>
                        <li><a href="#">Hockey (NHL)</a></li>
                        <li><a href="#">Soccer (UEFA)</a></li>
                        <li><a href="#">Tennis (ATP/WTA)</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Contact Us</h4>
                    <ul>
                        <li><a href="mailto:info@apexsportsnetwork.com">info@apexsportsnetwork.com</a></li>
                        <li><a href="tel:+12125550123">+1 (212) 555-0123</a></li>
                        <li><a href="#">123 Stadium Drive, Suite 500</a></li>
                        <li><a href="#">New York, NY 10001</a></li>
                        <li><a href="#">Mon–Fri: 9am–6pm EST</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <span>&copy; 2025 Apex Sports Network. All rights reserved.</span>
                <div class="footer-links">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Service</a>
                    <a href="#">Cookie Policy</a>
                    <a href="#">Accessibility</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- ============ JAVASCRIPT ============ -->
    <script>
        (function() {
            // Mobile menu toggle
            const mobileMenuBtn = document.getElementById('mobileMenuBtn');
            const mainNav = document.getElementById('mainNav');

            mobileMenuBtn.addEventListener('click', function() {
                const isOpen = mainNav.classList.toggle('open');
                mobileMenuBtn.setAttribute('aria-expanded', isOpen);
            });

            // Close mobile menu when a link is clicked
            mainNav.querySelectorAll('a').forEach(link => {
                link.addEventListener('click', () => {
                    mainNav.classList.remove('open');
                    mobileMenuBtn.setAttribute('aria-expanded', 'false');
                });
            });

            // Header shadow on scroll
            const header = document.getElementById('siteHeader');
            window.addEventListener('scroll', () => {
                if (window.scrollY > 10) {
                    header.classList.add('scrolled');
                } else {
                    header.classList.remove('scrolled');
                }
            });

            // FAQ Accordion
            const faqItems = document.querySelectorAll('.faq-item');
            faqItems.forEach(item => {
                const question = item.querySelector('.faq-question');
                question.addEventListener('click', () => {
                    const isActive = item.classList.contains('active');
                    // Close all items
                    faqItems.forEach(i => {
                        i.classList.remove('active');
                        i.querySelector('.faq-question').setAttribute('aria-expanded', 'false');
                    });
                    // Open clicked item if it wasn't active
                    if (!isActive) {
                        item.classList.add('active');
                        question.setAttribute('aria-expanded', 'true');
                    }
                });
            });

            // Schedule Planner
            const teamSelect = document.getElementById('teamSelect');
            const gameList = document.getElementById('gameList');
            const watchlist = document.getElementById('watchlist');
            let watchlistItems = [];

            const teamSchedules = {
                lakers: [
                    { date: 'Apr 15', opponent: 'vs. Denver Nuggets', time: '7:30 PM' },
                    { date: 'Apr 17', opponent: '@ Golden State Warriors', time: '8:00 PM' },
                    { date: 'Apr 19', opponent: 'vs. Phoenix Suns', time: '7:00 PM' },
                    { date: 'Apr 21', opponent: '@ Sacramento Kings', time: '6:30 PM' },
                    { date: 'Apr 23', opponent: 'vs. LA Clippers', time: '7:30 PM' },
                ],
                celtics: [
                    { date: 'Apr 15', opponent: '@ New York Knicks', time: '7:30 PM' },
                    { date: 'Apr 17', opponent: 'vs. Miami Heat', time: '8:00 PM' },
                    { date: 'Apr 19', opponent: '@ Philadelphia 76ers', time: '7:00 PM' },
                    { date: 'Apr 21', opponent: 'vs. Milwaukee Bucks', time: '7:30 PM' },
                    { date: 'Apr 23', opponent: '@ Cleveland Cavaliers', time: '6:30 PM' },
                ],
                warriors: [
                    { date: 'Apr 15', opponent: 'vs. LA Lakers', time: '8:00 PM' },
                    { date: 'Apr 17', opponent: '@ Phoenix Suns', time: '7:00 PM' },
                    { date: 'Apr 19', opponent: 'vs. Sacramento Kings', time: '7:30 PM' },
                    { date: 'Apr 21', opponent: '@ Denver Nuggets', time: '8:00 PM' },
                    { date: 'Apr 23', opponent: 'vs. OKC Thunder', time: '7:00 PM' },
                ],
                nuggets: [
                    { date: 'Apr 15', opponent: '@ LA Lakers', time: '7:30 PM' },
                    { date: 'Apr 17', opponent: 'vs. Golden State Warriors', time: '8:00 PM' },
                    { date: 'Apr 19', opponent: '@ Minnesota Timberwolves', time: '7:00 PM' },
                    { date: 'Apr 21', opponent: 'vs. Dallas Mavericks', time: '7:30 PM' },
                    { date: 'Apr 23', opponent: '@ OKC Thunder', time: '8:00 PM' },
                ],
                heat: [
                    { date: 'Apr 15', opponent: '@ Boston Celtics', time: '8:00 PM' },
                    { date: 'Apr 17', opponent: 'vs. New York Knicks', time: '7:30 PM' },
                    { date: 'Apr 19', opponent: '@ Milwaukee Bucks', time: '7:00 PM' },
                    { date: 'Apr 21', opponent: 'vs. Philadelphia 76ers', time: '7:30 PM' },
                    { date: 'Apr 23', opponent: '@ Atlanta Hawks', time: '6:30 PM' },
                ],
                knicks: [
                    { date: 'Apr 15', opponent: 'vs. Boston Celtics', time: '7:30 PM' },
                    { date: 'Apr 17', opponent: '@ Miami Heat', time: '7:30 PM' },
                    { date: 'Apr 19', opponent: 'vs. Brooklyn Nets', time: '7:00 PM' },
                    { date: 'Apr 21', opponent: '@ Toronto Raptors', time: '6:30 PM' },
                    { date: 'Apr 23', opponent: 'vs. Chicago Bulls', time: '7:30 PM' },
                ],
                thunder: [
                    { date: 'Apr 15', opponent: '@ Golden State Warriors', time: '7:00 PM' },
                    { date: 'Apr 17', opponent: 'vs. Denver Nuggets', time: '8:00 PM' },
                    { date: 'Apr 19', opponent: '@ Dallas Mavericks', time: '7:30 PM' },
                    { date: 'Apr 21', opponent: 'vs. Minnesota Timberwolves', time: '7:00 PM' },
                    { date: 'Apr 23', opponent: '@ LA Clippers', time: '8:00 PM' },
                ],
                bucks: [
                    { date: 'Apr 15', opponent: '@ Boston Celtics', time: '7:30 PM' },
                    { date: 'Apr 17', opponent: 'vs. Miami Heat', time: '7:00 PM' },
                    { date: 'Apr 19', opponent: '@ Cleveland Cavaliers', time: '6:30 PM' },
                    { date: 'Apr 21', opponent: 'vs. Indiana Pacers', time: '7:30 PM' },
                    { date: 'Apr 23', opponent: '@ Detroit Pistons', time: '6:00 PM' },
                ],
            };

            function renderGameList(teamKey) {
                if (!teamKey || !teamSchedules[teamKey]) {
                    gameList.innerHTML =
                        '<p style="color: var(--text-muted); font-size: 0.85rem; text-align: center; padding: 20px 0;">Select a team to see their upcoming schedule.</p>';
                    return;
                }
                const games = teamSchedules[teamKey];
                let html = '';
                games.forEach((game, index) => {
                    const isAdded = watchlistItems.some(item => item.teamKey === teamKey && item
                        .gameIndex === index);
                    html += `
                        <div class="game-item">
                            <span class="game-date">${game.date}</span>
                            <span class="game-teams">${game.opponent}</span>
                            <span style="font-size:0.7rem;color:var(--text-muted);">${game.time}</span>
                            <button class="add-btn ${isAdded ? 'added' : ''}" data-team="${teamKey}" data-index="${index}" ${isAdded ? 'disabled' : ''}>
                                ${isAdded ? '✓ Added' : '+ Add'}
                            </button>
                        </div>
                    `;
                });
                gameList.innerHTML = html;

                // Attach event listeners to add buttons
                gameList.querySelectorAll('.add-btn').forEach(btn => {
                    btn.addEventListener('click', function() {
                        const teamKey = this.getAttribute('data-team');
                        const gameIndex = parseInt(this.getAttribute('data-index'));
                        addToWatchlist(teamKey, gameIndex);
                    });
                });
            }

            function addToWatchlist(teamKey, gameIndex) {
                const game = teamSchedules[teamKey][gameIndex];
                const teamName = teamSelect.options[teamSelect.selectedIndex].text;
                const item = {
                    teamKey: teamKey,
                    gameIndex: gameIndex,
                    teamName: teamName,
                    opponent: game.opponent,
                    date: game.date,
                    time: game.time,
                };
                // Check if already in watchlist
                if (watchlistItems.some(i => i.teamKey === teamKey && i.gameIndex === gameIndex)) {
                    return;
                }
                watchlistItems.push(item);
                renderWatchlist();
                renderGameList(teamKey);
            }

            function removeFromWatchlist(teamKey, gameIndex) {
                watchlistItems = watchlistItems.filter(i => !(i.teamKey === teamKey && i.gameIndex ===
                    gameIndex));
                renderWatchlist();
                if (teamSelect.value === teamKey) {
                    renderGameList(teamKey);
                }
            }

            function renderWatchlist() {
                if (watchlistItems.length === 0) {
                    watchlist.innerHTML =
                        '<p class="watchlist-empty">Your watchlist is empty. Add games from the schedule to start planning your game day.</p>';
                    return;
                }
                let html = '';
                watchlistItems.forEach(item => {
                    html += `
                        <div class="watchlist-item">
                            <span style="font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;">${item.date}</span>
                            <span style="flex:1;font-weight:500;font-size:0.85rem;">${item.teamName} ${item.opponent}</span>
                            <span style="font-size:0.7rem;color:var(--text-muted);">${item.time}</span>
                            <button class="remove-btn" data-team="${item.teamKey}" data-index="${item.gameIndex}" aria-label="Remove from watchlist">✕</button>
                        </div>
                    `;
                });
                watchlist.innerHTML = html;

                watchlist.querySelectorAll('.remove-btn').forEach(btn => {
                    btn.addEventListener('click', function() {
                        const teamKey = this.getAttribute('data-team');
                        const gameIndex = parseInt(this.getAttribute('data-index'));
                        removeFromWatchlist(teamKey, gameIndex);
                    });
                });
            }

            teamSelect.addEventListener('change', function() {
                renderGameList(this.value);
            });

            // Initialize
            renderGameList('');
            renderWatchlist();

            // Smooth scroll for anchor links
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function(e) {
                    const targetId = this.getAttribute('href');
                    if (targetId === '#') return;
                    const targetElement = document.querySelector(targetId);
                    if (targetElement) {
                        e.preventDefault();
                        targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
                    }
                });
            });
        })();
    </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-12T09:46:34.538Z",
  "url": "https://benchmark.aimac.invalid/684a113596ea7f3fed246c3845a6756f62c43c7e79a26f3c235f9f8d39dd3d64.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-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": []
    },
    {
      "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": "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": []
    },
    {
      "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": "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": []
    },
    {
      "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": "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": "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": []
    },
    {
      "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": "<div class=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
          "target": [
            ".ticker-bar"
          ]
        }
      ]
    },
    {
      "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": "<div class=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
          "target": [
            ".ticker-bar"
          ]
        }
      ]
    },
    {
      "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=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
          "target": [
            ".ticker-bar"
          ]
        }
      ]
    },
    {
      "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>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "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": "<div class=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
          "target": [
            ".ticker-bar"
          ]
        }
      ]
    },
    {
      "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=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
          "target": [
            ".ticker-bar"
          ]
        }
      ]
    },
    {
      "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=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
          "target": [
            ".ticker-bar"
          ]
        }
      ]
    },
    {
      "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": "<div class=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
          "target": [
            ".ticker-bar"
          ]
        }
      ]
    },
    {
      "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": "<div class=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
          "target": [
            ".ticker-bar"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<p style=\"color: var(--text-secondary); font-size: 0.9rem; max-width: 700px; margin-bottom: 8px;\">",
          "target": [
            "#stats > .container > p"
          ]
        }
      ]
    },
    {
      "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=\"faq-question\" aria-expanded=\"true\">\n                        How often are scores and stats updated?\n                        <span class=\"faq-icon\">+</span>\n                    </button>",
          "target": [
            ".active.faq-item > .faq-question"
          ]
        }
      ]
    },
    {
      "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>Your Front-Row Seat to <span class=\"highlight\">Every Game</span> That Matters</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Featured Stories</h2>",
                  "target": [
                    ".news-column > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>Lakers' Fourth-Quarter Surge Secures Playoff Berth in Thrilling Comeback</h3>",
                  "target": [
                    "article:nth-child(1) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Champions League Semifinal: Tactical Breakdown of Real Madrid vs. Man City</h3>",
                  "target": [
                    "article:nth-child(2) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>NFL Draft Preview: Top QB Prospect Declares \u2014 What It Means for the First Round</h3>",
                  "target": [
                    "article:nth-child(3) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Serena Williams Inducted into Tennis Hall of Fame: A Legacy Beyond the Court</h3>",
                  "target": [
                    "article:nth-child(4) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Stanley Cup Playoffs: Avalanche Take Commanding 2-0 Series Lead</h3>",
                  "target": [
                    "article:nth-child(5) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>MLB Trade Deadline: Yankees Land All-Star Pitcher in Blockbuster Deal</h3>",
                  "target": [
                    "article:nth-child(6) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3><span class=\"icon\">\ud83c\udfc6</span> League Standings</h3>",
                  "target": [
                    ".sidebar-widget:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3><span class=\"icon\">\u2b50</span> Top Performers</h3>",
                  "target": [
                    ".sidebar-widget:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3><span class=\"icon\">\ud83d\udcc5</span> Upcoming Games</h3>",
                  "target": [
                    ".sidebar-widget:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2>Player Stats &amp; Analytics</h2>",
                  "target": [
                    "#stats > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h4>Luka Don\u010di\u0107</h4>",
                  "target": [
                    ".stat-card:nth-child(1) > .stat-header > .player-info > h4"
                  ]
                },
                {
                  "html": "<h4>Nikola Joki\u0107</h4>",
                  "target": [
                    ".stat-card:nth-child(2) > .stat-header > .player-info > h4"
                  ]
                },
                {
                  "html": "<h4>Shai Gilgeous-Alexander</h4>",
                  "target": [
                    ".stat-card:nth-child(3) > .stat-header > .player-info > h4"
                  ]
                },
                {
                  "html": "<h2>Historical Records &amp; Milestones</h2>",
                  "target": [
                    "#records > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h4>Wilt Chamberlain Scores 100 Points in a Single Game</h4>",
                  "target": [
                    ".timeline-item:nth-child(1) > h4"
                  ]
                },
                {
                  "html": "<h4>Usain Bolt Shatters the 100m World Record</h4>",
                  "target": [
                    ".timeline-item:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Tom Brady Leads the Greatest Super Bowl Comeback</h4>",
                  "target": [
                    ".timeline-item:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Novak Djokovic Claims Record 24th Grand Slam Title</h4>",
                  "target": [
                    ".timeline-item:nth-child(4) > h4"
                  ]
                },
                {
                  "html": "<h2>Injury Reports &amp; Roster Updates</h2>",
                  "target": [
                    "#injury-reports > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Game Day Schedule Planner</h2>",
                  "target": [
                    "#planner > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>\ud83d\udccb Select Your Team</h3>",
                  "target": [
                    ".planner-panel:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>\ud83d\udcfa My Watchlist</h3>",
                  "target": [
                    ".planner-panel:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h2>What Our Community Says</h2>",
                  "target": [
                    "#testimonials > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Frequently Asked Questions</h2>",
                  "target": [
                    "#faq > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Never Miss a Moment</h2>",
                  "target": [
                    ".newsletter-box > h2"
                  ]
                },
                {
                  "html": "<h4>Quick Links</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Sports Coverage</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact Us</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main class=\"container main-content\" id=\"teams\">",
                  "target": [
                    "#teams"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "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": "#ffffff",
                "bgColor": "#0a0e1a",
                "contrastRatio": 19.25,
                "fontSize": "16.2pt (21.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 19.25"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span class=\"site-name\">Apex <span>Sports</span> Network</span>",
          "target": [
            ".header-inner > .logo-section > .logo-text > .site-name"
          ]
        }
      ]
    },
    {
      "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\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "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": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<select id=\"teamSelect\" aria-label=\"Select a team to view upcoming games\">",
          "target": [
            "#teamSelect"
          ]
        }
      ]
    },
    {
      "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\">",
          "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\">",
          "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 src=\"https://placehold.co/80x80/FF6B35/FFFFFF?text=ASN&amp;font=oswald\" alt=\"Apex Sports Network Logo\" width=\"48\" height=\"48\">",
          "target": [
            "img[width=\"48\"]"
          ]
        }
      ]
    },
    {
      "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": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute exists and is not empty"
            },
            {
              "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 type=\"email\" placeholder=\"Enter your email address\" required=\"\" aria-label=\"Email address for newsletter\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "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 href=\"#\" class=\"active\">Home</a>",
          "target": [
            ".active[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "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=\"standings-list\">",
          "target": [
            ".sidebar-widget:nth-child(1) > .standings-list"
          ]
        }
      ]
    },
    {
      "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><span class=\"rank\">1</span><span class=\"team-name\">Boston Celtics</span><span class=\"record\">58-16</span></li>",
          "target": [
            ".sidebar-widget:nth-child(1) > .standings-list > 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 src=\"https://placehold.co/80x80/FF6B35/FFFFFF?text=ASN&amp;font=oswald\" alt=\"Apex Sports Network Logo\" width=\"48\" height=\"48\">",
          "target": [
            "img[width=\"48\"]"
          ]
        }
      ]
    },
    {
      "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": [
        {
          "any": [
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute exists and is not empty"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<select id=\"teamSelect\" aria-label=\"Select a team to view upcoming games\">",
          "target": [
            "#teamSelect"
          ]
        }
      ]
    },
    {
      "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": 71.6,
                "height": 37.8
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (71.6px by 37.8px, 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 href=\"#\" class=\"active\">Home</a>",
          "target": [
            ".active[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "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=\"injury-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=\"injury-table\">",
          "target": [
            "table"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "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": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": "bgOverlap",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element's background color could not be determined because it is overlapped by another element"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83c\udfc0 Lakers clinch playoff berth with 112-104 win over Warriors</span>",
          "target": [
            "#tickerTrack > span:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another 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": "#d94f1e",
                "contrastRatio": 4.12,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"ticker-label\">Breaking News</div>",
                  "target": [
                    ".ticker-label"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.12 (foreground color: #ffffff, background color: #d94f1e, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"ticker-label\">Breaking News</div>",
          "target": [
            ".ticker-label"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.12 (foreground color: #ffffff, background color: #d94f1e, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
                  "target": [
                    ".ticker-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u26bd Champions League semifinal draw announced \u2014 Real Madrid vs. Man City</span>",
          "target": [
            "#tickerTrack > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
                  "target": [
                    ".ticker-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83c\udfc8 NFL Draft: Top QB prospect declares eligibility</span>",
          "target": [
            "#tickerTrack > span:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header class=\"site-header\" id=\"siteHeader\">",
                  "target": [
                    "#siteHeader"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"tagline\">Where Champions Are Made &amp; Legends Are Followed</span>",
          "target": [
            ".header-inner > .logo-section > .logo-text > .tagline"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#contact\" class=\"nav-cta\">Contact</a>",
                  "target": [
                    ".nav-cta"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#contact\" class=\"nav-cta\">Contact</a>",
          "target": [
            ".nav-cta"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"hero-badge\">\n                    <span class=\"dot\"></span> Live Coverage \u2014 Championship Week\n                </div>",
                  "target": [
                    ".hero-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"hero-badge\">\n                    <span class=\"dot\"></span> Live Coverage \u2014 Championship Week\n                </div>",
          "target": [
            ".hero-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#stats\" class=\"btn btn-primary\">View Stats</a>",
                  "target": [
                    ".btn-primary.btn[href$=\"#stats\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#stats\" class=\"btn btn-primary\">View Stats</a>",
          "target": [
            ".btn-primary.btn[href$=\"#stats\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"status\"><span class=\"status-live\">\u25cf Live</span> \u2014 Q4 2:14</div>",
          "target": [
            ".score-card:nth-child(1) > .score-info > .status"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ca3e42",
                "bgColor": "#232a3d",
                "contrastRatio": 2.91,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.91 (foreground color: #ca3e42, background color: #232a3d, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"status-live\">\u25cf Live</span>",
          "target": [
            ".score-card:nth-child(1) > .score-info > .status > .status-live"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.91 (foreground color: #ca3e42, background color: #232a3d, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"status\"><span class=\"status-live\">\u25cf Live</span> \u2014 78'</div>",
          "target": [
            ".score-card:nth-child(2) > .score-info > .status"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ca3e42",
                "bgColor": "#232a3d",
                "contrastRatio": 2.91,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.91 (foreground color: #ca3e42, background color: #232a3d, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"status-live\">\u25cf Live</span>",
          "target": [
            ".score-card:nth-child(2) > .score-info > .status > .status-live"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.91 (foreground color: #ca3e42, background color: #232a3d, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"status\">Final</div>",
          "target": [
            ".score-card:nth-child(3) > .score-info > .status"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"status\">Final</div>",
          "target": [
            ".score-card:nth-child(4) > .score-info > .status"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"status\"><span class=\"status-live\">\u25cf Live</span> \u2014 Top 7th</div>",
          "target": [
            ".score-card:nth-child(5) > .score-info > .status"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ca3e42",
                "bgColor": "#232a3d",
                "contrastRatio": 2.91,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.91 (foreground color: #ca3e42, background color: #232a3d, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"status-live\">\u25cf Live</span>",
          "target": [
            ".score-card:nth-child(5) > .score-info > .status > .status-live"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.91 (foreground color: #ca3e42, background color: #232a3d, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"score-card\">",
                  "target": [
                    ".score-card:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"status\">Set 4 \u2014 3-2</div>",
          "target": [
            ".score-card:nth-child(6) > .score-info > .status"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"category-badge\">Basketball</span>",
                  "target": [
                    "article:nth-child(1) > .card-image > .category-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category-badge\">Basketball</span>",
          "target": [
            "article:nth-child(1) > .card-image > .category-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Marcus Chen</span>",
          "target": [
            "article:nth-child(1) > .card-body > .card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>2 hours ago</span>",
          "target": [
            "article:nth-child(1) > .card-body > .card-meta > span:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"category-badge\">Soccer</span>",
                  "target": [
                    "article:nth-child(2) > .card-image > .category-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category-badge\">Soccer</span>",
          "target": [
            "article:nth-child(2) > .card-image > .category-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Elena Rodriguez</span>",
          "target": [
            "article:nth-child(2) > .card-body > .card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>4 hours ago</span>",
          "target": [
            "article:nth-child(2) > .card-body > .card-meta > span:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"category-badge\">Football</span>",
                  "target": [
                    "article:nth-child(3) > .card-image > .category-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category-badge\">Football</span>",
          "target": [
            "article:nth-child(3) > .card-image > .category-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>James Okafor</span>",
          "target": [
            "article:nth-child(3) > .card-body > .card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>6 hours ago</span>",
          "target": [
            "article:nth-child(3) > .card-body > .card-meta > span:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"category-badge\">Tennis</span>",
                  "target": [
                    "article:nth-child(4) > .card-image > .category-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category-badge\">Tennis</span>",
          "target": [
            "article:nth-child(4) > .card-image > .category-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Priya Sharma</span>",
          "target": [
            "article:nth-child(4) > .card-body > .card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>8 hours ago</span>",
          "target": [
            "article:nth-child(4) > .card-body > .card-meta > span:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"category-badge\">Hockey</span>",
                  "target": [
                    "article:nth-child(5) > .card-image > .category-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category-badge\">Hockey</span>",
          "target": [
            "article:nth-child(5) > .card-image > .category-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Tom Bergeron</span>",
          "target": [
            "article:nth-child(5) > .card-body > .card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>10 hours ago</span>",
          "target": [
            "article:nth-child(5) > .card-body > .card-meta > span:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"category-badge\">Baseball</span>",
                  "target": [
                    "article:nth-child(6) > .card-image > .category-badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category-badge\">Baseball</span>",
          "target": [
            "article:nth-child(6) > .card-image > .category-badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>David Kim</span>",
          "target": [
            "article:nth-child(6) > .card-body > .card-meta > span:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    "article:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>12 hours ago</span>",
          "target": [
            "article:nth-child(6) > .card-body > .card-meta > span:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">1</span><span class=\"team-name\">Boston Celtics</span><span class=\"record\">58-16</span></li>",
                  "target": [
                    ".sidebar-widget:nth-child(1) > .standings-list > li:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">58-16</span>",
          "target": [
            ".sidebar-widget:nth-child(1) > .standings-list > li:nth-child(1) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">2</span><span class=\"team-name\">Denver Nuggets</span><span class=\"record\">54-20</span></li>",
                  "target": [
                    ".sidebar-widget:nth-child(1) > .standings-list > li:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">54-20</span>",
          "target": [
            ".sidebar-widget:nth-child(1) > .standings-list > li:nth-child(2) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">3</span><span class=\"team-name\">Oklahoma City Thunder</span><span class=\"record\">52-22</span></li>",
                  "target": [
                    ".sidebar-widget:nth-child(1) > .standings-list > li:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">52-22</span>",
          "target": [
            ".sidebar-widget:nth-child(1) > .standings-list > li:nth-child(3) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">4</span><span class=\"team-name\">Minnesota Timberwolves</span><span class=\"record\">50-24</span></li>",
                  "target": [
                    ".sidebar-widget:nth-child(1) > .standings-list > li:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">50-24</span>",
          "target": [
            ".sidebar-widget:nth-child(1) > .standings-list > li:nth-child(4) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">5</span><span class=\"team-name\">Milwaukee Bucks</span><span class=\"record\">48-26</span></li>",
                  "target": [
                    ".standings-list > li:nth-child(5)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">48-26</span>",
          "target": [
            "li:nth-child(5) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">6</span><span class=\"team-name\">LA Clippers</span><span class=\"record\">47-27</span></li>",
                  "target": [
                    ".standings-list > li:nth-child(6)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">47-27</span>",
          "target": [
            "li:nth-child(6) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">7</span><span class=\"team-name\">Dallas Mavericks</span><span class=\"record\">45-29</span></li>",
                  "target": [
                    "li:nth-child(7)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">45-29</span>",
          "target": [
            "li:nth-child(7) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"performer-item\">",
                  "target": [
                    ".performer-item:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stat\">Dallas Mavericks \u2022 PG</div>",
          "target": [
            ".performer-item:nth-child(1) > .perf-info > .stat"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"performer-item\">",
                  "target": [
                    ".performer-item:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stat\">Denver Nuggets \u2022 C</div>",
          "target": [
            ".performer-item:nth-child(2) > .perf-info > .stat"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"performer-item\">",
                  "target": [
                    ".performer-item:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stat\">OKC Thunder \u2022 SG</div>",
          "target": [
            ".performer-item:nth-child(3) > .perf-info > .stat"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"performer-item\">",
                  "target": [
                    ".performer-item:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"stat\">Milwaukee Bucks \u2022 PF</div>",
          "target": [
            ".performer-item:nth-child(4) > .perf-info > .stat"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">\ud83d\udcc5</span><span class=\"team-name\">Celtics @ Knicks</span><span class=\"record\">Tonight 7:30 PM</span></li>",
                  "target": [
                    ".sidebar-widget:nth-child(3) > .standings-list > li:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">Tonight 7:30 PM</span>",
          "target": [
            ".sidebar-widget:nth-child(3) > .standings-list > li:nth-child(1) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">\ud83d\udcc5</span><span class=\"team-name\">Nuggets @ Lakers</span><span class=\"record\">Tomorrow 8:00 PM</span></li>",
                  "target": [
                    ".sidebar-widget:nth-child(3) > .standings-list > li:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">Tomorrow 8:00 PM</span>",
          "target": [
            ".sidebar-widget:nth-child(3) > .standings-list > li:nth-child(2) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">\ud83d\udcc5</span><span class=\"team-name\">Thunder @ Warriors</span><span class=\"record\">Wed 7:00 PM</span></li>",
                  "target": [
                    ".sidebar-widget:nth-child(3) > .standings-list > li:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">Wed 7:00 PM</span>",
          "target": [
            ".sidebar-widget:nth-child(3) > .standings-list > li:nth-child(3) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#232a3d",
                "contrastRatio": 2.95,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<li><span class=\"rank\">\ud83d\udcc5</span><span class=\"team-name\">Bucks @ Heat</span><span class=\"record\">Thu 7:30 PM</span></li>",
                  "target": [
                    ".sidebar-widget:nth-child(3) > .standings-list > li:nth-child(4)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"record\">Thu 7:30 PM</span>",
          "target": [
            ".sidebar-widget:nth-child(3) > .standings-list > li:nth-child(4) > .record"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.95 (foreground color: #6b7280, background color: #232a3d, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"stat-card\">",
                  "target": [
                    ".stat-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Dallas Mavericks \u2022 PG</span>",
          "target": [
            ".stat-card:nth-child(1) > .stat-header > .player-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"stat-card\">",
                  "target": [
                    ".stat-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>Denver Nuggets \u2022 C</span>",
          "target": [
            ".stat-card:nth-child(2) > .stat-header > .player-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"stat-card\">",
                  "target": [
                    ".stat-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>OKC Thunder \u2022 SG</span>",
          "target": [
            ".stat-card:nth-child(3) > .stat-header > .player-info > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span style=\"font-size: 0.8rem; color: var(--text-muted);\">Interactive Tool</span>",
          "target": [
            ".section-header > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"planner-panel\">",
                  "target": [
                    ".planner-panel:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p style=\"color: var(--text-muted); font-size: 0.85rem; text-align: center; padding: 20px 0;\">Select a team to see their upcoming schedule.</p>",
          "target": [
            "#gameList > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"planner-panel\">\n                    <h3>\ud83d\udcfa My Watchlist</h3>\n                    <div class=\"watchlist\" id=\"watchlist\"><p class=\"watchlist-empty\">Your watchlist is empty. Add games from the schedule to start planning your game day.</p></div>\n                </div>",
                  "target": [
                    ".planner-panel:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"watchlist-empty\">Your watchlist is empty. Add games from the schedule to start planning your game day.</p>",
          "target": [
            ".watchlist-empty"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"author-role\">Fantasy League Commissioner</div>",
          "target": [
            ".testimonial-card:nth-child(1) > .testimonial-author > div > .author-role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"author-role\">Sports Journalist, ESPN</div>",
          "target": [
            ".testimonial-card:nth-child(2) > .testimonial-author > div > .author-role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#1a1f2e",
                "contrastRatio": 3.39,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"testimonial-card\">",
                  "target": [
                    ".testimonial-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"author-role\">Season Ticket Holder</div>",
          "target": [
            ".testimonial-card:nth-child(3) > .testimonial-author > div > .author-role"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.39 (foreground color: #6b7280, background color: #1a1f2e, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "7.8pt (10.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 7.8pt (10.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"tagline\" style=\"font-size: 0.65rem;\">Where Champions Are Made &amp; Legends Are Followed</span>",
          "target": [
            ".footer-brand > .logo-section > .logo-text > .tagline"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 7.8pt (10.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Your trusted source for real-time sports news, scores, player stats, historical records, and injury reports. Covering the NBA, NFL, MLB, NHL, soccer, tennis, and more \u2014 24 hours a day, 7 days a week.</p>",
          "target": [
            ".footer-brand > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">About Us</a>",
          "target": [
            ".footer-col:nth-child(2) > ul > li:nth-child(1) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Standings</a>",
          "target": [
            ".footer-col:nth-child(2) > ul > li:nth-child(2) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Teams</a>",
          "target": [
            ".footer-col:nth-child(2) > ul > li:nth-child(3) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Stats Database</a>",
          "target": [
            ".footer-col:nth-child(2) > ul > li:nth-child(4) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Injury Reports</a>",
          "target": [
            ".footer-col:nth-child(2) > ul > li:nth-child(5) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Schedule Planner</a>",
          "target": [
            ".footer-col:nth-child(2) > ul > li:nth-child(6) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Basketball (NBA)</a>",
          "target": [
            ".footer-col:nth-child(3) > ul > li:nth-child(1) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Football (NFL)</a>",
          "target": [
            ".footer-col:nth-child(3) > ul > li:nth-child(2) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Baseball (MLB)</a>",
          "target": [
            ".footer-col:nth-child(3) > ul > li:nth-child(3) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Hockey (NHL)</a>",
          "target": [
            ".footer-col:nth-child(3) > ul > li:nth-child(4) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Soccer (UEFA)</a>",
          "target": [
            ".footer-col:nth-child(3) > ul > li:nth-child(5) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Tennis (ATP/WTA)</a>",
          "target": [
            ".footer-col:nth-child(3) > ul > li:nth-child(6) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"mailto:info@apexsportsnetwork.com\">info@apexsportsnetwork.com</a>",
          "target": [
            ".footer-col:nth-child(4) > ul > li:nth-child(1) > a"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"tel:+12125550123\">+1 (212) 555-0123</a>",
          "target": [
            "a[href=\"tel:+12125550123\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">123 Stadium Drive, Suite 500</a>",
          "target": [
            ".footer-col:nth-child(4) > ul > li:nth-child(3) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">New York, NY 10001</a>",
          "target": [
            ".footer-col:nth-child(4) > ul > li:nth-child(4) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Mon\u2013Fri: 9am\u20136pm EST</a>",
          "target": [
            ".footer-col:nth-child(4) > ul > li:nth-child(5) > a[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u00a9 2025 Apex Sports Network. All rights reserved.</span>",
          "target": [
            ".footer-bottom > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy Policy</a>",
          "target": [
            ".footer-links > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms of Service</a>",
          "target": [
            ".footer-links > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Cookie Policy</a>",
          "target": [
            ".footer-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#6b7280",
                "bgColor": "#0a0e1a",
                "contrastRatio": 3.98,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"site-footer\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Accessibility</a>",
          "target": [
            ".footer-links > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.98 (foreground color: #6b7280, background color: #0a0e1a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b35",
                "contrastRatio": 2.83,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"ticker-bar\" role=\"marquee\" aria-label=\"Breaking sports news ticker\">",
                  "target": [
                    ".ticker-bar"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\ud83c\udfbe Serena Williams inducted into Tennis Hall of Fame</span>",
          "target": [
            "#tickerTrack > span:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.83 (foreground color: #ffffff, background color: #ff6b35, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    },
    {
      "id": "scrollable-region-focusable",
      "impact": "serious",
      "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": [
        {
          "any": [
            {
              "id": "focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element should have focusable content"
            },
            {
              "id": "focusable-element",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element should be focusable"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"scores-strip\" id=\"standings\">",
          "target": [
            "#standings"
          ],
          "failureSummary": "Fix any of the following:\n  Element should have focusable content\n  Element should be focusable"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 6708
      },
      {
        "y": 576,
        "height": 6708
      },
      {
        "y": 1152,
        "height": 6708
      },
      {
        "y": 1728,
        "height": 6708
      },
      {
        "y": 2304,
        "height": 6708
      },
      {
        "y": 2880,
        "height": 6708
      },
      {
        "y": 3456,
        "height": 6708
      },
      {
        "y": 4032,
        "height": 6708
      },
      {
        "y": 4608,
        "height": 6708
      },
      {
        "y": 5184,
        "height": 6708
      },
      {
        "y": 5760,
        "height": 6708
      },
      {
        "y": 5988,
        "height": 6708
      }
    ],
    "scans": 13,
    "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: "About", "Standings", "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: "Player Stats", "Historical Records", "Injury Reports".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "game strategy", "season record", "roster move".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "View Stats", "Follow Team", "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: "schedule planner".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "game highlights", "top performers", "league standings".
-   **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.