:root {
            --bg: #f5f7fb;
            --panel: #ffffff;
            --ink: #1f2a44;
            --muted: #5a6883;
            --line: rgba(98, 110, 145, 0.16);
            --accent: #206bc4;
            --accent-dark: #1555a5;
            --brand-blue: #206bc4;
            --brand-blue-dark: #1555a5;
            --danger: #d8324a;
            --danger-strong: #b92039;
            --danger-soft: rgba(216, 50, 74, 0.12);
            --chip: #eaf2fc;
            --shadow: 0 1px 2px rgba(31, 42, 68, 0.06), 0 12px 24px rgba(31, 42, 68, 0.05);
            --editorial-cream: #fffdfa;
            --editorial-cream-strong: #fdfaf3;
            --editorial-line: #f1ebde;
            --editorial-ink: #2a2010;
            --editorial-muted: #655a40;
            --editorial-accent: #f5b042;
            --serif: Georgia, "Times New Roman", serif;
            --sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Verdana, sans-serif;
            --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
        }
        * { box-sizing: border-box; }
        html, body {
            max-width: 100%;
            overflow-x: hidden;
        }
        body {
            margin: 0;
            font-family: var(--sans);
            color: var(--ink);
            background:
                radial-gradient(circle at top center, rgba(32, 107, 196, 0.08), transparent 28%),
                linear-gradient(180deg, #f8faff 0%, var(--bg) 100%);
        }
        a { color: inherit; text-decoration: none; }
        code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
        .shell {
            width: min(100vw - 16px, 1280px);
            max-width: 100%;
            min-width: 0;
            margin: 0 auto;
            padding: 12px 0 28px;
        }
        @media (min-width: 720px) {
            .shell {
                width: min(100vw - 32px, 1280px);
                padding: 14px 0 32px;
            }
        }
        @media (min-width: 1100px) {
            .shell {
                width: min(82vw, 1280px);
            }
        }
        .page-stack { display: grid; gap: 16px; min-width: 0; max-width: 100%; }
        .masthead {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 18px;
            margin-bottom: 20px;
            padding: 12px 18px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: rgba(255,255,255,.92);
            box-shadow: var(--shadow);
            min-width: 0;
            max-width: 100%;
        }
        .brand-block {
            flex: 0 0 auto;
            min-width: 0;
            max-width: min(100%, 360px);
            display: flex;
            align-items: center;
            padding-left: 0;
        }
        .brand-link {
            display: inline-flex;
            align-items: center;
            min-width: 0;
        }
        .brand-logo {
            display: block;
            width: clamp(160px, 28vw, 280px);
            aspect-ratio: 800 / 165;
            max-width: 100%;
            height: auto;
            margin: 0;
            transform: none;
        }
        @media (min-width: 960px) {
            .brand-block {
                padding-left: 4px;
            }
            /* Yeni 800x165 logoda dikey ortalama doğal — eski translateY hilesi kaldırıldı. */
        }
        .site-nav {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 8px;
            flex-wrap: wrap;
            margin-left: auto;
            flex: 1 1 auto;
            min-width: 0;
            max-width: 100%;
        }
        .mobile-nav-toggle {
            display: none;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 42px;
            padding: 10px 14px;
            border-radius: 10px;
            border: 1px solid rgba(32, 107, 196, 0.18);
            background: rgba(32, 107, 196, 0.08);
            color: var(--brand-blue-dark);
            font: inherit;
            font-weight: 700;
            cursor: pointer;
        }
        .mobile-nav-toggle-icon {
            font-size: 1.15rem;
            line-height: 1;
        }
        .site-nav > * { min-width: 0; }
        .nav-link,
        .nav-menu-trigger {
            display: inline-flex;
            align-items: center;
            padding: 8px 11px;
            border-radius: 10px;
            border: 1px solid transparent;
            background: transparent;
            font-size: .86rem;
            font-weight: 600;
            line-height: 1;
            color: var(--muted);
            cursor: pointer;
            transition: color .18s ease, border-color .18s ease, background-color .18s ease;
            white-space: nowrap;
        }
        button.nav-link,
        .nav-menu-trigger {
            appearance: none;
            color: var(--muted);
            background: transparent;
            font-family: inherit;
        }
        .nav-link:hover,
        .nav-menu-trigger:hover,
        .nav-dropdown a:hover {
            color: var(--brand-blue-dark);
            background: rgba(32, 107, 196, 0.06);
        }
        .nav-link.is-active,
        .nav-menu.has-active .nav-menu-trigger,
        .nav-menu.is-open .nav-menu-trigger,
        .nav-menu:hover .nav-menu-trigger,
        .nav-menu:focus-within .nav-menu-trigger {
            border-color: rgba(32, 107, 196, 0.18);
            color: var(--brand-blue-dark);
            background: rgba(32, 107, 196, 0.1);
        }
        .nav-link.is-disabled {
            color: rgba(102, 117, 143, 0.5);
            background: rgba(98, 110, 145, 0.05);
            border-color: transparent;
            cursor: not-allowed;
            pointer-events: none;
        }
        .nav-menu {
            position: relative;
            padding-bottom: 10px;
            margin-bottom: -10px;
            min-width: 0;
        }
        /* Auth hydration: hesap menüsü JS açana dek gizli kalmalı (gelecekte
           .nav-menu'ye display eklense bile [hidden] ezilmesin). */
        .nav-menu[hidden] {
            display: none;
        }
        /* İlgili İçerikler — kategori hub linkleri satırı (report + hakem profili) */
        .report-related-hubs {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: 16px;
            padding-top: 16px;
            border-top: 1px solid var(--line);
        }
        .report-hub-link {
            display: inline-flex;
            align-items: center;
            padding: 7px 14px;
            border: 1px solid var(--line);
            border-radius: 999px;
            background: var(--chip);
            color: var(--accent-dark);
            font-size: .85rem;
            font-weight: 700;
            transition: border-color .15s ease, background .15s ease;
        }
        .report-hub-link:hover {
            border-color: var(--accent);
            background: #fff;
            color: var(--accent);
        }
        /* Sosyal paylaşım butonları (Paylaş + X/WhatsApp/Telegram) */
        .share-group {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .share-icons {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
        .share-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            color: #fff;
            border: none;
            transition: transform .15s ease, opacity .15s ease;
        }
        .share-icon:hover {
            transform: translateY(-2px);
            opacity: .92;
        }
        .share-icon svg { display: block; }
        .share-x { background: #000; }
        .share-wa { background: #25d366; }
        .share-tg { background: #229ed9; }
        .nav-menu-trigger::after {
            content: "▾";
            margin-left: 8px;
            font-size: .72rem;
        }
        .masthead {
            position: relative;
            z-index: 1100;
        }
        .nav-menu {
            z-index: 1100;
        }
        .nav-dropdown {
            position: absolute;
            right: 0;
            top: calc(100% + 8px);
            min-width: 220px;
            width: max-content;
            padding: 8px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: rgba(255,255,255,.98);
            box-shadow: 0 18px 36px rgba(31, 42, 68, 0.18), 0 4px 10px rgba(31, 42, 68, 0.10);
            display: none;
            gap: 6px;
            z-index: 1200;
        }
        .nav-menu:hover .nav-dropdown,
        .nav-menu.is-open .nav-dropdown,
        .nav-menu:focus-within .nav-dropdown {
            display: grid;
        }
        .nav-dropdown a {
            display: block;
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px solid transparent;
            background: #fff;
            white-space: nowrap;
            color: var(--muted);
            transition: color .18s ease, border-color .18s ease, background-color .18s ease;
        }
        .nav-dropdown button {
            display: block;
            width: 100%;
            padding: 10px 12px;
            border-radius: 10px;
            border: 1px solid transparent;
            background: #fff;
            color: var(--muted);
            font: inherit;
            font-weight: 600;
            text-align: left;
            cursor: pointer;
            transition: color .18s ease, border-color .18s ease, background-color .18s ease;
        }
        .nav-dropdown a.nav-item-active {
            border-color: rgba(32, 107, 196, 0.18);
            background: rgba(32, 107, 196, 0.1);
            color: var(--brand-blue-dark);
        }
        .nav-dropdown button:hover,
        .nav-dropdown button.nav-item-active {
            border-color: rgba(32, 107, 196, 0.18);
            background: rgba(32, 107, 196, 0.1);
            color: var(--brand-blue-dark);
        }
        .command-block {
            margin: 0;
            padding: 14px 16px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: #f7f9fd;
            color: var(--ink);
            white-space: pre-wrap;
            word-break: break-word;
            font-size: .92rem;
            line-height: 1.6;
            overflow-x: auto;
        }
        .nav-dropdown strong {
            display: block;
            font-size: .9rem;
        }
        .nav-menu-trigger {
            justify-content: space-between;
            min-width: 0;
        }
        .btn-dark {
            background: #1f2a44;
            border-color: #1f2a44;
            color: #fff;
        }
        .btn-dark:hover {
            background: #111a2d;
            border-color: #111a2d;
        }
        .btn-google {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            gap: 10px;
            background: #ffffff;
            color: #3c4043;
            border: 1px solid #dadce0;
            box-shadow: var(--shadow);
            font-weight: 600;
        }
        .btn-google:hover {
            background: #f8f9fa;
            border-color: #c6c9cc;
        }
        .btn-google-compact {
            width: auto;
            min-height: 42px;
            padding: 10px 14px;
            border-radius: 12px;
            font-size: .94rem;
            line-height: 1;
        }
        .google-mark {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 18px;
            height: 18px;
            flex: 0 0 18px;
        }
        .grid { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 16px; }
        .home-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 320px;
            gap: 16px;
        }
        .home-main {
            display: grid;
            gap: 16px;
            min-width: 0;
        }
        .panel {
            background: rgba(255,255,255,.92);
            border: 1px solid var(--line);
            border-radius: 16px;
            box-shadow: var(--shadow);
            min-width: 0;
            max-width: 100%;
        }
        .sidebar, .content { padding: 18px; min-width: 0; max-width: 100%; }
        .sidebar h2, .content h1 { margin: 0 0 10px; }
        .sidebar h2 { font-size: .9rem; text-transform: uppercase; letter-spacing: .08em; }
        .hero-panel {
            padding: 24px 26px;
            border-radius: 16px;
            border: 1px solid var(--line);
            box-shadow: var(--shadow);
            background:
                radial-gradient(circle at top right, rgba(32, 107, 196, 0.14), transparent 28%),
                linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,250,255,.94));
        }
        .hero-panel h1 {
            margin: 8px 0 10px;
            font-size: clamp(2rem, 4vw, 3.2rem);
            line-height: .96;
            max-width: 11ch;
            letter-spacing: -.03em;
        }
        .hero-panel p {
            margin: 0;
            max-width: 62ch;
            color: var(--muted);
            font-size: 1rem;
            line-height: 1.6;
        }
        .hero-panel-compact h1 {
            max-width: none;
            font-size: clamp(1.8rem, 3vw, 2.5rem);
        }
        .eyebrow {
            display: inline-flex;
            align-items: center;
            padding: 6px 10px;
            border-radius: 999px;
            background: var(--chip);
            color: var(--brand-blue-dark);
            font-size: .74rem;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
        }
        .rail-copy,
        .sidebar-copy {
            margin: 0;
            color: var(--muted);
            font-size: .92rem;
            line-height: 1.55;
        }
        .special-sidebar {
            padding: 18px;
            display: grid;
            gap: 16px;
            align-content: start;
        }
        .special-sidebar h2 {
            margin: 0;
            font-size: .9rem;
            text-transform: uppercase;
            letter-spacing: .08em;
        }
        .panel-section {
            display: grid;
            gap: 8px;
        }
        .route-list, .category-list { display: grid; gap: 12px; }
        .route-card, .category-card {
            padding: 14px;
            border: 1px solid var(--line);
            border-radius: 18px;
            background: #fff;
        }
        .route-card strong, .category-card strong { display: block; margin-bottom: 6px; }
        .route-card span, .category-card span { color: var(--muted); font-size: .92rem; }
        .workbench-panel {
            overflow: hidden;
            padding: 0;
        }
        .workbench-grid {
            display: grid;
            grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
            min-width: 0;
        }
        .workbench-sidebar,
        .workbench-content {
            padding: 20px;
            min-width: 0;
        }
        .workbench-sidebar {
            border-right: 1px solid var(--line);
            background: linear-gradient(180deg, rgba(250,252,255,.98), rgba(244,247,252,.92));
        }
        .workbench-sidebar h2 {
            margin: 0 0 10px;
            font-size: .82rem;
            text-transform: uppercase;
            letter-spacing: .12em;
            color: #2f436b;
        }
        .report-head {
            display: flex;
            justify-content: space-between;
            align-items: start;
            flex-wrap: wrap;
            gap: 16px;
            margin-bottom: 16px;
        }
        .report-head-tight {
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 12px;
        }
        .report-copy {
            flex: 1 1 680px;
            min-width: 0;
            width: auto;
        }
        .report-copy-tight {
            flex: 1 1 0;
        }
        .report-head-workbench {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 10px;
        }
        .report-head-top {
            display: flex;
            justify-content: flex-end;
            width: auto;
            flex: 0 0 auto;
            align-items: start;
        }
        .report-head-top-spread {
            width: 100%;
            justify-content: space-between;
            align-items: flex-start;
            gap: 16px;
            flex-wrap: wrap;
        }
        .report-head-top-tight {
            margin-left: auto;
            align-self: flex-start;
        }
        .report-head-actions {
            display: flex;
            justify-content: flex-end;
            align-items: flex-start;
            gap: 10px;
            flex-wrap: wrap;
            flex: 0 0 auto;
        }
        .report-head-description {
            flex: 1 1 100%;
            width: 100%;
            margin: 0;
            color: var(--muted);
            line-height: 1.58;
            white-space: normal;
            word-break: normal;
            overflow-wrap: break-word;
            text-wrap: pretty;
        }
        .report-copy p {
            margin: 0;
            color: var(--muted);
            max-width: none;
            width: 100%;
            white-space: normal;
            word-break: normal;
            overflow-wrap: break-word;
            text-wrap: pretty;
        }
        .report-copy .eyebrow {
            margin-bottom: 10px;
        }
        .report-copy h1 {
            margin: 0 0 8px;
            font-size: clamp(1.55rem, 2.1vw, 2rem);
            letter-spacing: -.03em;
            line-height: 1.06;
            max-width: none;
            white-space: normal;
            word-break: normal;
            overflow-wrap: break-word;
            text-wrap: pretty;
        }
        .report-copy-tight h1 {
            font-size: clamp(1.35rem, 1.8vw, 1.7rem);
            margin-bottom: 6px;
        }
        .scroll-top-btn {
            position: fixed;
            right: 18px;
            bottom: 18px;
            z-index: 1050;
            width: 46px;
            height: 46px;
            border: none;
            border-radius: 999px;
            background: var(--brand-blue, #206bc4);
            color: #fff;
            font-size: 1.3rem;
            line-height: 1;
            cursor: pointer;
            box-shadow: 0 6px 18px rgba(20, 42, 72, 0.28);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
        }
        .scroll-top-btn.is-visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        .scroll-top-btn:hover { background: var(--brand-blue-dark, #1555a5); }
        @media print { .scroll-top-btn { display: none; } }
        .breadcrumb-nav {
            margin: 0 0 14px;
            font-size: .82rem;
        }
        .breadcrumb-list {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 2px 6px;
        }
        .breadcrumb-item {
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .breadcrumb-item a {
            color: var(--muted);
            text-decoration: none;
            font-weight: 600;
        }
        .breadcrumb-item a:hover { color: var(--accent, #206bc4); text-decoration: underline; }
        .breadcrumb-sep { color: var(--line); }
        .breadcrumb-current { color: var(--ink); font-weight: 700; }
        .editorial-page .breadcrumb-item a { color: var(--editorial-muted); }
        .editorial-page .breadcrumb-current { color: var(--editorial-ink); }
        .editorial-page .breadcrumb-sep { color: var(--editorial-line); }
        .sub-table-title {
            margin: 40px 0 16px;
            text-align: center;
            font-size: clamp(1.35rem, 1.8vw, 1.7rem);
            letter-spacing: -.03em;
            line-height: 1.12;
            text-wrap: pretty;
        }
        .report-copy-tight p {
            font-size: .95rem;
            line-height: 1.45;
        }
        .report-save-form {
            margin-left: auto;
        }
        .report-save-button {
            min-height: 38px;
            padding: 8px 14px;
            border-radius: 10px;
            font-size: .84rem;
            align-self: start;
            box-shadow: 0 6px 14px rgba(32, 107, 196, 0.12);
            white-space: nowrap;
        }
        .report-share-button {
            min-height: 44px;
            padding: 10px 16px;
            border-radius: 12px;
            font-size: .9rem;
            white-space: nowrap;
        }
        .table-title-row {
            margin: 6px 0 12px;
            display: flex;
            justify-content: center;
            width: 100%;
        }
        .table-title-row h2,
        .table-title-row .table-title-caption {
            margin: 0;
            width: 100%;
            text-align: center;
            font-size: clamp(1.26rem, 1.62vw, 1.52rem);
            line-height: 1.15;
            letter-spacing: -.02em;
            font-weight: 700;
            color: inherit;
        }
        .summary {
            padding: 14px 16px;
            border-radius: 14px;
            background: linear-gradient(135deg, rgba(32, 107, 196, 0.08), rgba(32, 107, 196, 0.03));
            border: 1px solid rgba(32, 107, 196, 0.14);
            margin-bottom: 16px;
            font-size: .95rem;
            line-height: 1.5;
        }
        .summary-tight {
            padding: 12px 14px;
            margin-bottom: 14px;
        }
        .recent-page-strip {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 10px;
        }
        .recent-page-strip > * {
            min-width: 0;
        }
        .recent-page-chip {
            display: inline-flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 8px;
            min-height: 40px;
            padding: 11px 15px;
            border-radius: 999px;
            border: 1px solid var(--line);
            background: rgba(255,255,255,.94);
            color: var(--ink);
            font-size: .92rem;
            font-weight: 700;
            line-height: 1.2;
            white-space: nowrap;
        }
        .recent-page-chip-title {
            min-width: 0;
            flex: 1 1 auto;
            white-space: normal;
            overflow: visible;
            text-overflow: clip;
        }
        .recent-page-chip-meta {
            font-size: .74rem;
            font-weight: 800;
            flex: 0 0 auto;
            white-space: nowrap;
        }
        .recent-page-chip.is-hakem .recent-page-chip-meta {
            color: #a21caf;
        }
        .recent-page-chip.is-takim .recent-page-chip-meta {
            color: #b91c1c;
        }
        .recent-page-chip.is-futbolcu .recent-page-chip-meta {
            color: #9333ea;
        }
        .recent-page-chip.is-karsilastirma .recent-page-chip-meta {
            color: #db2777;
        }
        .recent-page-chip.is-default .recent-page-chip-meta {
            color: var(--muted);
        }
        .workbench-control-card {
            padding: 16px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: rgba(249, 250, 255, 0.96);
        }
        .column-panel {
            margin-bottom: 16px;
            padding: 16px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: rgba(249, 250, 255, 0.96);
        }
        .column-panel-head {
            display: flex;
            justify-content: space-between;
            align-items: start;
            gap: 12px;
            margin-bottom: 12px;
        }
        .column-panel-head h2 {
            margin: 0 0 4px;
            font-size: .82rem;
            text-transform: uppercase;
            letter-spacing: .12em;
            color: #2f436b;
        }
        .panel-actions {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 8px;
            flex-wrap: wrap;
        }
        .column-panel-head p {
            margin: 0;
            color: var(--muted);
            font-size: .88rem;
            line-height: 1.45;
        }
        .report-action-button {
            min-height: 40px;
            padding: 8px 14px;
            font-size: .86rem;
            white-space: nowrap;
        }
        .tool-note {
            padding: 12px 14px;
            border-radius: 12px;
            border: 1px solid var(--line);
            background: #fff;
            color: var(--muted);
            font-size: .84rem;
            line-height: 1.45;
            max-width: 240px;
            box-shadow: none;
        }
        .filters { display: grid; gap: 12px; margin-bottom: 16px; }
        .filter-group + .filter-group {
            margin-top: 8px;
            padding-top: 12px;
            border-top: 1px solid var(--line);
        }
        .filter-group-title {
            margin: 0 0 8px;
            font-size: .78rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .12em;
            color: #2f436b;
        }
        .filter { display: grid; gap: 6px; }
        .filter label { font-size: .84rem; color: var(--muted); font-weight: 600; }
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        .filter select {
            width: 100%;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: #fff;
            padding: 10px 12px;
            min-height: 46px;
            color: var(--ink);
            box-shadow: inset 0 1px 1px rgba(31, 42, 68, 0.02);
        }
        .filter select[multiple] {
            min-height: 148px;
        }
        .checkbox-list {
            display: grid;
            gap: 8px;
        }
        .season-filter {
            display: grid;
            gap: 10px;
        }
        .season-options[hidden] {
            display: none !important;
        }
        .season-options {
            padding: 12px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: rgba(255, 255, 255, 0.92);
        }
        .column-pill-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 10px;
        }
        .filter-actions {
            display: flex;
            justify-content: flex-end;
            margin-bottom: 8px;
        }
        .checkbox-pill {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 12px 12px;
            border: 1px solid var(--line);
            border-radius: 12px;
            background: #fbfcff;
            font-size: .92rem;
        }
        .checkbox-pill input {
            margin: 0;
        }
        .column-pill {
            min-height: 48px;
            cursor: pointer;
            transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
        }
        .column-pill:hover {
            border-color: rgba(32, 107, 196, 0.2);
            background: rgba(32, 107, 196, 0.04);
        }
        .column-pill.is-active {
            border-color: rgba(32, 107, 196, 0.24);
            background: rgba(32, 107, 196, 0.08);
            box-shadow: inset 0 0 0 1px rgba(32, 107, 196, 0.06);
        }
        .column-pill-action {
            justify-content: center;
            font: inherit;
            font-weight: 700;
            min-height: 44px;
            padding: 10px 12px;
            font-size: .86rem;
            color: #fff;
            background: var(--accent-dark);
            border-color: var(--accent-dark);
            cursor: pointer;
            box-shadow: 0 8px 18px rgba(21, 85, 165, 0.18);
        }
        .column-pill-action:hover {
            background: #11498e;
            border-color: #11498e;
        }
        .filter-submit-button {
            width: 100%;
            min-height: 40px;
            padding: 10px 14px;
            font-size: .86rem;
            background: var(--accent-dark);
            color: #fff;
            box-shadow: 0 8px 18px rgba(21, 85, 165, 0.18);
        }
        .filter-submit-button:hover {
            background: #11498e;
        }
        .field-input,
        .field-textarea {
            width: 100%;
            border-radius: 12px;
            border: 1px solid var(--line);
            background: #fff;
            padding: 10px 12px;
            font: inherit;
            color: inherit;
            box-shadow: inset 0 1px 1px rgba(31, 42, 68, 0.02);
        }
        .field-textarea {
            resize: vertical;
            min-height: 96px;
        }
        .is-invalid {
            border-color: rgba(255, 79, 122, 0.55) !important;
            box-shadow: 0 0 0 3px rgba(255, 79, 122, 0.08);
        }
        .field-help {
            color: var(--muted);
            font-size: .84rem;
            line-height: 1.45;
        }
        .field-error {
            color: var(--danger);
            font-size: .84rem;
            line-height: 1.45;
            font-weight: 600;
        }
        .btn {
            appearance: none;
            border: 0;
            border-radius: 10px;
            background: var(--accent);
            color: #fff;
            padding: 12px 16px;
            font-weight: 600;
            cursor: pointer;
            min-height: 44px;
            box-shadow: 0 8px 18px rgba(32, 107, 196, 0.14);
        }
        .btn-danger {
            background: var(--danger);
            border-color: var(--danger);
            color: #fff;
            box-shadow: 0 8px 18px rgba(216, 50, 74, 0.22);
        }
        .btn-danger:hover {
            background: var(--danger-strong);
        }
        .text-danger,
        .text-data {
            color: var(--danger);
        }
        .accent-data {
            color: var(--danger);
            font-style: italic;
        }
        .editorial-page {
            background:
                radial-gradient(circle at top center, rgba(216, 50, 74, 0.03), transparent 32%),
                linear-gradient(180deg, #fffdfa 0%, #fdfaf3 100%);
            color: var(--editorial-ink);
        }
        .editorial-page .panel {
            background: linear-gradient(180deg, rgba(255, 253, 250, 0.7), rgba(255, 255, 255, 0.96));
            border-color: var(--editorial-line);
            box-shadow: 0 1px 2px rgba(26, 20, 8, 0.05), 0 12px 24px rgba(26, 20, 8, 0.04);
        }
        .editorial-page .table-wrap {
            background: linear-gradient(180deg, rgba(255, 253, 250, 0.9), rgba(255, 255, 255, 0.98));
            border-color: var(--editorial-line);
        }
        .editorial-page .table-context {
            background: linear-gradient(180deg, rgba(255, 253, 250, 0.96), rgba(255, 255, 255, 0.98));
            border-bottom-color: var(--editorial-line);
        }
        .editorial-page .table-context h1 {
            font-family: var(--serif);
            color: var(--editorial-ink);
            letter-spacing: -.02em;
        }
        .editorial-page table th {
            background: rgba(255, 253, 250, 0.94);
            color: var(--editorial-muted);
        }
        .editorial-page table tbody tr:hover td {
            background: rgba(216, 50, 74, 0.03);
        }
        .editorial-page tfoot td {
            background: rgba(253, 250, 243, 0.96);
            color: var(--editorial-ink);
        }
        .editorial-page .filter select,
        .editorial-page .field-input,
        .editorial-page .field-textarea {
            background: rgba(255, 255, 255, 0.92);
            border-color: var(--editorial-line);
            color: var(--editorial-ink);
        }
        .editorial-page .checkbox-pill,
        .editorial-page .column-pill {
            background: rgba(255, 253, 250, 0.7);
            border-color: var(--editorial-line);
        }
        .editorial-page .column-pill.is-active,
        .editorial-page .checkbox-pill.is-active {
            background: rgba(216, 50, 74, 0.08);
            border-color: rgba(216, 50, 74, 0.25);
            box-shadow: inset 0 0 0 1px rgba(216, 50, 74, 0.05);
        }
        .editorial-page .column-pill-action {
            background: var(--accent-dark);
            border-color: var(--accent-dark);
            color: #fff;
            box-shadow: 0 8px 18px rgba(21, 85, 165, 0.18);
        }
        .editorial-page .column-pill-action:hover {
            background: #11498e;
            border-color: #11498e;
        }
        .editorial-page .recent-page-chip,
        .editorial-page .action-card,
        .editorial-page .route-card,
        .editorial-page .category-card,
        .editorial-page .meta-item,
        .editorial-page .json-box,
        .editorial-page .metric-card,
        .editorial-page .task-card,
        .editorial-page .flash {
            background: linear-gradient(180deg, rgba(255, 253, 250, 0.5), rgba(255, 255, 255, 0.95));
            border-color: var(--editorial-line);
        }
        .editorial-page .summary {
            background: linear-gradient(135deg, rgba(245, 176, 66, 0.10), rgba(216, 50, 74, 0.04));
            border-color: var(--editorial-line);
        }
        .editorial-page .methodology,
        .editorial-page .workbench-control-card,
        .editorial-page .column-panel {
            background: linear-gradient(180deg, rgba(255, 253, 250, 0.55), rgba(255, 255, 255, 0.94));
            border-color: var(--editorial-line);
        }
        .editorial-page .workbench-sidebar {
            background: linear-gradient(180deg, rgba(255, 253, 250, 0.85), rgba(253, 250, 243, 0.65));
            border-color: var(--editorial-line);
        }
        .editorial-page .empty {
            background: rgba(255, 253, 250, 0.6);
            border-color: var(--editorial-line);
            color: var(--editorial-muted);
        }
        .editorial-page .btn {
            box-shadow: 0 8px 18px rgba(216, 50, 74, 0.10);
        }
        .editorial-page .btn-secondary {
            background: rgba(255, 255, 255, 0.96);
            color: var(--editorial-ink);
            border-color: var(--editorial-line);
        }
        .editorial-page .nav-dropdown strong { color: var(--editorial-ink); }
        .editorial-page .masthead {
            background: rgba(255, 253, 250, 0.94);
            border-color: var(--editorial-line);
            backdrop-filter: blur(8px);
        }
        .editorial-page .nav-link,
        .editorial-page .nav-menu-trigger {
            color: var(--editorial-muted);
        }
        .editorial-page .nav-link:hover,
        .editorial-page .nav-menu-trigger:hover,
        .editorial-page .nav-dropdown a:hover,
        .editorial-page .nav-dropdown button:hover {
            color: var(--editorial-ink);
            background: rgba(216, 50, 74, 0.08);
        }
        .editorial-page .nav-link.is-active,
        .editorial-page .nav-menu.has-active .nav-menu-trigger,
        .editorial-page .nav-menu.is-open .nav-menu-trigger {
            color: var(--editorial-ink);
            background: rgba(216, 50, 74, 0.10);
            border-color: rgba(216, 50, 74, 0.20);
        }
        .editorial-page .nav-dropdown {
            background: var(--editorial-cream);
            border-color: var(--editorial-line);
        }
        .editorial-page .nav-dropdown a,
        .editorial-page .nav-dropdown button {
            background: transparent;
            color: var(--editorial-muted);
        }
        .editorial-page .nav-dropdown a.nav-item-active,
        .editorial-page .nav-dropdown button.nav-item-active {
            background: rgba(216, 50, 74, 0.10);
            border-color: rgba(216, 50, 74, 0.20);
            color: var(--editorial-ink);
        }
        .editorial-page .mobile-nav-toggle {
            background: rgba(216, 50, 74, 0.06);
            border-color: rgba(216, 50, 74, 0.18);
            color: var(--editorial-ink);
        }
        .editorial-page .panel.content > .report-head h1,
        .editorial-page .hero-panel h1 {
            font-family: var(--serif);
            color: var(--editorial-ink);
            letter-spacing: -.02em;
        }
        .editorial-page .eyebrow {
            background: rgba(216, 50, 74, 0.10);
            color: var(--danger-strong);
        }
        .editorial-page .summary {
            background: linear-gradient(135deg, rgba(245, 176, 66, 0.10), rgba(216, 50, 74, 0.04));
            border-color: var(--editorial-line);
        }
        .editorial-page .league-panel,
        .editorial-page .fixture-card,
        .editorial-page .channel-card {
            border-color: var(--editorial-line);
            background: linear-gradient(180deg, rgba(255, 253, 250, 0.6), rgba(255, 255, 255, 0.98));
            box-shadow: 0 10px 28px rgba(26, 20, 8, 0.06);
        }
        .editorial-page .favorites-notice {
            background: linear-gradient(135deg, rgba(245, 176, 66, 0.14), rgba(216, 50, 74, 0.05));
            border-color: rgba(216, 50, 74, 0.20);
        }
        .editorial-page .favorites-notice-content strong {
            color: var(--editorial-ink);
        }
        .editorial-page .favorites-notice-btn {
            background: var(--danger);
        }
        .editorial-page .favorites-notice-btn:hover {
            background: var(--danger-strong);
        }
        .editorial-page .channel-schedule-notice {
            background: linear-gradient(135deg, rgba(245, 176, 66, 0.14), rgba(31, 159, 111, 0.06));
            border-color: rgba(245, 176, 66, 0.30);
            color: #4a3a18;
        }
        .site-footer {
            margin-top: 28px;
            padding: 22px 18px 18px;
            border: 1px solid var(--line);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.96);
            color: var(--muted);
        }
        .editorial-page .site-footer {
            background: rgba(255, 253, 250, 0.92);
            border-color: var(--editorial-line);
            color: var(--editorial-muted);
        }
        .site-footer-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
            align-items: center;
        }
        @media (min-width: 720px) {
            .site-footer-grid {
                grid-template-columns: minmax(0, 1fr) auto;
                gap: 20px;
            }
        }
        .site-footer-links {
            display: flex;
            flex-wrap: wrap;
            gap: 4px 10px;
            justify-content: flex-start;
        }
        .site-footer-links a {
            font-size: .92rem;
            font-weight: 600;
            color: inherit;
            text-decoration: none;
            transition: color .18s ease;
            /* Dokunma hedefi: en az 44px yükseklik + yatay padding (Lighthouse). */
            display: inline-flex;
            align-items: center;
            min-height: 44px;
            padding: 4px 8px;
            margin: 0 -2px;
        }
        .site-footer-links a:hover {
            color: var(--danger);
        }
        .site-footer-meta {
            display: flex;
            flex-direction: column;
            gap: 3px;
            font-size: .78rem;
            line-height: 1.5;
            justify-content: flex-start;
        }
        .site-footer-source {
            color: var(--muted);
        }
        .site-footer-source a {
            color: var(--accent-dark);
            text-decoration: underline;
            text-underline-offset: 2px;
        }
        @media (min-width: 720px) {
            .site-footer-meta {
                justify-content: flex-end;
                text-align: right;
                align-items: flex-end;
            }
        }
        /* Zengin metin (admin editöründen gelen HTML) — tüm public sayfalarda
           tutarlı liste/paragraf/bağlantı görünümü. Sayfa-özel CSS'ler (fixtures,
           referee-profile) kendi kopyalarıyla bunu ezebilir; bu global taban
           home/category/workbench/blog için de stil sağlar. */
        .report-richtext > :first-child { margin-top: 0; }
        .report-richtext > :last-child { margin-bottom: 0; }
        .report-richtext p,
        .report-richtext ul,
        .report-richtext ol,
        .report-richtext h2,
        .report-richtext h3,
        .report-richtext h4 { margin: 0 0 12px; }
        .report-richtext ul,
        .report-richtext ol { padding-left: 22px; }
        .report-richtext a {
            color: var(--accent-dark);
            text-decoration: underline;
            text-underline-offset: 2px;
        }
        .btn-secondary {
            background: #fff;
            color: var(--brand-blue-dark);
            border: 1px solid rgba(104, 117, 255, 0.18);
            box-shadow: none;
        }
        .btn-inline {
            padding: 8px 12px;
            font-size: .84rem;
            font-weight: 600;
        }
        .table-wrap {
            overflow: auto;
            position: relative;
            isolation: isolate;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: #fff;
        }
        .table-context {
            position: relative;
            z-index: 1;
            padding: 18px 18px 14px;
            border-bottom: 1px solid rgba(98, 110, 145, 0.12);
            background: linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(255,255,255,0.98));
        }
        .table-context h1 {
            margin: 0 0 8px;
            font-size: clamp(1.2rem, 1.85vw, 1.62rem);
            line-height: 1.16;
            letter-spacing: -.03em;
        }
        .table-context p {
            margin: 0;
            color: var(--muted);
            font-size: .98rem;
            line-height: 1.55;
        }
        .table-wrap::before {
            content: "";
            position: absolute;
            inset: 20px;
            border-radius: 12px;
            background:
                linear-gradient(180deg, rgba(255,255,255,0.18), rgba(255,255,255,0.26)),
                url('/brand/sustur-watermark.svg') center / contain no-repeat;
            opacity: 1;
            pointer-events: none;
            z-index: 0;
        }
        .table-wrap > * {
            position: relative;
            z-index: 1;
        }
        table { width: 100%; border-collapse: collapse; min-width: 640px; }
        th, td { text-align: left; padding: 13px 14px; border-bottom: 1px solid rgba(98, 110, 145, 0.12); }
        th { background: #f7f9fc; position: sticky; top: 0; }
        th {
            color: #33466e;
            font-size: .82rem;
            font-weight: 700;
            letter-spacing: .01em;
        }
        td {
            font-size: .93rem;
            line-height: 1.45;
        }
        tbody tr:hover td {
            background: rgba(32, 107, 196, 0.025);
        }
        .report-table th,
        .report-table td {
            text-align: center;
        }
        tfoot td {
            background: #f7f8fa;
            font-weight: 700;
            font-size: .96rem;
        }
        .sort-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            font-weight: 700;
        }
        .sort-indicator {
            min-width: 10px;
            color: var(--brand-blue-dark);
        }
        .client-sortable {
            cursor: pointer;
            user-select: none;
            transition: background-color .15s ease;
        }
        .client-sortable:hover,
        .client-sortable:focus-visible {
            background: rgba(32, 107, 196, 0.06);
            outline: none;
        }
        .client-sortable.is-sorted {
            background: rgba(32, 107, 196, 0.08);
        }
        .metric-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
            gap: 12px;
        }
        .metric-card {
            padding: 16px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: #fff;
        }
        .metric-card strong {
            display: block;
            font-size: 1.6rem;
            line-height: 1;
            margin-bottom: 8px;
        }
        .metric-card span {
            color: var(--muted);
            font-size: .92rem;
        }
        .empty {
            border: 1px dashed var(--line);
            border-radius: 14px;
            padding: 32px 20px;
            text-align: center;
            color: var(--muted);
        }
        .report-notes {
            display: grid;
            gap: 10px;
            margin-top: 16px;
            color: var(--muted);
            font-size: .89rem;
            line-height: 1.55;
        }
        .report-notes p { margin: 0; }
        .methodology {
            margin-top: 16px;
            padding: 18px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: rgba(249, 250, 255, 0.96);
        }
        .methodology h2 {
            margin: 0 0 12px;
            font-size: .98rem;
        }
        .methodology-list {
            display: grid;
            gap: 10px;
            color: var(--muted);
            font-size: .9rem;
            line-height: 1.55;
        }
        .methodology-list p { margin: 0; }
        .flash-stack {
            display: grid;
            gap: 10px;
            margin-bottom: 16px;
        }
        .flash {
            padding: 12px 14px;
            border-radius: 12px;
            border: 1px solid var(--line);
            background: rgba(255,255,255,.92);
        }
        .flash-error {
            border-color: rgba(255, 79, 122, 0.22);
            background: var(--danger-soft);
        }
        .task-list {
            display: grid;
            gap: 16px;
        }
        .task-card {
            padding: 18px;
            border: 1px solid var(--line);
            border-radius: 14px;
            background: rgba(255,255,255,.92);
        }
        .task-card-head {
            display: flex;
            justify-content: space-between;
            align-items: start;
            gap: 12px;
            margin-bottom: 14px;
        }
        .task-copy h2 {
            margin: 0 0 6px;
            font-size: 1.05rem;
        }
        .task-copy p {
            margin: 0;
            color: var(--muted);
        }
        .badge-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: end;
            gap: 8px;
        }
        .badge {
            display: inline-flex;
            align-items: center;
            padding: 6px 10px;
            border-radius: 999px;
            background: var(--chip);
            font-size: .78rem;
            font-weight: 700;
            letter-spacing: .02em;
        }
        .status-active {
            background: rgba(15, 118, 110, 0.12);
            color: #0f766e;
        }
        .status-blocked {
            background: var(--danger-soft);
            color: var(--danger);
        }
        .status-completed {
            background: rgba(37, 99, 235, 0.12);
            color: #1d4ed8;
        }
        .task-meta {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 12px;
            margin-bottom: 14px;
        }
        .meta-item {
            padding: 12px 14px;
            border-radius: 12px;
            border: 1px solid var(--line);
            background: #fff;
        }
        .meta-item strong {
            display: block;
            margin-bottom: 4px;
            font-size: .8rem;
            text-transform: uppercase;
            letter-spacing: .06em;
        }
        .meta-item span {
            color: var(--muted);
            font-size: .92rem;
        }
        .json-box {
            margin-bottom: 14px;
            padding: 14px;
            border-radius: 12px;
            border: 1px solid var(--line);
            background: #fff;
        }
        .json-box strong {
            display: block;
            margin-bottom: 8px;
        }
        .json-box pre {
            margin: 0;
            white-space: pre-wrap;
            word-break: break-word;
            font-size: .85rem;
            color: var(--muted);
        }
        .task-actions {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 14px;
            margin-top: 14px;
        }
        .task-route-list {
            margin-bottom: 12px;
        }
        .quick-actions {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 10px;
            margin-top: 14px;
            margin-bottom: 10px;
        }
        .action-card {
            display: block;
            padding: 16px;
            border-radius: 14px;
            border: 1px solid var(--line);
            background: #fff;
            transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
        }
        .action-card:hover {
            border-color: rgba(32, 107, 196, 0.2);
            transform: translateY(-1px);
            box-shadow: 0 8px 18px rgba(31, 42, 68, 0.06);
        }
        .action-card.is-active {
            border-color: rgba(104, 117, 255, 0.22);
            background: rgba(104, 117, 255, 0.08);
        }
        .action-card h3 {
            margin: 0 0 12px;
            font-size: 1rem;
        }
        .step-output {
            margin-top: 8px;
        }
        .step-output summary {
            cursor: pointer;
            color: var(--muted);
            font-size: .82rem;
        }
        .step-output pre {
            margin: 8px 0 0;
            padding: 10px 12px;
            border-radius: 12px;
            background: #f7f8fa;
            border: 1px solid var(--line);
            white-space: pre-wrap;
            word-break: break-word;
            font-size: .82rem;
            color: var(--muted);
        }
        @media (max-width: 960px) {
            .grid { grid-template-columns: 1fr; }
            .home-grid { grid-template-columns: 1fr; }
            .workbench-grid { grid-template-columns: 1fr; }
            .workbench-sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
            .masthead { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 12px 14px; }
            .brand-block { width: auto; max-width: calc(100% - 118px); padding-left: 0; }
            .brand-logo { width: 240px; max-width: 100%; margin-top: 0; margin-left: 0; transform: none; }
            .mobile-nav-toggle { display: inline-flex; }
            .site-nav { display: none; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-left: 0; margin-top: 10px; }
            .masthead.is-mobile-nav-open .site-nav { display: flex; }
            .nav-dropdown {
                position: absolute;
                left: 0;
                right: 0;
                top: calc(100% + 8px);
                width: auto;
                margin-top: 0;
            }
            .report-head { flex-direction: column; }
            .report-copy { flex: 1 1 auto; width: 100%; }
            .report-head-top {
                display: flex;
                width: 100%;
                flex-wrap: wrap;
                gap: 10px;
            }
            .report-head-top > * {
                flex: 1 1 220px;
            }
            .report-save-form { margin-left: 0; }
            .report-save-button,
            .report-share-button { width: 100%; min-width: 0; min-height: 44px; }
            .tool-note { max-width: none; width: 100%; }
            .panel-actions {
                width: 100%;
                justify-content: stretch;
            }
            .panel-actions > * {
                flex: 1 1 220px;
            }
        }
        @media (max-width: 640px) {
            .shell { width: min(100vw - 16px, 1440px); }
            .sidebar, .content { padding: 14px; }
            .masthead {
                overflow-x: clip;
            }
            .masthead.is-mobile-nav-open .site-nav {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 8px;
                width: 100%;
                align-items: stretch;
            }
            .site-nav > * {
                width: 100%;
            }
            .nav-menu {
                grid-column: 1 / -1;
                width: 100%;
                padding-bottom: 0;
                margin-bottom: 0;
            }
            .nav-link,
            .nav-menu-trigger {
                justify-content: center;
                width: 100%;
                max-width: 100%;
                white-space: normal;
                text-align: center;
                line-height: 1.2;
            }
            .nav-dropdown {
                position: static;
                left: auto;
                right: auto;
                top: auto;
                width: 100%;
                min-width: 0;
                max-width: 100%;
                margin-top: 8px;
                box-shadow: none;
            }
            .nav-dropdown a {
                white-space: normal;
            }
            .report-copy h1 {
                font-size: 1.5rem;
                line-height: 1.1;
                text-wrap: pretty;
            }
            .report-copy-tight h1 {
                font-size: 1.28rem;
                line-height: 1.1;
            }
            .report-copy-tight p {
                font-size: .9rem;
                line-height: 1.4;
            }
            .report-copy p {
                font-size: .98rem;
                line-height: 1.5;
            }
            .recent-page-strip {
                grid-template-columns: 1fr;
            }
            .recent-page-chip {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
                white-space: normal;
                overflow: hidden;
            }
            .recent-page-chip-title {
                white-space: normal;
                min-width: 0;
            }
            .recent-page-chip-meta {
                white-space: normal;
            }
            .table-title-row {
                margin: 4px 0 10px;
            }
            .table-title-row h2,
            .table-title-row .table-title-caption {
                font-size: 1.18rem;
                line-height: 1.15;
            }
            .table-wrap {
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }
            .table-wrap::before { inset: 10px; }
            table { min-width: 560px; }
            th, td { padding: 11px 10px; }
            .report-head-top > * { flex-basis: 100%; }
            .panel-actions > * {
                flex-basis: 100%;
            }
            .column-pill-grid {
                grid-template-columns: 1fr;
            }
            .checkbox-list {
                grid-template-columns: 1fr;
            }
        }

        /* ===========================================
           Paylaşılan fixture-card stilleri — /fikstur, /dunya-kupasi-2026/fikstur,
           Türkiye hub, maç sayfaları ortak kullanır.
        =========================================== */
        .fixture-week { border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.96); overflow: hidden; }
        .fixture-week-head { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; cursor: pointer; background: linear-gradient(135deg, rgba(32, 107, 196, 0.06), rgba(32, 107, 196, 0.02)); font-size: .96rem; font-weight: 700; }
        .fixture-week-head::-webkit-details-marker { display: none; }
        .fixture-week-head div { display: grid; gap: 3px; }
        .fixture-week-head span, .fixture-week-head small { color: var(--muted); font-size: .83rem; font-weight: 600; }
        .fixture-week-body { display: grid; gap: 10px; padding: 12px; border-top: 1px solid var(--line); background: linear-gradient(180deg, rgba(248, 250, 255, 0.92), rgba(255,255,255,0.98)); }
        .fixture-card { border: 1px solid rgba(98,110,145,0.12); border-radius: 16px; background: rgba(255,255,255,0.86); overflow: hidden; }
        .fixture-week-body > .fixture-card:nth-child(even) { background: #fbfcff; }
        .fixture-card-summary { list-style: none; cursor: pointer; }
        .fixture-card-summary::-webkit-details-marker { display: none; }
        .fixture-row { display: grid; grid-template-columns: 180px minmax(0, 1fr) 220px; align-items: center; gap: 16px; padding: 14px 18px; }
        .fixture-status { display: grid; align-content: center; justify-items: start; color: var(--ink); letter-spacing: .02em; font-size: .9rem; text-align: left; gap: 2px; }
        .fixture-status strong { font-size: 1rem; font-weight: 800; }
        .fixture-status span { font-size: .78rem; font-weight: 600; opacity: .92; }
        .fixture-match { display: grid; grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1fr); align-items: center; gap: 12px; font-size: .98rem; padding: 0; }
        .team-name { font-weight: 600; text-align: center; line-height: 1.35; }
        .team-name-wrap { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; }
        .fixture-team-logo { width: 22px; height: 22px; object-fit: contain; flex: 0 0 22px; }
        .fixture-team-logo-placeholder { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, #e1e8f0, #d0d8e2); color: #5a6a80; font-size: 0.62rem; font-weight: 800; flex: 0 0 22px; }
        .team-name.is-winner { font-weight: 800; color: #1f8a4c; }
        .team-name.is-loser { color: #b42318; }
        .fixture-score { display: grid; justify-items: center; gap: 4px; text-align: center; font-size: 1.18rem; font-weight: 800; color: #233253; }
        .fixture-score-value { display: block; width: 100%; text-align: center; }
        .fixture-live-state { display: block; font-size: .72rem; font-weight: 800; letter-spacing: .05em; color: #b42318; text-transform: uppercase; animation: pulse 1.2s ease-in-out infinite; }
        .fixture-row.is-live .fixture-status { color: #b42318; }
        .fixture-versus { color: var(--muted); }
        .fixture-action { display: grid; align-content: center; justify-items: end; color: #5e6f90; font-size: .79rem; text-align: right; padding: 0; }
        .fixture-action-broadcast { font-weight: 700; color: var(--brand-blue-dark); }
        .fixture-card-body { padding: 12px 18px 16px; background: rgba(248, 250, 255, 0.6); border-top: 1px solid var(--line); }
        .fixture-card-inner { display: grid; gap: 10px; }
        .fixture-card-inner strong { font-size: .92rem; color: var(--ink); }
        .live-pill { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 6px; background: var(--danger); color: #fff; font-family: var(--mono); font-size: .65rem; letter-spacing: .1em; font-weight: 800; text-transform: uppercase; width: max-content; }
        @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: .6; } }
        @media (max-width: 720px) {
            .fixture-row { grid-template-columns: 1fr; gap: 8px; padding: 12px 14px; }
            .fixture-status { justify-items: center; text-align: center; }
            .fixture-action { justify-items: center; text-align: center; }
        }