/* Kanarya1907 V2 public stylesheet. Generated from route-proven base rules and the V2 component layer. */
@font-face { font-family: "Kanarya Noto Sans"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("../fonts/noto-sans-normal-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.site-nav__more { position: relative; }
.site-nav__more summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0.5rem 0.65rem; cursor: pointer; font-weight: 800; list-style: none; }
.site-nav__more summary::-webkit-details-marker { display: none; }
.site-nav__panel { position: absolute; z-index: 30; right: 0px; top: calc(100% + 0.75rem); display: grid; min-width: 15rem; padding: 0.65rem; border: 1px solid var(--line, #d8d2bd); border-radius: 0.8rem; background: rgb(255, 253, 245); box-shadow: rgba(5, 28, 68, 0.16) 0px 18px 45px; }
.site-nav__panel a { padding: 0.65rem 0.75rem; border-radius: 0.5rem; }
.source-disclosure { margin-top: 1rem; padding: 1rem; border: 1px solid rgb(216, 210, 189); border-radius: 0.8rem; background: rgb(255, 253, 245); }
.source-disclosure > div:first-child { display: flex; justify-content: space-between; gap: 1rem; }
.source-disclosure dl { display: grid; gap: 0.5rem; margin: 0.8rem 0px 0px; }
.source-disclosure dl div { display: grid; grid-template-columns: 7rem 1fr; gap: 0.75rem; }
.source-disclosure dt { font-weight: 800; }
.fact-state { padding: 0.7rem 0.9rem; border-radius: 0.65rem; background: rgb(238, 243, 248); color: rgb(16, 44, 76); font-weight: 800; }
.fact-state--verified { color: rgb(18, 63, 45); background: rgb(229, 245, 235); }
.fact-state--stale { color: rgb(109, 70, 0); background: rgb(255, 241, 190); }
.fact-state--conflict { color: rgb(122, 30, 35); background: rgb(253, 229, 230); }
.component-state--empty { color: rgb(61, 74, 95); background: rgb(241, 244, 247); }
.component-state--error { color: rgb(104, 23, 28); background: rgb(253, 229, 230); border-left: 0.35rem solid rgb(166, 27, 36); }
.correction-notice { display: grid; gap: 0.4rem; margin: 1rem 0px; padding: 1rem; border-left: 0.35rem solid rgb(199, 155, 0); background: rgb(255, 248, 217); }
.correction-notice p { margin: 0px; }
.timezone-disclosure { display: grid; gap: 0.25rem; margin-top: 0.25rem; }
.timezone-disclosure summary { cursor: pointer; font-size: 0.85rem; font-weight: 750; }
.timezone-disclosure p { margin: 0.35rem 0px 0px; font-size: 0.88rem; }
.match-state-nav, .gazette-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0px 1.25rem; }
.match-state-nav span, .gazette-filters a { display: inline-flex; align-items: center; min-height: 44px; padding: 0.55rem 0.75rem; border: 1px solid rgb(216, 210, 189); border-radius: 999px; background: rgb(255, 255, 255); font-weight: 750; text-decoration: none; }
.match-state-nav [aria-current="step"], .gazette-filters [aria-current="page"] { color: rgb(255, 255, 255); border-color: rgb(8, 43, 95); background: rgb(8, 43, 95); }
.transfer-timeline { position: relative; }
.transfer-timeline li { display: grid; gap: 0.3rem; padding-left: 1.2rem; border-left: 0.2rem solid rgb(239, 198, 0); }
.transfer-timeline time, .transfer-timeline small { color: rgb(93, 102, 113); font-size: 0.85rem; }
@media (max-width: 900px) {
.site-nav__panel { position: static; min-width: 0px; margin-top: 0.5rem; box-shadow: none; }
.site-nav__more { width: 100%; }
.source-disclosure dl div { grid-template-columns: 1fr; gap: 0.1rem; }
}
@font-face { font-family: "Kanarya Noto Sans"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("../fonts/noto-sans-normal-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Kanarya Noto Sans"; font-style: italic; font-weight: 400 900; font-display: swap; src: url("../fonts/noto-sans-italic-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Kanarya Noto Sans"; font-style: italic; font-weight: 400 900; font-display: swap; src: url("../fonts/noto-sans-italic-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root { --navy: #061838; --navy-2: #0b214a; --yellow: #ffd226; --yellow-soft: #ffe782; --pitch: #1b6b50; --ink: #142033; --muted: #61708a; --paper: #fbfaf3; --line: rgba(20, 32, 51, 0.14); --shadow: 0 24px 70px rgba(6, 24, 56, 0.24); --font-interface: Arial, sans-serif; --font-editorial: Georgia, serif; --touch-target: 44px; --focus-ring: #efc600; --focus-halo: #ffffff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; max-width: 100%; overflow-x: hidden; }
body { margin: 0px; background: var(--paper); color: var(--ink); font-family: var(--font-interface); line-height: 1.6; max-width: 100%; overflow-x: hidden; }
.kanarya-v2-shell :where(.feature-title, .editorial-title, .archive-title) { font-family: var(--font-editorial); }
.v2-source-strip { margin-block: 40px; }
.v2-source-strip .source-drawer { max-width: 100%; }
.entity-hero-grid--single { grid-template-columns: minmax(0, 1fr); }
a { color: inherit; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: rgb(255, 255, 255) solid 3px; outline-offset: 2px; box-shadow: rgb(11, 86, 179) 0px 0px 0px 6px; }
img { max-width: 100%; height: auto; }
.skip-link { position: absolute; left: 16px; top: -80px; z-index: 100; background: var(--yellow); color: var(--navy); padding: 10px 14px; border-radius: 4px; font-weight: 800; }
.skip-link:focus { top: 16px; }
.site-header { position: sticky; top: 0px; z-index: 50; background: rgba(6, 24, 56, 0.94); color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(16px); }
.section__inner, .site-footer__inner { width: min(1160px, 100% - 32px); margin: 0px auto; }
.site-header__inner { width: min(1360px, 100% - 24px); margin: 0px auto; min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; min-width: 0px; }
.brand__logo { width: 58px; height: auto; max-height: 58px; display: block; object-fit: contain; flex: 0 0 auto; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 7px 12px); }
.brand__logo-picture { display: block; flex: 0 0 auto; line-height: 0; }
.brand__text { min-width: 0px; }
.brand strong, .brand em { display: block; }
.brand strong { font-size: 0.98rem; letter-spacing: 0px; }
.brand em { color: rgba(255, 255, 255, 0.72); font-size: 0.78rem; font-style: normal; }
.brand__device { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 4px; border: 2px solid rgba(255, 210, 38, 0.78); border-radius: 12px 12px 16px 16px; color: var(--navy); font-size: 0.7rem; font-weight: 950; line-height: 1; letter-spacing: 0.02em; background: var(--yellow); box-shadow: inset 0 0 0 2px var(--navy), 0 6px 14px rgba(0, 0, 0, 0.18); transform: rotate(2deg); }
.brand__device span { transform: rotate(-2deg); }
.site-nav__list { list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px; margin: 0px; padding: 0px; }
.site-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px; border-radius: 6px; color: rgba(255, 255, 255, 0.84); text-decoration: none; font-weight: 750; font-size: 0.92rem; }
.site-nav a:hover, .site-nav a:focus-visible { background: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); }
.match-week-card--next .rc-kicker { color: rgba(255, 255, 255, 0.78); }
.match-week .current-status { border-color: rgba(6, 24, 56, 0.2); background: var(--yellow); color: var(--navy); }
.match-week-list span:not(.match-branch-pill) { grid-column: 2; min-width: 0px; color: var(--muted); font-size: 0.84rem; font-weight: 800; line-height: 1.35; overflow-wrap: anywhere; }
.match-week .match-branch-pill { border-color: rgba(6, 24, 56, 0.16); background: rgba(255, 210, 38, 0.38); color: var(--navy); }
.current-board { position: relative; z-index: 3; padding: clamp(24px, 4vw, 42px) 0px; background: linear-gradient(135deg, rgba(255, 210, 38, 0.2), rgba(255, 210, 38, 0) 38%),
        var(--navy); color: rgb(255, 255, 255); border-bottom: 4px solid var(--yellow); }
.current-board h2 { max-width: 16ch; font-size: clamp(1.9rem, 4.4vw, 3.1rem); }
.current-board h3 { font-size: clamp(1.15rem, 2.3vw, 1.65rem); overflow-wrap: anywhere; }
.current-board p { margin: 10px 0px 0px; color: rgba(255, 255, 255, 0.8); }
.current-board a { color: var(--yellow); font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.current-status { align-self: flex-start; display: inline-flex; align-items: center; min-height: 28px; padding: 5px 8px; border: 1px solid rgba(255, 210, 38, 0.54); border-radius: 6px; background: rgba(255, 210, 38, 0.14); color: var(--yellow); font-size: 0.73rem; font-weight: 950; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.current-status--resmi, .current-status--resmi-ajans { border-color: rgba(104, 211, 145, 0.72); background: rgba(104, 211, 145, 0.16); color: rgb(169, 240, 193); }
.current-status--iddia { border-color: rgba(255, 210, 38, 0.58); background: rgba(255, 210, 38, 0.13); color: var(--yellow-soft); }
.upcoming-match-stack > .rc-kicker { margin: 0px 0px 8px; }
.match-branch-pill { align-self: start; display: inline-flex; max-width: 100%; min-height: 25px; padding: 5px 7px; border: 1px solid rgba(255, 210, 38, 0.42); border-radius: 6px; background: rgba(255, 210, 38, 0.12); color: var(--yellow-soft); font-size: 0.7rem; font-weight: 900; line-height: 1.15; overflow-wrap: anywhere; }
.hero { position: relative; min-height: clamp(620px, 78vh, 820px); display: grid; align-items: center; overflow: hidden; color: rgb(255, 255, 255); background: var(--navy); }
.hero__media, .hero__overlay { position: absolute; inset: 0px; }
.hero__media { filter: saturate(0.86) contrast(1.04); }
.hero__media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 34%; }
.hero__overlay { background: linear-gradient(90deg, rgba(6, 24, 56, 0.96) 0%, rgba(6, 24, 56, 0.82) 38%, rgba(6, 24, 56, 0.32) 74%), linear-gradient(0deg, rgba(6, 24, 56, 0.78), rgba(6, 24, 56, 0.08)); }
.hero__content { position: relative; width: min(1160px, 100% - 32px); margin: 0px auto; max-width: 760px; padding: 80px 0px 120px; }
.hero__logo-picture { width: min(390px, 76vw); display: block; margin: 0px 0px 24px; line-height: 0; }
.hero__logo { width: 100%; height: auto; display: block; filter: drop-shadow(rgba(0, 0, 0, 0.38) 0px 26px 38px); }
.eyebrow { margin: 0px 0px 12px; color: rgb(105, 85, 0); font-size: 0.78rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.14em; }
.hero .eyebrow, .page-hero .eyebrow, .section--navy .eyebrow, .current-board .eyebrow, .site-footer .eyebrow { color: var(--yellow); }
h1, h2, h3 { margin: 0px; line-height: 1.05; letter-spacing: 0px; }
h1 { font-size: 4.7rem; max-width: 14ch; }
h2 { font-size: 3.25rem; }
h3 { font-size: 1.2rem; }
.hero__copy { max-width: 660px; margin: 22px 0px 0px; color: rgba(255, 255, 255, 0.82); font-size: clamp(1.02rem, 2vw, 1.24rem); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero--product { min-height: clamp(560px, 70vh, 760px); }
.hero__content--product { padding-top: 68px; padding-bottom: 92px; }
.section--priority { background: rgb(255, 253, 243); }
.section-heading--compact { max-width: 860px; margin-bottom: 24px; }
.priority-grid, .verified-grid, .week-branch-grid { display: grid; gap: 16px; }
.priority-grid { grid-template-columns: minmax(0px, 1.18fr) repeat(2, minmax(0px, 0.91fr)); }
.priority-card, .verified-panel, .week-branch-card, .season-detail-panel, .season-hub-card { min-width: 0px; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.08) 0px 18px 46px; }
.priority-card { display: flex; flex-direction: column; gap: 13px; min-height: 330px; padding: clamp(18px, 3vw, 26px); }
.priority-card--next { background: linear-gradient(135deg, rgba(255, 210, 38, 0.23), rgba(255, 255, 255, 0.04) 46%),
        var(--navy); color: rgb(255, 255, 255); border-color: rgba(255, 210, 38, 0.4); }
.priority-card--next p, .priority-card--next .rc-kicker { color: rgba(255, 255, 255, 0.78); }
.priority-card h3 { color: var(--navy); font-size: clamp(1.35rem, 2.8vw, 2.1rem); overflow-wrap: anywhere; }
.priority-card--next h3 { color: rgb(255, 255, 255); }
.priority-card p { margin: 0px; color: var(--muted); }
.priority-card:not(.priority-card--next) .current-status { border-color: rgb(138, 112, 0); background: rgb(255, 245, 191); color: rgb(95, 76, 0); }
.priority-card:not(.priority-card--next) .current-status--resmi, .priority-card:not(.priority-card--next) .current-status--resmi-ajans { border-color: rgb(49, 114, 74); background: rgb(227, 246, 233); color: rgb(21, 88, 47); }
.priority-facts { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 0px; }
.priority-facts div { min-width: 0px; padding: 10px; border-radius: 6px; background: rgba(6, 24, 56, 0.06); }
.priority-card--next .priority-facts div { background: rgba(255, 255, 255, 0.09); }
.priority-facts dt, .season-hub-facts dt, .season-side-facts dt { color: rgb(82, 96, 120); font-size: 0.7rem; font-weight: 950; line-height: 1.2; text-transform: uppercase; }
.priority-card--next .priority-facts dt { color: var(--yellow-soft); }
.priority-facts dd, .season-hub-facts dd, .season-side-facts dd { min-width: 0px; margin: 4px 0px 0px; color: var(--navy); font-size: 0.86rem; font-weight: 850; line-height: 1.3; overflow-wrap: anywhere; }
.priority-card--next .priority-facts dd { color: rgba(255, 255, 255, 0.9); }
.freshness-alert { margin: 12px 0px 0px; padding: 11px 12px; border-left: 5px solid rgb(217, 119, 6); border-radius: 6px; background: rgb(255, 243, 210); color: rgb(107, 61, 0); font-weight: 850; }
.verified-grid { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); }
.verified-panel { padding: clamp(18px, 3vw, 24px); }
.panel-heading-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.panel-heading-row a { color: var(--pitch); font-weight: 900; }
.verified-list, .story-list { display: grid; gap: 12px; }
.verified-list { margin: 0px; padding: 0px; list-style: none; }
.verified-list li, .story-list article { min-width: 0px; padding: 12px; border: 1px solid rgba(20, 32, 51, 0.1); border-radius: 8px; background: rgb(248, 248, 240); }
.verified-list strong, .verified-list small, .story-list h4, .story-list p, .story-list time { display: block; min-width: 0px; overflow-wrap: anywhere; }
.verified-list strong { margin-top: 8px; color: var(--navy); }
.verified-list small, .story-list time { margin-top: 4px; color: var(--muted); font-size: 0.82rem; font-weight: 800; }
.story-list h4 { margin: 5px 0px; color: var(--navy); font-size: 1.05rem; }
.story-list p { margin: 0px; color: var(--muted); font-size: 0.92rem; }
.story-list--external h4 a { color: var(--navy); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.section--newspaper-digest { background: rgb(255, 253, 243); }
.newspaper-digest-summary, .newspaper-card-grid { display: grid; gap: 16px; }
.newspaper-digest-summary { grid-template-columns: repeat(3, minmax(0px, 1fr)); margin: 0px 0px 22px; }
.newspaper-digest-summary article { min-width: 0px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.08) 0px 14px 34px; }
.newspaper-digest-summary strong, .newspaper-digest-summary span { display: block; min-width: 0px; overflow-wrap: anywhere; }
.newspaper-digest-summary strong { color: var(--navy); font-size: clamp(1.28rem, 2.4vw, 2rem); line-height: 1.1; }
.newspaper-digest-summary span { margin-top: 6px; color: var(--muted); font-weight: 850; }
.newspaper-digest__status { display: flex; flex-wrap: wrap; gap: 8px; margin: 0px 0px 16px; }
.newspaper-digest__status span { padding: 7px 10px; border: 1px solid rgba(6, 24, 56, 0.14); border-radius: 999px; background: rgb(255, 255, 255); color: var(--navy); font-size: 0.82rem; font-weight: 900; }
.newspaper-card-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.newspaper-card { min-width: 0px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.08) 0px 18px 46px; }
.newspaper-card__body { display: flex; min-height: 280px; flex-direction: column; padding: 16px; }
.newspaper-card__promotion { display: grid; gap: 3px; margin: 0px 0px 12px; padding: 10px 12px; border-left: 5px solid var(--yellow); border-radius: 6px; background: rgb(255, 248, 221); color: var(--navy); }
.newspaper-card__promotion strong, .newspaper-card__promotion span { color: inherit; overflow-wrap: anywhere; }
.newspaper-card__promotion strong { font-size: 0.78rem; font-weight: 950; letter-spacing: 0.04em; text-transform: uppercase; }
.newspaper-card__promotion span { font-size: 0.86rem; font-weight: 800; }
.newspaper-card h3 { margin: 0px; color: var(--navy); font-size: clamp(1.06rem, 2vw, 1.28rem); line-height: 1.22; overflow-wrap: anywhere; }
.newspaper-card h3 a { color: inherit; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.newspaper-card p { color: var(--muted); }
.newspaper-card__meta { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-top: auto; padding-top: 12px; color: var(--muted); font-size: 0.84rem; font-weight: 850; }
.newspaper-card__meta a { color: var(--pitch); font-weight: 950; }
.newspaper-digest__policy { margin: 18px 0px 0px; padding: 13px 14px; border-left: 5px solid var(--yellow); border-radius: 6px; background: rgb(255, 248, 221); color: var(--navy); font-weight: 800; }
.week-branch-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.week-branch-card { padding: 16px; }
.week-branch-card .match-branch-pill { border-color: rgb(138, 112, 0); background: rgb(255, 245, 191); color: rgb(95, 76, 0); }
.week-branch-card h3 { margin-top: 10px; color: var(--navy); overflow-wrap: anywhere; }
.week-branch-card p { margin: 8px 0px 0px; color: var(--muted); font-size: 0.92rem; font-weight: 780; }
.section--archive-spotlight { background: rgb(255, 255, 255); }
.section--return { background: rgb(247, 249, 252); }
.archive-spotlight { display: grid; grid-template-columns: minmax(0px, 0.92fr) minmax(320px, 1.08fr); gap: clamp(28px, 5vw, 58px); align-items: center; }
.archive-spotlight h2 { color: var(--navy); }
.archive-spotlight p { color: var(--muted); font-size: 1.05rem; }
.archive-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.archive-photo-card--spotlight { min-height: 420px; }
.button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; max-width: 100%; min-height: 48px; padding: 12px 18px; border-radius: 6px; text-decoration: none; font-weight: 900; text-align: center; }
.button--primary { background: var(--yellow); color: var(--navy); }
.button--ghost { color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.35); }
.trust-strip { background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); }
.trust-strip__inner { width: min(1160px, 100% - 32px); margin: 0px auto; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 1px; background: var(--line); }
.trust-strip__item { min-width: 0px; min-height: 118px; display: grid; align-content: center; gap: 6px; padding: 18px 16px; background: rgb(255, 255, 255); color: var(--ink); text-decoration: none; }
.trust-strip__item strong, .trust-strip__item span { min-width: 0px; overflow-wrap: anywhere; }
.trust-strip__item strong { color: var(--navy); font-size: 0.98rem; line-height: 1.2; }
.trust-strip__item span { color: var(--muted); font-size: 0.88rem; font-weight: 750; }
.trust-strip__item:hover, .trust-strip__item:focus-visible { background: rgb(255, 248, 215); }
.content-trust-note { background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); }
.content-trust-note__inner { width: min(920px, 100% - 32px); min-height: 58px; margin: 0px auto; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 0px; color: var(--muted); font-size: 0.86rem; font-weight: 850; }
.content-trust-note__inner span, .content-trust-note__inner a { min-height: 30px; display: inline-flex; align-items: center; padding: 5px 8px; border-radius: 6px; background: rgba(6, 24, 56, 0.05); text-decoration: none; overflow-wrap: anywhere; }
.content-trust-note__inner span { color: var(--navy); background: rgba(255, 210, 38, 0.18); }
.content-trust-note__inner a { color: var(--pitch); }
.content-trust-note__inner a:hover, .content-trust-note__inner a:focus-visible { background: rgba(27, 107, 80, 0.12); }
.editorial-ownership { box-sizing: border-box; width: min(1160px, 100% - 32px); max-width: 100%; margin: 22px auto 0px; padding: clamp(16px, 3vw, 24px); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 6px solid var(--pitch); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.08) 0px 16px 38px; }
.editorial-ownership__main h2 { color: var(--navy); font-size: clamp(1.25rem, 2.4vw, 1.85rem); }
.editorial-ownership__main p, .editorial-ownership__contact { color: var(--muted); overflow-wrap: anywhere; }
.editorial-ownership__facts { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin: 18px 0px 0px; }
.editorial-ownership__facts div { min-width: 0px; padding: 10px; border-radius: 7px; background: rgb(245, 247, 251); }
.editorial-ownership__facts dt { color: var(--pitch); font-size: 0.72rem; font-weight: 950; text-transform: uppercase; }
.editorial-ownership__facts dd { margin: 4px 0px 0px; color: var(--navy); font-size: 0.9rem; font-weight: 850; overflow-wrap: anywhere; }
.editorial-ownership__contact { margin: 14px 0px 0px; font-size: 0.92rem; }
.section { padding: clamp(54px, 8vw, 104px) 0px; }
.section--intro { background: rgb(255, 255, 255); }
.section--control { margin-top: 0px; padding-top: clamp(46px, 6vw, 76px); position: relative; z-index: 2; }
.section--cream { background: rgb(244, 240, 221); }
.section--promo { background: var(--navy); color: rgb(255, 255, 255); }
.split { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(260px, 0.85fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.split p, .section-heading + p, .content-narrow p { color: var(--muted); font-size: 1.05rem; }
.feature-card, .post-card { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 8px; box-shadow: rgba(6, 24, 56, 0.08) 0px 18px 42px; }
.section--culture { background: rgb(255, 255, 255); }
.section--visual-archive { background: rgb(244, 240, 221); }
.archive-photo-card { min-height: 290px; margin: 0px; position: relative; overflow: hidden; border-radius: 8px; background: var(--navy); border: 1px solid rgba(6, 24, 56, 0.16); box-shadow: rgba(6, 24, 56, 0.14) 0px 20px 46px; }
.archive-photo-card--wide { grid-row: span 2; }
.archive-photo-card img { width: 100%; height: 100%; min-height: 290px; display: block; object-fit: cover; filter: saturate(0.88) contrast(1.05); }
.archive-photo-card figcaption { position: absolute; left: 0px; right: 0px; bottom: 0px; display: grid; gap: 2px; padding: 16px; color: rgb(255, 255, 255); background: linear-gradient(0deg, rgba(6, 24, 56, 0.94), rgba(6, 24, 56, 0.08)); }
.archive-photo-card strong { color: var(--yellow); font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.08em; }
.archive-photo-card span { font-weight: 850; line-height: 1.25; }
.culture-copy p { color: var(--muted); font-size: 1.05rem; }
.culture-card .text-link { margin-top: auto; }
.section-heading { max-width: 720px; margin-bottom: 28px; }
.section--control .section-heading { max-width: 900px; padding: 24px 0px 4px; }
.post-grid { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px; }
.feature-card, .post-card { padding: 24px; }
.feature-card span { display: inline-flex; margin-bottom: 28px; color: var(--pitch); font-weight: 900; }
.feature-card p, .post-card p { color: var(--muted); }
.control-card--match .rc-kicker { color: rgb(255, 255, 255); }
.control-card .button, .control-card .text-link { margin-top: auto; }
.text-link { color: var(--navy); font-weight: 900; text-underline-offset: 4px; text-decoration-thickness: 2px; }
.section--navy { background: var(--navy); color: rgb(255, 255, 255); }
.section--navy .eyebrow, .section--navy h2 { color: rgb(255, 255, 255); }
.section--navy p, .section--navy .blueprint-list { color: rgba(255, 255, 255, 0.78); }
.blueprint-list { margin: 0px; padding: 26px 28px; list-style-position: inside; border-top: 1px solid rgba(255, 255, 255, 0.18); border-right: 1px solid rgba(255, 255, 255, 0.18); border-bottom: 1px solid rgba(255, 255, 255, 0.18); border-image: initial; border-left: 6px solid var(--yellow); border-radius: 8px; background: rgba(255, 255, 255, 0.08); }
.blueprint-list li + li { margin-top: 12px; }
.phase-list { margin: 0px; padding: 0px; list-style: none; display: grid; gap: 10px; }
.phase-list li { display: grid; gap: 4px; padding: 14px 16px; border-radius: 8px; background: rgb(255, 255, 255); border: 1px solid var(--line); color: var(--muted); }
.phase-list strong { color: var(--navy); }
.section--latest { background: linear-gradient(180deg, #f4f0dd 0%, var(--paper) 100%); }
.post-card a { color: var(--navy); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.post-card__date { margin-top: 0px; color: var(--pitch); font-size: 0.86rem; font-weight: 900; }
.empty-state { padding: 22px 0px; color: var(--muted); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.page-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, var(--navy), var(--navy-2)); color: rgb(255, 255, 255); padding: clamp(64px, 12vw, 140px) 0px; }
.page-hero::before, .page-hero::after { content: ""; position: absolute; inset: 0px; }
.page-hero::before { background-image: var(--page-hero-image, none); background-position: var(--page-hero-position, center); background-size: cover; opacity: var(--page-hero-opacity, 0); filter: saturate(0.86) contrast(1.05); }
.page-hero::after { background: linear-gradient(90deg, rgba(6, 24, 56, 0.94), rgba(6, 24, 56, 0.68) 52%, rgba(6, 24, 56, 0.32)), linear-gradient(0deg, rgba(6, 24, 56, 0.72), rgba(6, 24, 56, 0.1)); opacity: var(--page-hero-overlay-opacity, 0); }
.page-hero .section__inner { position: relative; z-index: 1; }
.page-hero--1907-arsivi, .page-hero--fenerbahce-tarihi, .page-hero--history { --page-hero-image: url("../images/archive/hero-1913-team.webp"); --page-hero-position: center 34%; --page-hero-opacity: 0.56; --page-hero-overlay-opacity: 1; }
.page-hero--taraftar-sarkilari { --page-hero-image: url("../images/archive/mars-1909.webp"); --page-hero-position: 76% 34%; --page-hero-opacity: 0.48; --page-hero-overlay-opacity: 1; }
.page-hero--tribun { --page-hero-image: url("../images/archive/taraftar-1948.webp"); --page-hero-position: center 26%; --page-hero-opacity: 0.44; --page-hero-overlay-opacity: 1; }
.page-hero--fenerbahce-branslari { --page-hero-image: url("../images/archive/denizcilik-1913.webp"); --page-hero-position: center; --page-hero-opacity: 0.48; --page-hero-overlay-opacity: 1; }
.page-hero--avrupa-geceleri { --page-hero-image: url("../images/archive/schiphol-1968.webp"); --page-hero-position: center; --page-hero-opacity: 0.5; --page-hero-overlay-opacity: 1; }
.page-hero--fenerbahce-efsaneleri { --page-hero-image: url("../images/archive/lefter-1948.webp"); --page-hero-position: 86% center; --page-hero-opacity: 0.42; --page-hero-overlay-opacity: 1; }
.page-hero--28-sampiyonluk { --page-hero-image: url("../images/archive/team-1914-15.webp"); --page-hero-position: center 18%; --page-hero-opacity: 0.46; --page-hero-overlay-opacity: 1; }
.page-hero h1 { max-width: 850px; overflow-wrap: anywhere; }
.page-hero__lede { max-width: 780px; margin: 16px 0px 0px; color: rgba(255, 255, 255, 0.84); font-size: clamp(1rem, 2vw, 1.18rem); font-weight: 700; }
.content-narrow { width: min(760px, 100% - 32px); margin: 0px auto; }
.content-narrow h2, .content-narrow h3 { margin-top: 32px; }
.content-narrow a { color: var(--navy); font-weight: 800; }
.single-post__image { border-radius: 8px; box-shadow: var(--shadow); margin-bottom: 28px; }
.site-footer { background: rgb(6, 18, 38); color: rgb(255, 255, 255); padding: 36px 0px; }
.site-footer__inner { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; }
.site-footer p { color: rgba(255, 255, 255, 0.68); margin-bottom: 0px; }
.site-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 14px; }
.site-footer a { color: rgba(255, 255, 255, 0.82); text-decoration: none; font-weight: 800; }
@media (max-width: 900px) {
.site-header { position: static; }
.site-header__inner, .site-footer__inner { flex-direction: column; align-items: stretch; justify-content: flex-start; padding: 14px 0px; }
.site-nav__list, .site-footer nav { justify-content: flex-start; }
.site-nav { width: 100%; }
.site-nav__list { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; width: 100%; }
.site-nav__list li { min-width: 0px; }
.site-nav a { width: 100%; justify-content: center; text-align: center; overflow-wrap: anywhere; }
.hero { min-height: auto; }
.hero__media img { object-position: 58% center; }
.split, .trust-strip__inner, .post-grid, .archive-spotlight, .priority-grid, .verified-grid, .week-branch-grid, .season-hub-grid, .season-detail-layout { grid-template-columns: 1fr; }
.archive-photo-card, .archive-photo-card img { min-height: 260px; }
h1 { font-size: 3.2rem; max-width: 100%; }
h2 { font-size: 2.45rem; }
.page-hero h1 { font-size: 3.1rem; }
}
@media (max-width: 600px) {
.section__inner, .hero__content, .content-wide, .content-narrow, .content-trust-note__inner { width: min(100% - 48px, 920px); }
.content-wide--editorial, .content-wide--research { width: min(100% - 48px, 920px); }
.site-nav__list { grid-template-columns: 1fr; }
.content-trust-note__inner { display: grid; grid-template-columns: 1fr; }
.content-trust-note__inner span, .content-trust-note__inner a { width: 100%; justify-content: center; text-align: center; }
h1 { font-size: 2rem; }
.page-hero h1 { max-width: min(100%, 19ch); font-size: 1.55rem; line-height: 1.08; overflow-wrap: anywhere; }
.page-hero__sub { font-size: 0.98rem; line-height: 1.45; }
.hero__actions { display: grid; grid-template-columns: 1fr; width: 100%; }
.hero__actions .button { min-width: 0px; white-space: normal; }
.editorial-ownership { width: 100%; padding: 14px; }
.season-filter-form { grid-template-columns: 1fr; padding: 14px; }
.season-filter-form .button { width: 100%; }
.data-methodology summary { align-items: flex-start; flex-direction: column; }
.brand__device { width: 36px; height: 36px; font-size: 0.62rem; }
}
@media (min-width: 601px) and (max-width: 1180px) {
.season-filter-form { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.season-filter-field--search { grid-column: 1 / -1; }
}
p.fact-state { color: rgb(16, 44, 76) !important; }
p.fact-state--verified { color: rgb(18, 63, 45) !important; }
p.fact-state--stale { color: rgb(91, 56, 0) !important; }
p.fact-state--conflict { color: rgb(104, 23, 28) !important; }
.section--cream .fb-lede { color: rgb(6, 24, 56); }
@media (max-width: 480px) {
.site-header__inner, .section__inner, .hero__content, .content-narrow, .site-footer__inner { width: min(100% - 24px, 1160px); }
.brand { align-items: center; }
.brand__logo { width: 64px; max-height: 52px; }
.hero__logo-picture { display: none; }
.brand__text { display: grid; gap: 1px; }
.site-nav a { min-height: 38px; padding: 7px 5px; font-size: 0.78rem; line-height: 1.18; overflow-wrap: anywhere; white-space: normal; }
.site-nav__list { grid-template-columns: 1fr; }
.page-hero__sub, .rc-lede, .rc-card p, .season-note-list li, .visual-package figcaption { overflow-wrap: anywhere; }
h1 { font-size: 2rem; }
h2 { font-size: 2rem; }
.page-hero h1 { max-width: min(100%, 19ch); font-size: 1.55rem; line-height: 1.08; overflow-wrap: anywhere; }
.page-hero__sub { font-size: 0.98rem; line-height: 1.45; }
.hero__overlay { background: linear-gradient(90deg, rgba(6, 24, 56, 0.96), rgba(6, 24, 56, 0.64)), linear-gradient(0deg, rgba(6, 24, 56, 0.84), rgba(6, 24, 56, 0.08)); }
.archive-photo-card, .archive-photo-card img { min-height: 228px; }
.hero__content { padding-top: 72px; padding-bottom: 96px; }
.hero__logo { display: none; }
.current-board { padding: 20px 0px; }
.priority-facts, .season-record--detail, .season-roster--detail { grid-template-columns: 1fr; }
.match-branch-pill { width: fit-content; }
.match-week-list span:not(.match-branch-pill) { grid-column: 1; }
.button { width: 100%; }
.tactic-line { flex-wrap: wrap; }
.tactic-line span { min-width: min(42vw, 140px); }
.section--control { margin-top: 0px; padding-top: 40px; }
.trust-strip__inner { width: min(100% - 24px, 1160px); }
.trust-strip__item { min-height: 96px; padding: 15px 13px; }
}
.page-hero--history { background: linear-gradient(135deg, var(--navy), var(--navy-2) 70%, var(--pitch)); }
.page-hero__sub { max-width: 760px; margin: 18px 0px 0px; color: rgba(255, 255, 255, 0.82); font-size: 1.06rem; }
.content-wide { width: min(920px, 100% - 32px); margin: 0px auto; }
.fb-history { color: var(--ink); font-size: 1.04rem; }
.fb-history h2 { font-size: clamp(1.55rem, 3vw, 2.3rem); margin: 54px 0px 14px; padding-top: 20px; border-top: 3px solid var(--yellow); color: var(--navy); }
.fb-history h2:first-of-type { margin-top: 20px; }
.fb-history h3 { font-size: 1.22rem; margin: 34px 0px 10px; color: var(--navy-2); }
.fb-history p { margin: 0px 0px 16px; }
.fb-history ul { margin: 0px 0px 20px; padding-left: 22px; }
.fb-history li { margin-bottom: 8px; }
.fb-lede { font-size: 1.22rem; line-height: 1.55; font-weight: 600; color: rgb(6, 24, 56); margin-bottom: 22px; }
.fb-note { background: rgb(255, 248, 221); border-top: 1px solid rgba(255, 210, 38, 0.6); border-right: 1px solid rgba(255, 210, 38, 0.6); border-bottom: 1px solid rgba(255, 210, 38, 0.6); border-image: initial; border-left: 5px solid var(--yellow); border-radius: 8px; padding: 16px 18px; font-size: 0.98rem; margin: 22px 0px 28px; }
.fb-figure { margin: 28px 0px; }
.fb-figure img { width: 100%; border-radius: 10px; box-shadow: var(--shadow); display: block; }
.fb-figure figcaption { margin-top: 10px; font-size: 0.86rem; color: var(--muted); line-height: 1.45; }
.fb-table-wrap { overflow-x: auto; margin: 20px 0px 30px; border: 1px solid var(--line); border-radius: 10px; }
.fb-history table { border-collapse: collapse; width: 100%; min-width: 520px; font-size: 0.95rem; background: rgb(255, 255, 255); }
.fb-history thead th { background: var(--navy); color: rgb(255, 255, 255); text-align: left; font-weight: 800; padding: 12px 14px; vertical-align: top; }
.fb-history th, .fb-history td { padding: 11px 14px; border-bottom: 1px solid var(--line); vertical-align: top; text-align: left; }
.fb-history tbody tr:nth-child(2n) { background: rgb(247, 246, 238); }
.fb-history tbody th { background: rgb(238, 241, 247); font-weight: 800; color: var(--navy-2); white-space: nowrap; }
.fb-history tbody tr:hover { background: rgb(255, 244, 201); }
@media (max-width: 600px) {
.fb-history { font-size: 1rem; }
.fb-history table { min-width: 0px; table-layout: fixed; }
.fb-history th, .fb-history td { padding: 9px 8px; overflow-wrap: anywhere; word-break: normal; }
.fb-lede { font-size: 1.1rem; }
.fb-history h2 { margin-top: 40px; }
}
.archive-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.page-hero--archive, .page-hero--research { background: linear-gradient(135deg, var(--navy), #101c3f 58%, #836c00); }
.content-wide--editorial, .content-wide--research { width: min(1120px, 100% - 32px); }
.editorial-hub { color: var(--ink); }
.blueprint-list a { color: inherit; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.rc-lede { margin: 0px 0px 26px; max-width: 920px; color: var(--navy-2); font-size: 1.18rem; line-height: 1.62; font-weight: 650; }
.rc-stats, .rc-card-grid { display: grid; gap: 16px; }
.rc-stats { grid-template-columns: repeat(6, minmax(0px, 1fr)); margin: 24px 0px 30px; }
.rc-stats article, .rc-card, .rc-callout { border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.08) 0px 16px 38px; }
.rc-stats article { min-height: 158px; padding: 18px; }
.rc-stats strong, .rc-stats span { display: block; }
.rc-stats strong { color: var(--navy); font-size: clamp(1.55rem, 3vw, 2.5rem); line-height: 1; overflow-wrap: anywhere; }
.rc-stats span { margin-top: 8px; font-weight: 900; }
.rc-stats p, .rc-card p, .rc-meta { color: var(--muted); }
.rc-stats p { margin: 9px 0px 0px; font-size: 0.9rem; line-height: 1.42; }
.rc-callout { margin: 20px 0px 42px; padding: 18px 20px; border-left: 6px solid var(--yellow); background: rgb(255, 248, 221); color: var(--navy); font-weight: 750; }
.rc-section { padding: 46px 0px 52px; border-top: 1px solid var(--line); }
.rc-section:first-of-type { border-top: 0px; }
.rc-heading { max-width: 820px; margin-bottom: 22px; }
.rc-heading h2 { color: var(--navy); font-size: clamp(1.65rem, 3.2vw, 2.7rem); }
.rc-card-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.rc-card-grid--claims { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.rc-card-grid--compact { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.rc-card-grid--hub { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.rc-card { padding: 18px; }
.rc-card--route { display: flex; flex-direction: column; }
.rc-card--route .cta-actions { margin-top: auto; }
.rc-card h3 { color: var(--navy); }
.rc-kicker { margin: 0px 0px 10px; color: var(--pitch); font-size: 0.76rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.rc-card h3 { overflow-wrap: anywhere; font-size: 1.05rem; }
.rc-card p { margin: 12px 0px 0px; font-size: 0.96rem; line-height: 1.52; }
.rc-meta { font-size: 0.85rem; }
.badge { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; border-radius: 999px; color: var(--navy); font-size: 0.76rem; font-weight: 900; line-height: 1.25; background: rgb(238, 241, 247); }
.badge--ok { background: rgba(27, 107, 80, 0.15); color: rgb(15, 84, 61); }
.badge--warn { background: rgba(255, 210, 38, 0.28); color: rgb(114, 88, 0); }
.badge--danger { background: rgba(173, 43, 43, 0.13); color: rgb(141, 37, 37); }
.badge--info { background: rgba(6, 24, 56, 0.12); color: var(--navy); }
.live-page h2 { margin-top: 42px; color: var(--navy); }
.live-status-note { display: grid; gap: 10px; margin: 20px 0px 26px; padding: 18px 20px; border-left: 6px solid var(--yellow); border-radius: 8px; background: rgb(255, 248, 221); color: var(--navy); }
.live-status-note p { margin: 0px; }
.live-match-grid, .live-list-grid, .transfer-board-grid { display: grid; gap: 16px; }
.live-match-grid { grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 0.85fr); }
.live-list-grid, .transfer-board-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.live-match-card--primary { border-top: 5px solid var(--yellow); }
.live-fact-grid, .transfer-meta-grid { display: grid; gap: 8px; margin: 16px 0px 0px; }
.live-fact-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.transfer-meta-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.live-fact-grid div, .transfer-meta-grid div { min-width: 0px; padding: 10px; border-radius: 6px; background: rgb(245, 247, 251); }
.live-fact-grid dt, .transfer-meta-grid dt { color: var(--pitch); font-size: 0.72rem; font-weight: 950; line-height: 1.2; text-transform: uppercase; }
.live-fact-grid dd, .transfer-meta-grid dd { margin: 4px 0px 0px; color: var(--navy); font-size: 0.86rem; font-weight: 850; line-height: 1.32; overflow-wrap: anywhere; }
.kanarya-contribution-form { display: grid; gap: 16px; margin-top: 18px; }
.kanarya-contribution-form label { display: block; margin-bottom: 6px; color: var(--pitch); font-size: 0.78rem; font-weight: 950; line-height: 1.2; text-transform: uppercase; }
.kanarya-contribution-form input, .kanarya-contribution-form select, .kanarya-contribution-form textarea { width: 100%; box-sizing: border-box; border: 1px solid var(--line); border-radius: 6px; background: rgb(255, 255, 255); color: var(--navy); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1rem; line-height: 1.4; }
.kanarya-contribution-form input, .kanarya-contribution-form select { min-height: 46px; padding: 10px 12px; }
.kanarya-contribution-form textarea { min-height: 150px; padding: 12px; resize: vertical; }
.kanarya-contribution-form input:focus, .kanarya-contribution-form select:focus, .kanarya-contribution-form textarea:focus { outline: rgba(255, 209, 0, 0.45) solid 3px; border-color: var(--yellow); }
.live-link-row, .source-link-list, .inline-fact-list { display: flex; flex-wrap: wrap; gap: 8px; }
.live-link-row, .source-link-list { margin-top: 16px; }
.live-link-row a, .source-link-list a { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 10px; border-radius: 6px; background: var(--navy); color: rgb(255, 255, 255); font-size: 0.86rem; font-weight: 900; text-decoration: none; }
.inline-fact-list { list-style: none; margin: 16px 0px 0px; padding: 0px; }
.inline-fact-list li { padding: 7px 10px; border-radius: 6px; background: rgba(255, 210, 38, 0.24); color: var(--navy); font-size: 0.86rem; font-weight: 850; }
.source-caveat { margin-top: 16px; padding: 12px; border-radius: 6px; background: rgb(245, 247, 251); color: var(--muted); font-size: 0.92rem; }
.visual-package { margin: 20px 0px 28px; border: 1px solid var(--line); border-radius: 8px; overflow: clip; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.09) 0px 18px 42px; }
.visual-package img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: var(--navy); }
.visual-package figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 14px 16px; color: var(--muted); font-size: 0.92rem; }
.visual-package figcaption strong { flex: 1 1 240px; color: var(--navy); overflow-wrap: anywhere; }
.visual-package figcaption span { flex: 2 1 320px; }
.visual-package figcaption a { min-height: 34px; padding: 6px 10px; border-radius: 6px; background: var(--navy); color: rgb(255, 255, 255); font-weight: 900; text-decoration: none; }
.entity-hero-grid, .entity-section-grid { display: grid; gap: 16px; }
.entity-hero-grid { grid-template-columns: minmax(0px, 1.2fr) minmax(300px, 0.8fr); align-items: start; }
.entity-section-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.match-key-details { margin-top: 18px; padding: 20px; border-right: 1px solid rgb(216, 222, 232); border-bottom: 1px solid rgb(216, 222, 232); border-left: 1px solid rgb(216, 222, 232); border-image: initial; border-top: 6px solid var(--yellow); border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(5, 26, 64, 0.08) 0px 12px 30px; }
.match-key-details__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.match-key-details__header h2, .match-key-details__header p { margin-top: 0px; }
.match-key-details__header > span { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: var(--navy); color: rgb(255, 255, 255); font-size: 0.78rem; font-weight: 900; }
.match-starting-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; scroll-margin-top: 90px; }
.match-starting-summary-card { min-width: 0px; padding: 14px; border-radius: 8px; background: rgb(245, 247, 251); }
.match-starting-summary-card h3 { margin: 0px 0px 10px; color: var(--navy); font-size: 1rem; }
.match-starting-summary-card p { margin: 10px 0px 0px; color: var(--muted); font-size: 0.8rem; }
.match-starting-summary { display: grid; gap: 4px; margin: 0px; padding: 0px; list-style: none; }
.match-starting-summary li { display: grid; grid-template-columns: 28px minmax(0px, 1fr); gap: 6px; align-items: baseline; padding: 5px 6px; border-radius: 5px; background: rgb(255, 255, 255); font-size: 0.84rem; line-height: 1.25; }
.match-starting-summary li strong { color: var(--navy); font-variant-numeric: tabular-nums; }
.match-key-substitutions { margin-top: 18px; scroll-margin-top: 90px; }
.match-key-substitutions h3 { display: flex; align-items: center; gap: 8px; margin: 0px 0px 10px; }
.match-key-substitutions h3 span { display: inline-grid; min-width: 28px; min-height: 28px; place-items: center; border-radius: 999px; background: var(--yellow); color: var(--navy); font-size: 0.8rem; }
.match-key-substitution-list { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px; margin: 0px; padding: 0px; list-style: none; }
.match-key-substitution-list li { display: grid; grid-template-columns: 44px minmax(0px, 1fr); gap: 3px 8px; min-width: 0px; padding: 9px 10px; border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgb(223, 228, 236) rgb(223, 228, 236) rgb(223, 228, 236) rgb(30, 139, 91); border-image: initial; border-radius: 7px; background: rgb(255, 255, 255); font-size: 0.8rem; line-height: 1.3; }
.match-key-substitution-list time { grid-row: 1 / 4; align-self: start; padding: 5px 4px; border-radius: 999px; background: var(--navy); color: rgb(255, 255, 255); font-weight: 900; text-align: center; }
.match-key-substitution-list__team { color: var(--navy); font-weight: 900; }
.match-key-status { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.match-key-status span { padding: 7px 9px; border-radius: 6px; background: rgb(255, 249, 223); color: var(--navy); font-size: 0.82rem; }
.match-key-details__links { margin: 14px 0px 0px; font-size: 0.85rem; font-weight: 850; }
.match-key-details__links a { color: var(--navy); text-underline-offset: 3px; }
#resmi-kadro-detayi, #mac-olaylari { scroll-margin-top: 90px; }
.match-lineup-pending { display: flex; align-items: flex-start; gap: 10px 16px; margin: 28px 0px; padding: 16px 18px; border-top: 1px solid rgb(216, 200, 122); border-right: 1px solid rgb(216, 200, 122); border-bottom: 1px solid rgb(216, 200, 122); border-image: initial; border-left: 5px solid var(--yellow); border-radius: 8px; background: rgb(255, 249, 223); color: var(--navy); }
.match-lineup-pending strong { flex: 0 0 auto; }
.match-lineup-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; align-items: start; }
.match-lineup-card h3 { margin-top: 0px; }
.match-lineup-list { display: grid; gap: 7px; margin: 10px 0px 18px; padding: 0px; list-style: none; }
.match-lineup-list li { display: grid; grid-template-columns: 36px minmax(0px, 1fr) auto; gap: 10px; align-items: center; padding: 9px 10px; border-radius: 6px; background: rgb(245, 247, 251); }
.match-lineup-list small { color: var(--muted); font-weight: 750; }
.match-lineup-source { margin: 14px 0px 0px; color: var(--muted); font-size: 0.88rem; font-weight: 750; }
.match-lineup-source a { color: var(--navy); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.match-events, .match-discipline { margin-top: 34px; }
.match-event-list { display: grid; gap: 10px; margin: 18px 0px; padding: 0px; list-style: none; }
.match-event { display: grid; grid-template-columns: 72px minmax(110px, 0.34fr) minmax(0px, 1fr); gap: 12px; align-items: center; padding: 13px 14px; border-width: 1px 1px 1px 5px; border-style: solid; border-color: rgb(223, 228, 236) rgb(223, 228, 236) rgb(223, 228, 236) rgb(153, 166, 184); border-image: initial; border-radius: 8px; background: rgb(255, 255, 255); }
.match-event--goal { border-left-color: var(--yellow); background: rgb(255, 253, 242); }
.match-event--yellow_card { border-left-color: rgb(224, 183, 0); }
.match-event--red_card, .match-event--second_yellow_card { border-left-color: rgb(192, 57, 43); }
.match-event time { justify-self: start; min-width: 54px; padding: 6px 9px; border-radius: 999px; background: var(--navy); color: rgb(255, 255, 255); font-weight: 900; text-align: center; }
.match-event__type { color: var(--navy); font-weight: 900; }
.match-event__detail { display: grid; gap: 2px; min-width: 0px; }
.match-event__detail span, .match-event-empty { color: var(--muted); }
.match-card-summary { border-left: 5px solid rgb(153, 166, 184); }
.match-card-summary--yellow { border-left-color: rgb(224, 183, 0); }
.match-card-summary--red { border-left-color: rgb(192, 57, 43); }
.entity-main-card, .entity-side-card { padding: clamp(18px, 3vw, 24px); }
.entity-main-card h2, .entity-side-card h2 { margin-top: 0px; font-size: clamp(1.35rem, 2.4vw, 2rem); }
.match-source-drawer > summary { cursor: pointer; color: var(--navy); font-weight: 850; line-height: 1.45; }
.match-source-drawer[open] > summary { margin-bottom: 16px; }
.match-source-drawer .source-drawer { display: grid; gap: 12px; padding-top: 4px; border-top: 1px solid var(--line); }
.match-record-dates { margin: 22px 0px 28px; }
.match-record-dates > h2, .match-verified-unavailable > h2 { margin-bottom: 12px; font-size: clamp(1.2rem, 2.2vw, 1.65rem); }
.match-verified-unavailable { margin: 28px 0px; padding: clamp(18px, 3vw, 24px); border: 1px solid rgb(216, 200, 122); border-radius: 8px; background: rgb(255, 253, 243); }
.match-verified-unavailable .verified-list li { align-items: center; }
.match-verified-unavailable .verified-list a, .match-lineup-pending a { color: var(--navy); font-weight: 850; text-underline-offset: 3px; }
.entity-hero-grid--portrait { margin-bottom: 26px; }
.person-portrait-card { margin: 0px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.1) 0px 16px 38px; }
.person-portrait-card img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: rgb(247, 240, 220); }
.portrait-audit-visual, .portrait-audit-panel { display: grid; place-items: center; width: 100%; aspect-ratio: 1 / 1; background: linear-gradient(135deg, rgba(255, 209, 63, 0.18), rgba(14, 48, 92, 0.12)), rgb(247, 240, 220); color: var(--navy); }
.portrait-audit-visual span, .portrait-audit-panel span { display: grid; place-items: center; width: clamp(64px, 36%, 116px); aspect-ratio: 1 / 1; border: 2px solid rgba(14, 48, 92, 0.2); border-radius: 999px; background: rgba(255, 255, 255, 0.62); font-family: var(--font-heading); font-size: clamp(1.45rem, 4vw, 2.6rem); font-weight: 800; letter-spacing: 0px; }
.portrait-audit-panel { aspect-ratio: 1200 / 676; }
.person-portrait-card figcaption { display: grid; gap: 3px; padding: 12px 14px 14px; color: var(--muted); font-size: 0.88rem; }
.person-portrait-card figcaption strong { color: var(--navy); font-size: 1rem; overflow-wrap: anywhere; }
.season-portrait-feature { margin: 28px 0px; padding: clamp(18px, 3vw, 26px); border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.08) 0px 16px 38px; }
.season-portrait-feature h2 { margin: 0px; font-size: clamp(1.55rem, 3vw, 2.2rem); }
.season-portrait-feature p { max-width: 76ch; }
.season-portrait-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; margin: 18px 0px 34px; }
.season-portrait-card { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.08) 0px 12px 28px; }
.season-portrait-card__image { display: block; background: rgb(247, 240, 220); }
.season-portrait-card img, .season-portrait-card .portrait-audit-visual { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; transition: transform 180ms; }
.season-portrait-card:hover img, .season-portrait-card:focus-within img, .season-portrait-card:hover .portrait-audit-visual, .season-portrait-card:focus-within .portrait-audit-visual { transform: scale(1.025); }
.season-portrait-card__body { display: grid; gap: 6px; padding: 12px 13px 14px; }
.season-portrait-card h3 { margin: 0px; color: var(--navy); font-size: 1.04rem; line-height: 1.18; overflow-wrap: anywhere; }
.season-portrait-card h3 a { color: inherit; text-decoration: none; }
.season-portrait-card p { margin: 0px; color: var(--muted); font-size: 0.86rem; }
.portrait-attribution { display: block; color: var(--muted); font-size: 0.76rem; line-height: 1.35; }
.portrait-attribution a { color: var(--green); font-weight: 800; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.matchday-map { margin: 24px 0px 30px; border: 1px solid var(--line); border-radius: 8px; overflow: clip; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.07) 0px 14px 34px; }
.matchday-map iframe { display: block; width: 100%; min-height: min(64vh, 430px); border: 0px; }
.matchday-map figcaption { padding: 10px 12px; color: var(--muted); font-size: 0.86rem; }
.transfer-live-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.transfer-live-card h3 { font-size: 1.12rem; }
.rc-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.rc-chip-row { margin: 16px 0px 0px; }
.rc-chip { display: inline-flex; align-items: center; gap: 4px; min-height: 34px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 999px; background: rgb(255, 255, 255); color: var(--navy-2); font-size: 0.88rem; font-weight: 800; }
.rc-chip strong { margin-left: 0px; }
.rc-chip-row--large .rc-chip { border-radius: 8px; }
.cta-actions { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 10px; }
.rc-card .button { min-height: 42px; padding: 10px 14px; font-size: 0.92rem; }
.rc-card .button--ghost { color: var(--navy); border-color: var(--line); }
.page-hero--seasons { background: linear-gradient(135deg, rgba(6, 24, 56, 0.98), rgba(11, 33, 74, 0.9) 58%, rgba(131, 108, 0, 0.78)), url("../images/kanarya1907-hero-canary-stadium.png") center center / cover; }
.section--seasons { background: rgb(255, 253, 245); }
.content-wide--seasons { width: min(1220px, 100% - 32px); }
.season-archive__intro { margin-bottom: 28px; }
.season-stats { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; margin: 22px 0px; }
.season-stats article, .current-season-card, .season-card { border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.07) 0px 14px 34px; }
.season-stats article { min-height: 118px; padding: 18px; }
.season-stats strong, .season-stats span { display: block; }
.season-stats strong { color: var(--navy); font-size: clamp(1.7rem, 4vw, 2.9rem); line-height: 1; overflow-wrap: anywhere; }
.season-stats span { margin-top: 8px; color: var(--muted); font-weight: 900; }
.current-season-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px; border-left: 6px solid var(--yellow); }
.current-season-card h2 { color: var(--navy); font-size: clamp(1.45rem, 3vw, 2.35rem); }
.current-season-card p { margin: 10px 0px 0px; color: var(--muted); }
.data-methodology { margin: 24px 0px 30px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 6px solid var(--yellow); border-radius: 8px; background: rgb(255, 248, 221); box-shadow: rgba(6, 24, 56, 0.06) 0px 12px 30px; }
.data-methodology summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 14px 18px; color: var(--navy); cursor: pointer; font-weight: 950; }
.data-methodology summary small { color: var(--muted); font-size: 0.78rem; font-weight: 800; }
.data-methodology__body { padding: 0px 18px 18px; color: var(--navy-2); }
.data-methodology__body p, .data-methodology__body ul { margin: 10px 0px 0px; }
.data-methodology__status { color: var(--pitch); font-weight: 900; }
.data-methodology__links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.data-methodology__links a { color: var(--pitch); font-weight: 850; }
.season-list { display: grid; gap: 14px; }
.season-decade-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0px 24px; }
.season-filter-form { display: grid; grid-template-columns: repeat(4, minmax(170px, 1fr)); gap: 12px; align-items: end; margin: 28px 0px 18px; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(6, 24, 56, 0.07) 0px 14px 34px; }
.season-filter-field { display: grid; gap: 6px; min-width: 0px; }
.season-filter-field label { color: var(--navy); font-size: 0.82rem; font-weight: 900; }
.season-filter-field input, .season-filter-field select { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid rgb(154, 165, 184); border-radius: 6px; background: rgb(255, 255, 255); color: var(--navy); font: inherit; }
.season-filter-field input:focus, .season-filter-field select:focus { outline: rgba(255, 210, 38, 0.55) solid 3px; outline-offset: 2px; border-color: var(--navy); }
.season-results-summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 0px 0px 18px; color: var(--muted); }
.season-results-summary strong { color: var(--navy); }
.season-decade-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 6px; background: rgb(255, 255, 255); color: var(--navy); font-size: 0.86rem; font-weight: 900; text-decoration: none; }
.season-decade-nav a.is-active, .season-decade-nav a:hover, .season-decade-nav a:focus-visible { background: var(--yellow); border-color: rgba(6, 24, 56, 0.18); }
.season-hub-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.season-hub-card { display: flex; flex-direction: column; gap: 12px; min-height: 310px; padding: 16px; }
.season-hub-card--live { border-color: rgba(255, 210, 38, 0.75); box-shadow: rgba(255, 210, 38, 0.12) 0px 18px 46px; }
.season-hub-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.season-hub-card h2 { margin: 0px; color: var(--navy); font-size: 1.18rem; line-height: 1.16; }
.season-hub-card h2 a { text-decoration-thickness: 2px; text-underline-offset: 3px; }
.season-hub-card p { margin: 0px; color: var(--muted); }
.season-hub-facts, .season-side-facts { display: grid; gap: 8px; margin: 0px; }
.season-hub-facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.season-hub-facts div, .season-side-facts div { min-width: 0px; padding: 9px; border-radius: 6px; background: rgb(244, 240, 221); }
.season-hub-card__missing { padding: 9px 10px; border-radius: 6px; background: rgb(255, 244, 212); color: rgb(107, 61, 0); font-size: 0.86rem; font-weight: 820; }
.season-hub-card__priority { padding: 7px 9px; border-radius: 6px; background: rgb(233, 245, 238); font-size: 0.8rem; font-weight: 900; color: rgb(23, 78, 47) !important; }
.season-hub-card .text-link { margin-top: auto; }
.season-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; color: var(--muted); font-size: 0.9rem; font-weight: 850; }
.season-breadcrumb a { color: var(--pitch); }
.season-breadcrumb--hero { margin-bottom: 12px; color: rgba(255, 255, 255, 0.82); }
.season-breadcrumb--hero a { color: var(--yellow); }
.season-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 26px; }
.season-pagination a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 6px; background: rgb(255, 255, 255); color: var(--navy); font-weight: 900; text-decoration: none; }
.season-pagination a.is-active, .season-pagination a:hover, .season-pagination a:focus-visible { background: var(--yellow); border-color: var(--navy); }
.season-detail-layout { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(320px, 0.85fr); gap: 18px; align-items: start; }
.season-detail-main, .season-detail-side { display: grid; gap: 16px; }
.season-detail-panel { padding: clamp(16px, 3vw, 22px); }
.season-detail-panel h2 { color: var(--navy); font-size: clamp(1.25rem, 2.5vw, 1.8rem); }
.season-detail-panel p { color: var(--muted); }
.season-record--detail { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.season-roster--detail { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.season-sources--detail { justify-content: flex-start; }
.season-card { overflow: clip; }
.season-card summary { display: grid; grid-template-columns: 118px minmax(0px, 1fr) auto; align-items: center; gap: 16px; min-height: 78px; padding: 16px 18px; cursor: pointer; list-style: none; }
.season-card summary::-webkit-details-marker { display: none; }
.season-card summary:hover, .season-card summary:focus-visible { background: rgb(255, 248, 221); }
.season-card__year { color: var(--navy); font-size: 1.24rem; font-weight: 900; line-height: 1; }
.season-card__title { display: grid; gap: 4px; min-width: 0px; }
.season-card__title strong, .season-card__title em { overflow-wrap: anywhere; }
.season-card__title strong { color: var(--navy-2); }
.season-card__title em { color: var(--muted); font-style: normal; }
.season-card__body { padding: 0px 18px 20px; border-top: 1px solid var(--line); }
.season-record dt { display: block; color: var(--muted); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; }
.season-record { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin: 0px; }
.season-record div { padding: 10px; border-radius: 8px; background: rgb(244, 240, 221); }
.season-record dd { margin: 4px 0px 0px; color: var(--navy); font-size: 1.08rem; font-weight: 900; }
.season-mini-note { margin: 14px 0px 0px; color: var(--muted); font-size: 0.92rem; }
.season-note-list { margin: 0px; padding-left: 20px; color: var(--ink); }
.season-note-list li { margin-bottom: 8px; }
.season-timeline { display: grid; gap: 10px; margin: 0px; padding: 0px; list-style: none; }
.season-timeline li { display: grid; grid-template-columns: 34px minmax(0px, 1fr); gap: 10px; align-items: start; }
.season-timeline span { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 999px; background: var(--navy); color: rgb(255, 255, 255); font-size: 0.78rem; font-weight: 900; }
.season-timeline p { margin: 0px; padding: 8px 10px; border-radius: 7px; background: rgb(247, 246, 238); }
.season-roster { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 14px; }
.season-roster__group h4 { margin: 0px 0px 8px; color: var(--pitch); font-size: 0.9rem; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; }
.season-roster__group ul { display: grid; gap: 7px; margin: 0px; padding: 0px; list-style: none; }
.season-roster__group li { display: grid; gap: 1px; min-height: 44px; padding: 8px 9px; border-radius: 7px; background: rgb(247, 246, 238); }
.season-roster__group span { color: var(--navy-2); font-weight: 850; line-height: 1.25; overflow-wrap: anywhere; }
.season-roster__group small { color: var(--muted); font-size: 0.78rem; }
.season-footer-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 14px 0px 0px; border-top: 1px solid var(--line); }
.season-footer-row p { margin: 0px; color: var(--muted); }
.season-sources { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.season-sources a { display: inline-flex; align-items: center; min-height: 30px; padding: 5px 8px; border: 1px solid var(--line); border-radius: 6px; color: var(--navy); background: rgb(255, 255, 255); font-size: 0.78rem; font-weight: 850; text-decoration: none; }
.tactic-board { display: grid; gap: 16px; margin: 26px 0px 34px; padding: clamp(18px, 4vw, 34px); border: 4px solid rgba(255, 255, 255, 0.75); border-radius: 8px; background: linear-gradient(rgba(255, 255, 255, 0.18) 1px, transparent 1px) 0px 50% / 100% 50%, linear-gradient(90deg, rgba(255, 255, 255, 0.18) 1px, transparent 1px) 50% 0px / 50% 100%, rgb(27, 107, 80); box-shadow: var(--shadow); }
.tactic-line { display: flex; justify-content: center; gap: clamp(8px, 2vw, 24px); }
.tactic-line span { min-width: 84px; min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 10px; border: 2px solid var(--yellow); border-radius: 999px; background: var(--navy); color: rgb(255, 255, 255); font-size: 0.86rem; font-weight: 900; text-align: center; }
@media (max-width: 1100px) {
.rc-stats, .rc-card-grid--compact, .season-roster { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.newspaper-card-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 800px) {
.rc-stats, .rc-card-grid, .rc-card-grid--claims, .rc-card-grid--hub, .rc-card-grid--compact, .live-match-grid, .live-list-grid, .transfer-board-grid, .entity-hero-grid, .entity-section-grid, .match-lineup-grid, .editorial-ownership__facts, .live-fact-grid, .transfer-meta-grid, .newspaper-digest-summary, .newspaper-card-grid { grid-template-columns: 1fr; }
.match-lineup-pending { display: grid; }
.match-key-details { padding: 14px; }
.match-key-details__header { display: grid; gap: 8px; }
.match-key-details__header > span { justify-self: start; }
.match-starting-summary-grid, .match-key-substitution-list { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; }
.match-starting-summary-card { padding: 9px; }
.match-starting-summary li { grid-template-columns: 24px minmax(0px, 1fr); padding: 4px; font-size: 0.76rem; }
.match-key-substitution-list li { grid-template-columns: 38px minmax(0px, 1fr); padding: 7px; font-size: 0.74rem; }
.match-event { grid-template-columns: auto minmax(0px, 1fr); }
.match-event__detail { grid-column: 1 / -1; }
.transfer-live-card__top { display: grid; }
.season-stats, .season-roster, .season-hub-grid, .season-detail-layout, .season-record--detail, .season-roster--detail { grid-template-columns: 1fr; }
.current-season-card, .season-footer-row { flex-direction: column; align-items: stretch; }
.season-card summary { grid-template-columns: 1fr; gap: 9px; }
.season-sources { justify-content: flex-start; }
.season-record { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 480px) {
.content-wide--seasons { width: min(100% - 24px, 1220px); }
.season-card summary, .season-card__body, .current-season-card { padding-inline: 12px; }
.season-record { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
.content-wide--editorial, .content-wide--research { width: min(100% - 48px, 920px); }
.editorial-ownership { width: 100%; padding: 14px; }
}
.season-filter-field--search { grid-column: span 2; }
.season-archive-actions, .roster-view-switch { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0px 24px; }
.season-featured, .season-recently-improved { margin: 28px 0px; }
.season-featured__grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 12px; }
.season-featured__card { display: grid; gap: 6px; min-height: 128px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); color: var(--navy); text-decoration: none; }
.season-featured__card:hover, .season-featured__card:focus-visible, .roster-view-switch a:hover, .roster-view-switch a:focus-visible, .roster-view-switch a.is-active { border-color: var(--yellow); box-shadow: rgba(255, 210, 38, 0.28) 0px 0px 0px 3px; }
.season-featured__card strong { font-size: 1.2rem; }
.season-featured__card small, .season-recently-improved { color: var(--muted); }
.roster-filter-form { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px; align-items: end; margin: 24px 0px 16px; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); }
.roster-filter-form > div { display: grid; gap: 6px; }
.roster-filter-form label { color: var(--navy); font-size: 0.82rem; font-weight: 900; }
.roster-filter-form select { width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid rgb(154, 165, 184); border-radius: 6px; background: rgb(255, 255, 255); color: var(--navy); font: inherit; }
.roster-view-switch a { display: inline-flex; align-items: center; min-height: 44px; padding: 9px 13px; border: 1px solid var(--line); border-radius: 6px; background: rgb(255, 255, 255); color: var(--navy); font-weight: 850; text-decoration: none; }
@media (forced-colors: active) {
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: highlight solid 3px; box-shadow: none; }
}
.roster-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.roster-card-facts, .newspaper-event-facts { display: grid; gap: 8px; margin: 14px 0px; }
.roster-card-facts div, .newspaper-event-facts div { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid rgba(6, 24, 56, 0.09); padding-bottom: 7px; }
.roster-card-facts dt, .newspaper-event-facts dt { color: var(--muted); }
.roster-card-facts dd, .newspaper-event-facts dd { margin: 0px; color: var(--navy); font-weight: 800; text-align: right; }
.newspaper-card__why { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.newspaper-card__why summary { cursor: pointer; color: var(--pitch); font-weight: 850; }
.section--post-match-desk, .post-match-writers-section { background: linear-gradient(145deg, rgb(248, 241, 216) 0%, rgb(255, 253, 244) 58%, rgb(238, 245, 231) 100%); }
.post-match-writers-section { margin: 2.5rem 0px; padding: clamp(1.25rem, 3vw, 2.25rem); border: 1px solid rgba(11, 93, 60, 0.16); border-radius: 1.25rem; }
.post-match-report-block + .post-match-report-block { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid rgba(11, 93, 60, 0.18); }
.post-match-writer-desk__gate { display: flex; flex-wrap: wrap; gap: 0.55rem 1rem; align-items: center; margin: 1rem 0px 1.25rem; padding: 0.9rem 1rem; color: rgb(22, 59, 44); background: rgba(255, 255, 255, 0.72); border-left: 4px solid rgb(11, 93, 60); border-radius: 0.7rem; }
.post-match-writer-desk__gate span { color: rgb(75, 93, 84); }
.post-match-writer-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1rem; }
.post-match-writer-card { display: flex; flex-direction: column; min-width: 0px; padding: 1.15rem; background: rgb(255, 255, 255); border: 1px solid rgba(11, 93, 60, 0.15); border-radius: 0.9rem; box-shadow: rgba(17, 45, 34, 0.06) 0px 0.4rem 1.2rem; }
.post-match-writer-card h3 { margin: 0.1rem 0px 0.65rem; }
.post-match-writer-card .text-link { margin-top: auto; padding-top: 0.65rem; }
.post-match-analysis-cta { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 1rem; align-items: center; margin-top: 1.25rem; padding: 1.25rem; color: rgb(255, 255, 255); background: rgb(11, 93, 60); border-radius: 1rem; }
.post-match-analysis-cta h3, .post-match-analysis-cta p { color: inherit; }
.post-match-writer-desk__policy { margin: 1rem 0px 0px; color: rgb(89, 102, 95); font-size: 0.88rem; }
@media (max-width: 900px) {
.post-match-writer-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 620px) {
.post-match-writer-grid { grid-template-columns: 1fr; }
.post-match-analysis-cta { grid-template-columns: 1fr; }
.post-match-analysis-cta .button { width: 100%; text-align: center; }
}
.match-polling-state { padding: 12px 14px; border-left: 4px solid var(--yellow); background: rgb(255, 248, 216); color: var(--navy); font-weight: 900; }
@media (max-width: 600px) {
.season-filter-field--search { grid-column: auto; }
.season-filter-form, .season-featured__grid, .roster-filter-form, .roster-card-grid { grid-template-columns: 1fr; }
.season-filter-form .button, .roster-filter-form .button { width: 100%; }
}
@media (min-width: 601px) and (max-width: 1180px) {
.season-filter-form, .roster-filter-form, .roster-card-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
/* V2 component and token layer. */
:root{--navy-950:#061a3b;--navy-800:#0b2d61;--canary:#ffd21a;--paper:#f7f4ea;--ink:#13213a;--muted:#5d6775;--white:#fff;--line:#d9dee8;--success:#13754a;--warning:#8a6500;--danger:#a12c36;--editorial:#65459a;--focus-ring:#005fcc;--focus-halo:#fff;--font-interface:Arial,sans-serif;--font-editorial:Georgia,serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:3rem;--text-5xl:4.8rem;--leading-tight:1.05;--leading-compact:1.25;--leading-body:1.58;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--max:1240px;--text:720px;--compact:560px;--gutter-desktop:24px;--gutter-mobile:16px;--border-hairline:1px;--border-strong:2px;--border-accent:5px;--radius-small:4px;--radius-control:8px;--radius-card:12px;--radius-pill:999px;--radius:var(--radius-card);--icon-small:16px;--icon-default:20px;--icon-large:24px;--touch-target:44px;--focus-width:3px;--focus-offset:3px;--focus-halo-width:6px;--motion-fast:120ms;--motion-normal:200ms;--motion-slow:320ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--mode-canvas:var(--white);--mode-surface:var(--navy-950);--mode-accent:var(--canary);--mode-heading-font:var(--font-interface);--mode-image-treatment:none;--shadow:0 18px 48px rgba(6,26,59,.12)}
:root{--surface:#ffffff;--white:#ffffff;--focus-halo:#ffffff}
html[data-mode=matchday]{--mode-canvas:var(--white);--mode-surface:var(--navy-950);--mode-accent:var(--canary);--mode-heading-font:var(--font-interface);--mode-image-treatment:none}html[data-mode=archive]{--mode-canvas:var(--paper);--mode-surface:var(--white);--mode-accent:var(--navy-800);--mode-heading-font:var(--font-editorial);--mode-image-treatment:sepia(.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mode-canvas);color:var(--ink);font-family:var(--font-interface);font-size:17px;line-height:var(--leading-body)}a{color:var(--navy-800);text-decoration-thickness:2px;text-underline-offset:3px;transition:text-decoration-color var(--motion-fast) var(--motion-ease)}a:hover{text-decoration-color:var(--canary)}main a:not(.button){padding-block:3px}img{display:block;max-width:100%;height:auto}button,input,select{font:inherit}button,.button{min-height:var(--touch-target);border:0;border-radius:var(--radius-control);padding:.65rem 1rem;font-weight:750;cursor:pointer;transition:background-color var(--motion-normal) var(--motion-ease),color var(--motion-normal) var(--motion-ease)}.button{display:inline-flex;align-items:center;text-decoration:none}.canary{background:var(--canary);color:var(--navy-950)}.navy{background:var(--navy-950);color:var(--white)}.page-shell{width:min(calc(100% - (2 * var(--gutter-desktop))),var(--max));margin-inline:auto}.skip-link{position:fixed;left:var(--space-3);top:-80px;z-index:100;background:var(--canary);color:var(--navy-950);padding:var(--space-3) 18px;border-radius:var(--radius-control)}.skip-link:focus{top:var(--space-3)}.site-header{position:sticky;top:0;z-index:40;background:rgba(6,26,59,.98);border-bottom:var(--border-hairline) solid rgba(255,255,255,.12)}.header-inner{width:min(calc(100% - (2 * var(--gutter-desktop))),var(--max));height:78px;margin:auto;display:flex;align-items:center;gap:30px}.brand img{object-fit:contain}.primary-nav{margin-left:auto;display:flex;align-items:stretch;height:100%}.primary-nav a,.search-link{display:flex;align-items:center;min-height:var(--touch-target);padding:0 13px;color:var(--white);text-decoration:none;font-weight:700}.primary-nav a[aria-current=page]{box-shadow:inset 0 -4px var(--canary);color:var(--canary)}.search-link{border:var(--border-hairline) solid rgba(255,255,255,.35);border-radius:var(--radius-control);height:var(--touch-target)}.score-ribbon{background:var(--mode-surface);color:var(--white);padding:36px max(var(--gutter-desktop),calc((100% - var(--max))/2));display:flex;justify-content:space-between;align-items:end;gap:var(--space-8)}.score-ribbon h1{font-size:clamp(var(--text-3xl),4vw,3.8rem);max-width:900px;margin:.15em 0}.score-ribbon p{max-width:680px}.eyebrow{margin:0 0 var(--space-2);color:#735e00;font-weight:800;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.score-ribbon .eyebrow,.lead-copy .eyebrow{color:var(--canary)}.match-time{font-size:1.35rem;font-weight:800}.home-lead{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:var(--space-8);padding-block:var(--space-12)}.lead-story{display:grid;grid-template-rows:auto 1fr;border-radius:var(--radius-card);overflow:hidden;background:var(--navy-950);color:var(--white)}.lead-story img{width:100%;aspect-ratio:16/8;object-fit:cover}.lead-copy{position:static;padding:var(--space-8);background:var(--navy-950)}.lead-copy h2{font-size:clamp(1.8rem,3.5vw,var(--text-4xl));line-height:var(--leading-tight);margin:.2em 0}.lead-copy a{color:var(--canary)}.today-list{padding:30px;border-top:6px solid var(--canary);background:var(--paper)}.today-list h2{font-size:var(--text-3xl);margin:.15em 0}.today-list ol{padding-left:1.4rem}.today-list li{padding:18px 0;border-bottom:var(--border-hairline) solid #d7d0be}.utility-strip{display:grid;grid-template-columns:1fr 1fr;border-block:var(--border-hairline) solid var(--line)}.utility-strip article{padding:var(--space-8)}.utility-strip article+article{border-left:var(--border-hairline) solid var(--line)}.utility-strip h2{margin:.15em 0;font-size:1.6rem}.section-block{padding-block:56px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--space-6);margin-bottom:28px}.section-heading h2{font-size:2.2rem;margin:0}.news-rows article{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr) 2fr;gap:var(--space-6);align-items:start;padding:var(--space-6) 0;border-top:var(--border-hairline) solid var(--line)}.news-rows h3,.news-rows p{margin:0}.news-rows h3{font-size:var(--text-xl);line-height:var(--leading-compact)}.news-meta{font-size:.82rem;font-weight:800;text-transform:uppercase;color:var(--muted)}.archive-feature,.archive-hero{background:var(--paper);border-block:var(--border-hairline) solid #ded7c7}.archive-feature-grid,.archive-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;padding-block:var(--space-16)}.archive-feature img,.archive-hero img{width:100%;border-radius:var(--radius-small);filter:var(--mode-image-treatment)}.archive-feature h2,.archive-hero h1,html[data-mode=archive] .page-hero h1{font-family:var(--mode-heading-font);font-size:clamp(var(--text-3xl),4vw,3.7rem);line-height:1.08;margin:.2em 0}.trust-line{width:min(calc(100% - (2 * var(--gutter-desktop))),var(--max));margin:40px auto;color:var(--muted);border-top:var(--border-hairline) solid var(--line);padding-top:18px}.trust-line summary{cursor:pointer;min-height:var(--touch-target);display:flex;align-items:center;font-weight:700}.trust-line summary span{font-weight:400}.source-drawer{background:#f4f7fb;border-left:4px solid var(--navy-800);padding:20px;margin-top:var(--space-3)}.site-footer{background:var(--navy-950);color:var(--white);padding:56px max(var(--gutter-desktop),calc((100% - var(--max))/2)) 100px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}.footer-grid h2{font-size:var(--text-base);color:var(--canary)}.footer-grid a{display:block;color:var(--white);margin:10px 0}.independence{color:#b9c5d8;border-top:var(--border-hairline) solid rgba(255,255,255,.2);padding-top:var(--space-6);margin-top:36px}.bottom-nav{display:none}.page-hero{padding-block:var(--space-16)}.page-hero h1{font-size:clamp(2.7rem,5vw,var(--text-5xl));line-height:1;margin:.15em 0}.page-hero>p:last-child{max-width:var(--text);font-size:1.2rem}.match-focus{background:var(--navy-950);color:var(--white);padding:40px;border-radius:var(--radius-card)}.match-focus .eyebrow{color:var(--canary)}.match-focus h2{font-size:clamp(var(--text-3xl),5vw,4rem);margin:.15em 0}.match-focus .trust-line{width:auto;margin:var(--space-6) 0 0;color:#c6d0df;border-color:rgba(255,255,255,.2)}.match-focus .source-drawer{color:var(--ink)}.branch-tabs,.transfer-tabs,.decades{display:flex;gap:var(--space-2);overflow:auto}.branch-tabs button,.transfer-tabs button{white-space:nowrap;background:#eef1f6;color:var(--ink)}.branch-tabs button[aria-pressed=true],.transfer-tabs button[aria-selected=true]{background:var(--navy-950);color:var(--white)}.result-list article{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-8);align-items:center;padding:22px 0;border-top:var(--border-hairline) solid var(--line)}.result-list h3,.result-list p{margin:0}.result-list strong{font-size:1.45rem}.lead-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.editorial-lead img{border-radius:var(--radius-card)}.editorial-lead h2{font-size:var(--text-3xl);line-height:1.15}.lead-grid aside{background:var(--paper);padding:28px;border-top:6px solid var(--canary)}.claim-label{display:inline-block;border:var(--border-hairline) solid var(--line);border-radius:var(--radius-pill);padding:2px 9px;font-size:var(--text-xs)}.transfer-tabs{border-bottom:var(--border-hairline) solid var(--line);padding-bottom:var(--space-3);margin-bottom:20px}.transfer-row{border-bottom:var(--border-hairline) solid var(--line)}.transfer-row summary{display:grid;grid-template-columns:1fr auto 130px;align-items:center;gap:var(--space-6);min-height:82px;cursor:pointer}.transfer-row summary strong,.transfer-row summary small{display:block}.transfer-row>div{padding:0 0 28px;max-width:var(--text)}.status{display:inline-flex;gap:6px;align-items:center;font-weight:800;border-radius:var(--radius-pill);padding:5px 10px;font-size:.82rem}.status.official{background:#ddf5e9;color:#075f3b}.status.watch{background:#fff2c5;color:#624d00}.status.denied{background:#fbe3e6;color:#7f1722}.status.closed{background:#e8ebf0;color:#414a58}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:var(--space-4);align-items:end;background:#f4f6f9;padding:20px;border-radius:var(--radius-card)}.filters label{font-weight:700}.filters input,.filters select{display:block;width:100%;min-height:var(--touch-target);margin-top:6px;border:var(--border-hairline) solid #9da6b5;border-radius:var(--radius-control);padding:var(--space-2)}.player-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-block:36px}.player-card{display:flex;align-items:center;gap:18px;border:var(--border-hairline) solid var(--line);padding:20px;border-radius:var(--radius-card)}.player-monogram{display:grid;place-items:center;flex:0 0 68px;height:68px;border-radius:50%;background:var(--navy-950);color:var(--canary);font-size:var(--text-3xl);font-weight:800}.player-card h2,.player-card p{margin:0}.archive-search{margin-top:28px}.archive-search label{display:block;font-weight:800}.archive-search div{display:flex;margin-top:var(--space-2)}.archive-search input{min-height:48px;min-width:300px;border:var(--border-hairline) solid #8a8f96;border-radius:var(--radius-control) 0 0 var(--radius-control);padding:10px}.archive-search button{border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--navy-950);color:var(--white)}.decades{padding-block:var(--space-6)}.decades a{white-space:nowrap;padding:var(--space-2) var(--space-3);border:var(--border-hairline) solid var(--line);border-radius:var(--radius-pill)}.season-list article{display:flex;justify-content:space-between;gap:var(--space-6);align-items:center;padding:22px 0;border-top:var(--border-hairline) solid var(--line)}.season-list h3,.season-list p{margin:0}.culture-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);padding-bottom:var(--space-16)}.culture-feature{background:var(--paper);padding:var(--space-6)}.culture-feature img{width:100%;aspect-ratio:16/10;object-fit:cover}.culture-feature h2{font-size:var(--text-3xl)}.culture-feature button{background:var(--navy-950);color:var(--white)}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);box-shadow:0 0 0 var(--focus-halo-width) var(--focus-halo)}
@media(max-width:900px){.primary-nav{display:none}.header-inner{height:64px;width:min(calc(100% - 32px),var(--max))}.brand{display:flex;align-items:center;height:64px}.brand img{width:82px;height:auto}.search-link{margin-left:auto}.page-shell,.trust-line{width:min(calc(100% - 32px),var(--max))}.score-ribbon{padding:28px 16px;align-items:start}.home-lead,.archive-feature-grid,.archive-hero-grid,.lead-grid{grid-template-columns:1fr}.lead-story{min-height:420px}.utility-strip{grid-template-columns:1fr}.utility-strip article+article{border-left:0;border-top:1px solid var(--line)}.news-rows article{grid-template-columns:1fr;gap:8px}.footer-grid{grid-template-columns:1fr 1fr}.player-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.filters button{grid-column:1/-1}.bottom-nav{position:fixed;z-index:50;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(6,26,59,.1)}.bottom-nav a{display:grid;place-items:center;min-height:58px;color:var(--navy-950);font-size:.76rem;font-weight:800;text-decoration:none}.site-footer{padding-bottom:120px}}
@media(max-width:600px){body{font-size:16px}.score-ribbon{display:block}.score-ribbon .button{margin-top:14px}.page-hero{padding-block:40px}.home-lead{padding-block:24px}.lead-story{min-height:440px}.lead-copy{padding:24px}.today-list{padding:24px}.section-block{padding-block:40px}.section-heading{display:block}.archive-feature-grid,.archive-hero-grid{padding-block:40px;gap:28px}.archive-hero-grid img{order:-1}.footer-grid{grid-template-columns:1fr 1fr}.result-list article{grid-template-columns:1fr auto;gap:12px}.result-list article a{grid-column:1/-1}.transfer-row summary{grid-template-columns:1fr auto;gap:10px;padding-block:12px}.transfer-row time{grid-column:1/-1}.filters{grid-template-columns:1fr}.filters button{grid-column:auto}.player-grid,.culture-grid{grid-template-columns:1fr}.archive-search input{min-width:0;width:100%}.decades{width:calc(100% - 16px);margin-left:16px}.source-drawer{margin-left:-8px;margin-right:-8px}.trust-line summary{display:block;padding:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}
/* Explicit brand dimensions prevent intrinsic 512px artwork from shifting the header. */
.brand img{width:150px;height:auto}
@media(max-width:900px){.brand img{width:82px;height:auto}}
.weekly-branches{background:var(--canary);color:var(--navy-950)}
.weekly-inner{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:34px}
.weekly-inner h2{font-size:2rem;margin:.15em 0}.weekly-inner p{max-width:760px}.weekly-inner .eyebrow{color:var(--navy-950)}
.culture-teaser{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:20px;align-items:stretch;padding-block:56px}.culture-teaser>img{width:100%;height:100%;min-height:280px;object-fit:cover;border-radius:var(--radius)}.culture-copy{align-self:center;padding-right:28px}.culture-copy h2{font-size:clamp(2rem,3vw,3rem);line-height:1.05;margin:.2em 0}
@media(max-width:900px){.culture-teaser{grid-template-columns:1fr 1fr}.culture-copy{grid-column:1/-1;padding-right:0}.weekly-inner{align-items:flex-start}}
@media(max-width:600px){.weekly-inner{display:block}.weekly-inner .button{margin-top:12px}.culture-teaser{grid-template-columns:1fr}.culture-copy{grid-column:auto}.culture-teaser>img{min-height:0;aspect-ratio:16/10}}
.transfer-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:7px 12px;border-radius:9px;text-decoration:none;font-weight:750;white-space:nowrap;background:#eef1f6;color:var(--ink)}.transfer-tabs a[aria-current=page]{background:var(--navy-950);color:#fff}.clean-empty{padding:32px;background:var(--paper);border-left:5px solid var(--canary)}.source-timeline{padding-left:1.2rem}.source-timeline li{margin:8px 0}
.advanced-filters{align-self:end}.advanced-filters summary{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:9px;background:var(--navy-950);color:#fff;font-weight:750;cursor:pointer}.advanced-filters>div{position:absolute;z-index:10;right:max(24px,calc((100% - var(--max))/2));width:min(680px,calc(100% - 32px));display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.archive-discovery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-block:42px}.archive-discovery article{padding:22px;border-top:5px solid var(--canary);background:var(--paper)}.archive-discovery h2{font-size:1.25rem;line-height:1.2}.tactics-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;padding-bottom:56px}.pitch-figure{margin:0}.pitch-figure svg{display:block;width:100%;height:auto;border-radius:var(--radius);box-shadow:var(--shadow)}.pitch-figure figcaption{padding-top:12px;color:var(--muted)}.tactical-points article{display:grid;grid-template-columns:44px 1fr;gap:0 14px;padding:18px 0;border-top:1px solid var(--line)}.tactical-points span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--canary);font-weight:900}.tactical-points h2,.tactical-points p{margin:0}.approved-portraits{padding-bottom:64px}.approved-portraits>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.approved-portraits figure{margin:0;background:var(--paper);padding:14px}.approved-portraits img{width:100%;aspect-ratio:4/5;object-fit:cover}.approved-portraits figcaption{font-weight:800;padding-top:10px}
@media(max-width:900px){.advanced-filters>div{right:16px}.archive-discovery{grid-template-columns:1fr 1fr}.tactics-layout{grid-template-columns:1fr}.approved-portraits>div:last-child{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.advanced-filters>div{grid-template-columns:1fr}.archive-discovery{grid-template-columns:1fr}.approved-portraits>div:last-child{grid-template-columns:1fr}}
.decades a[aria-current=page]{background:var(--navy-950);border-color:var(--navy-950);color:#fff}.archive-discovery article.active{outline:3px solid var(--navy-800);outline-offset:2px}.archive-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.archive-pagination a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:8px}.archive-pagination span{font-weight:750}.clean-empty{padding:28px;background:var(--paper);border-left:5px solid var(--canary)}
.advanced-filters{position:relative}.advanced-filters>div{right:0}
.roster-section .player-grid{padding-block:0}.player-card h3{margin:0;font-size:1.25rem;line-height:1.2}.team-state-band{background:var(--navy-950);color:#fff}.team-state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18)}.team-state-grid article{padding:28px;background:var(--navy-950)}.team-state-grid .eyebrow{color:var(--canary)}.team-state-grid h2,.team-state-grid p{margin:.15rem 0}.roster-split,.registration-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.roster-split>article,.registration-grid article{min-width:0}.player-name-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.player-name-list li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.player-name-list span{color:var(--muted);text-align:right}.registration-grid article{padding:28px;background:var(--paper);border-top:5px solid var(--canary)}.registration-grid h3,.registration-grid p{margin:.2rem 0}.registration-grid strong{font-size:2rem}
.roster-product-nav{display:flex;gap:8px;overflow:auto;padding-block:0 20px}.roster-product-nav a{white-space:nowrap;border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-weight:800;text-decoration:none}.roster-product-nav a:first-child{background:var(--navy-950);color:#fff}.registration-details>summary{display:flex;align-items:center;width:max-content;min-height:44px;padding:8px 14px;border-radius:9px;background:var(--navy-950);color:#fff;font-weight:800;cursor:pointer}.registration-details[open]>summary{margin-bottom:24px}.registration-details .registration-grid{margin-top:0}
@media(max-width:900px){.team-state-grid{grid-template-columns:1fr}.roster-split,.registration-grid{grid-template-columns:1fr}}

.match-facts{grid-template-columns:repeat(3,1fr)}
.match-record-dates{padding-block:12px 48px}
.match-record-dates dl{margin:0}
.match-record-dates dl>div{padding:24px;background:var(--paper);border-top:5px solid var(--canary)}
.match-record-dates dt{font-size:.82rem;font-weight:800;text-transform:uppercase;color:var(--muted)}
.match-record-dates dd{margin:.35rem 0 0;font-weight:750}
.match-lineup-pending{display:flex;gap:14px;padding:20px 24px;border:1px solid #d8c87a;border-left:5px solid var(--canary);border-radius:var(--radius);background:#fff9df;color:var(--navy-950)}
.match-lineup-pending strong{flex:0 0 auto}
.match-lineup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.match-lineup-card{padding:26px;background:var(--paper);border-top:5px solid var(--canary)}
.match-lineup-card h3{margin-top:0}
.match-source-drawer{margin-block:24px 56px}
.match-source-list{display:grid;gap:12px;margin:0;padding-left:1.25rem}
.match-source-list li{padding-bottom:10px;border-bottom:1px solid var(--line)}
.match-unavailable{background:#fffdf3}
@media(max-width:900px){.match-facts,.match-lineup-grid{grid-template-columns:1fr}.match-lineup-pending{display:block}.match-lineup-pending strong{display:block;margin-bottom:8px}}
.news-sources{margin-top:12px}.news-sources summary{min-height:44px;display:flex;align-items:center;font-weight:750;cursor:pointer}.news-sources ul{margin:0;padding-left:1.25rem}.news-sources li{margin:.35rem 0}.news-sources small{color:var(--muted)}
.official-x-list{display:grid;gap:14px}.official-x-card{padding:16px 0;border-top:1px solid #d7d0be}.official-x-card:first-child{border-top:0}.official-x-card p{margin:.35rem 0}.official-x-meta{color:var(--muted);font-size:.86rem;line-height:1.4}.official-x-meta strong{color:var(--ink)}.official-x-link{display:inline-block;font-weight:800}.official-x-related{margin-top:10px}.official-x-related summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}.official-x-related ul{margin:.2rem 0 0;padding-left:1.2rem}.official-x-related li{padding:6px 0}.official-x-related small{color:var(--muted)}

/* UX-001 — shared state presenters for every V2 data component. */
.component-state{margin:12px 0;padding:12px 14px;border-radius:9px;font-weight:750}
.component-state--waiting{background:#eef3f8;color:#163d67;border-left:5px solid var(--navy-800)}
.component-state--empty{background:#f1f3f6;color:#3e4857;border-left:5px solid #7e8794}
.component-state--current{background:#e2f3ea;color:#0c5c39;border-left:5px solid var(--success)}
.component-state--delayed{background:#fff2c5;color:#624d00;border-left:5px solid #b68700}
.component-state--review{background:#fff0d8;color:#6d4100;border-left:5px solid #c66e00}
.component-state--unavailable{background:#fbe3e6;color:#7f1722;border-left:5px solid var(--danger)}
.component-state--editorial{background:#eee9fb;color:#4a2f78;border-left:5px solid #7350a8}
.correction-notice{width:min(calc(100% - 48px),var(--max));margin:24px auto;padding:18px 20px;border-left:5px solid #b68700;border-radius:9px;background:#fff8d9}
.correction-notice p{margin:.35rem 0}
@media(max-width:900px){.correction-notice{width:min(calc(100% - 32px),var(--max))}}
/* WCAG 2.2 minimum target geometry for inline reader links. */
main a:not(.button){display:inline-block;min-height:24px}

/* K1907-UX-006: exact desktop/mobile navigation and focus-safe fixed controls. */
html{scroll-padding-top:96px}
.site-nav__list[data-navigation-version="eight-item-menu"]{flex-wrap:nowrap}
.site-nav__more>.site-menu{position:relative}
.site-nav__more>.site-menu>summary[aria-current=page]{box-shadow:inset 0 -4px var(--canary);color:var(--canary)}
.site-nav__more>.site-menu>summary::after{content:'▾';margin-left:6px;font-size:.8em}
.site-nav__more>.site-menu[open]>summary::after{content:'▴'}
.site-nav__panel.site-menu-panel a[aria-current=page]{background:var(--paper);color:var(--navy-950)}
@media(max-width:1100px) and (min-width:901px){.site-header__inner{gap:8px}.site-nav a,.site-nav__more summary{padding-inline:6px;font-size:.84rem}.brand__text,.brand__device{display:none}}
@media(max-width:900px){
  html{scroll-padding-top:80px;scroll-padding-bottom:88px}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .bottom-nav{z-index:70;padding-bottom:env(safe-area-inset-bottom)}
  .bottom-nav>a,.mobile-menu>summary{display:grid;place-items:center;min-height:64px;margin:0;padding:6px 4px;color:var(--navy-950);font-size:.76rem;font-weight:800;text-decoration:none;cursor:pointer;list-style:none}
  .mobile-menu>summary::-webkit-details-marker{display:none}
  .bottom-nav [aria-current=page]{background:#fff4bd;box-shadow:inset 0 4px var(--navy-800)}
  .mobile-menu-panel{position:fixed;z-index:69;right:8px;bottom:calc(64px + env(safe-area-inset-bottom));display:grid;width:min(340px,calc(100% - 16px));max-height:min(64vh,520px);overflow:auto;padding:10px;border:1px solid var(--line);border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--white);box-shadow:var(--shadow)}
  .bottom-nav .mobile-menu-panel a{display:flex;align-items:center;justify-content:flex-start;min-height:var(--touch-target);padding:8px 10px;border-bottom:1px solid var(--line);color:var(--navy-950);font-size:.92rem;font-weight:750;text-decoration:none}
  .site-footer{padding-bottom:56px}
  :where(a,button,input,select,summary,[tabindex]):focus-visible{scroll-margin-block:80px 88px}
}

.source-strip-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.source-disclosure{min-width:0}.v2-source-strip .source-strip-correction{display:inline-flex;min-height:44px;padding:8px 12px;border:1px solid var(--line);font-weight:750}.source-support-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}.source-support-list li{min-width:0;overflow-wrap:anywhere}@media(max-width:600px){.source-strip-line,.source-support-list{grid-template-columns:1fr}.source-strip-correction{justify-self:start}}