/* SPOR MERKEZİ v3.1 (2026-10-08) — kamu1 dili: kalın üst çizgi + ince ayraç + tipografi; kutu/hap yok.
   site.css'teki eski .spor-masasi / .skor-strip koyu kuralları .sm3 kapsamıyla ezilir.
   Kulüp kimliği: forma renkli monogram arma (.sm3-kres) + ince çizgi (--kl). */

.sm3 { --sm-ok: #15803d; margin: 2px 0 36px; }
@media (prefers-color-scheme: dark) { html:not([data-theme=light]) .sm3, html:not([data-theme=light]) .sm3-alt { --sm-ok: #4ade80; } }
html[data-theme=dark] .sm3, html[data-theme=dark] .sm3-alt { --sm-ok: #4ade80; }
/* Beşiktaş siyahı koyu temada görünmez → çizgi beyaz */
@media (prefers-color-scheme: dark) { html:not([data-theme=light]) :is(.sm3, .sm3-alt) [data-kulup=bjk] { --kl: #f0f1f3; } }
html[data-theme=dark] :is(.sm3, .sm3-alt) [data-kulup=bjk] { --kl: #f0f1f3; }
.sm3 .sm3-num, .sm3 time, .sm3 .skor-p, .sm3 .sm3-mac-skor, .sm3 .sm3-kulup-sira, .sm3 .sm3-kulup-stat b { font-variant-numeric: tabular-nums; }

/* ---- Monogram arma ---- */
.sm3-kres { flex: none; display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, var(--c1, #6b7280) 0 50%, var(--c2, #9ca3af) 50% 100%); box-shadow: inset 0 0 0 1.5px rgb(255 255 255 / .38), 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent); font-family: var(--display); font-size: 8.5px; font-weight: 900; letter-spacing: 0; line-height: 1; color: #fff; text-shadow: 0 0 2px rgb(0 0 0 / .6), 0 1px 1px rgb(0 0 0 / .4); vertical-align: middle; }
.sm3-kres--sm { width: 18px; height: 18px; font-size: 6.5px; box-shadow: inset 0 0 0 1px rgb(255 255 255 / .35), 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent); }
.sm3-kres--lg { width: 44px; height: 44px; font-size: 13px; box-shadow: inset 0 0 0 2px rgb(255 255 255 / .4), 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent); }
/* Gerçek arma (sunucuya indirilmiş PNG): yuvarlak/gradyan yok; koyu temada beyaz disk üstünde */
.sm3-kres--img { background: none; box-shadow: none; border-radius: 0; text-shadow: none; }
.sm3-kres--img img { width: 100%; height: 100%; object-fit: contain; display: block; }
@media (prefers-color-scheme: dark) { html:not([data-theme=light]) .sm3-kres--img { background: #f0f1f3; border-radius: 50%; padding: 2px; } }
html[data-theme=dark] .sm3-kres--img { background: #f0f1f3; border-radius: 50%; padding: 2px; }

/* ---- Masthead + gezinti ---- */
.sm3-mast { display: block; padding: 4px 0 0; margin-bottom: 0; }
.sm3-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-faint); }
.sm3-canli { display: inline-flex; align-items: center; gap: 8px; color: var(--accent); }
.sm3-canli i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent); animation: sm3-nabiz 2s infinite; }
@keyframes sm3-nabiz { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent); } 70% { box-shadow: 0 0 0 7px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } }
.sm3-title { margin: 0; font-family: var(--display); font-size: clamp(34px, 4.6vw, 54px); font-weight: 900; line-height: .95; letter-spacing: -.035em; }
.sm3-desc { margin: 10px 0 0; max-width: 60ch; font-size: 14.5px; line-height: 1.55; color: var(--ink-soft); text-wrap: pretty; }
.sm3-nav { display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 0 6px; margin: 18px 0 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.sm3-nav::-webkit-scrollbar { display: none; }
.sm3-mast + .sm3-h { margin-top: 26px; }
.sm3-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; font-size: 12.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--ink-soft); border-bottom: 3px solid transparent; white-space: nowrap; transition: color .13s, border-color .13s; }
.sm3-nav a:first-child { padding-left: 0; }
.sm3-nav a:hover { color: var(--ink); border-bottom-color: var(--ink); text-decoration: none; }

/* ---- Bölüm başlıkları ---- */
.sm3-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 10px; padding-top: 12px; border-top: 3px solid var(--ink); font-family: var(--display); font-size: 17px; font-weight: 900; letter-spacing: -.015em; }
.sm3-h small { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); white-space: nowrap; }
.sm3-h--alt { margin-top: 24px; }
.sm3-h--bolum { margin-top: 34px; }
.sm3-h-meta { display: flex; align-items: baseline; gap: 14px; }
.sm3-h4 { margin: 0 0 6px; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.sm3-live-n { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--accent); }
.sm3-live-n i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); animation: skor-blink 1.6s infinite; }
.sm3 #skor-updated { font-variant-numeric: tabular-nums; }

/* ---- Skor şeridi (site.js sözleşmesi: .skor-row[data-eid] .skor-p[data-hs/as] [data-status] is-live) ---- */
.sm3 .skor-strip { display: flex; gap: 0; list-style: none; margin: 0 0 6px; padding: 0; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); -webkit-mask-image: none; mask-image: none; }
.sm3 .skor-strip::-webkit-scrollbar { display: none; }
.sm3 .skor-strip:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
.sm3 .skor-strip .skor-row { position: relative; display: grid; grid-template-columns: 1fr; gap: 0; align-items: stretch; flex: 0 0 auto; width: 224px; padding: 12px 16px 12px 14px; margin: 0; border: 0; border-left: 1px solid var(--line); border-radius: 0; background: none; box-shadow: none; scroll-snap-align: start; }
.sm3 .skor-strip .skor-row > * { min-width: 0; }
.sm3 .skor-strip .skor-row:first-child { border-left: 0; padding-left: 0; }
.sm3 .skor-strip .skor-row:hover { background: none; }
.sm3 .skor-strip .skor-row.is-tr::before { content: ""; position: absolute; left: -1px; top: 0; bottom: 0; width: 3px; background: #e30a17; }
.sm3 .skor-strip .skor-row:first-child.is-tr { padding-left: 12px; }
.sm3 .skor-strip .skor-row.is-tr:not(:first-child) { padding-left: 16px; }
.sm3 .skor-lig { display: flex; align-items: center; gap: 6px; overflow: hidden; margin: 0 0 9px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.sm3 .skor-lig > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm3 .skor-tr { margin-left: auto; flex: none; font-style: normal; font-weight: 800; letter-spacing: .1em; color: #e30a17; }
.sm3 .skor-takim { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 3px 0; font-size: 13.5px; font-weight: 600; color: var(--ink-soft); }
.sm3 .skor-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm3 .skor-p { min-width: 1.2em; font-family: var(--display); font-size: 18px; font-weight: 900; letter-spacing: -.02em; text-align: right; color: var(--ink-soft); }
.sm3 .skor-takim.is-lead, .sm3 .skor-takim.is-lead .skor-p { color: var(--ink); font-weight: 800; }
.sm3 .skor-takim.is-tr .skor-ad { color: var(--ink); font-weight: 800; }
.sm3 .skor-alt { display: flex; align-items: center; margin-top: 8px; padding-top: 6px; border-top: 1px solid var(--line); }
.sm3 .skor-strip .skor-status { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); }
.sm3 .skor-strip .skor-row.is-live { border-color: var(--line); background: none; }
.sm3 .skor-strip .skor-row.is-live .skor-status { color: var(--accent); }
.sm3 .skor-strip .skor-row.is-live .skor-status::before { content: "\25CF"; margin-right: 5px; font-size: 8px; vertical-align: 1px; animation: skor-blink 1.6s infinite; }
.sm3 .skor-strip .skor-row.is-live .skor-p { color: var(--ink); }

/* ---- Puan durumu + fikstür ---- */
.sm3-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 0 44px; margin-top: 28px; }
.sm3-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sm3-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.sm3-tablo th, .sm3-tablo td { padding: 6px 8px 6px 0; border-bottom: 1px solid var(--line); text-align: left; white-space: nowrap; }
.sm3-tablo thead th { padding-bottom: 6px; border-bottom: 2px solid var(--ink); font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.sm3-tablo .sm3-num { text-align: right; }
.sm3-tablo thead .sm3-takim-th { text-align: left; }
.sm3-tablo tbody th { font-weight: 600; color: var(--ink); width: 100%; }
.sm3-tablo tbody td { color: var(--ink-soft); }
.sm3-tablo .sm3-sira { width: 26px; font-weight: 800; color: var(--ink-faint); }
.sm3-tablo .sm3-p { font-weight: 900; color: var(--ink); font-size: 15px; }
.sm3-tablo tr.is-lider .sm3-sira { color: var(--gold-ink); }
.sm3-tablo tr.is-buyuk th { font-weight: 800; }
.sm3-takim { display: inline-flex; align-items: center; gap: 9px; }
.sm3-tablo tbody tr:hover td, .sm3-tablo tbody tr:hover th { background: color-mix(in srgb, var(--bg-soft) 60%, transparent); }
.sm3-not { margin: 10px 0 0; font-size: 12px; line-height: 1.5; color: var(--ink-faint); }
.sm3-not a { color: var(--link); font-weight: 600; }

/* Form işaretleri: durum rengi + harf (yalnız renk değil) */
.sm3-form { display: inline-flex; gap: 2px; vertical-align: middle; }
.sm3-form i { display: inline-grid; place-items: center; width: 17px; height: 17px; font-style: normal; font-size: 9.5px; font-weight: 900; color: #fff; background: var(--ink-faint); }
.sm3-form i.is-g { background: var(--sm-ok); }
.sm3-form i.is-m { background: var(--accent); color: var(--accent-ink); }
.sm3-form i.is-b { background: var(--ink-faint); }

/* Maç listeleri: gün başlığı + satırlar */
.sm3-maclar { list-style: none; margin: 0; padding: 0; }
.sm3-gun { padding: 10px 0 4px; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); border-bottom: 1px solid var(--line); }
.sm3-gun:first-child { padding-top: 0; }
.sm3-mac { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 0 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.sm3-mac-t { display: grid; gap: 1px; line-height: 1.2; }
.sm3-mac-t b { font-size: 12.5px; font-weight: 800; color: var(--ink); }
.sm3-mac-t small { font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sm3-mac.is-done .sm3-mac-t b { color: var(--ink-faint); }
.sm3-mac.is-live .sm3-mac-t b { color: var(--accent); }
.sm3-mac.is-live .sm3-mac-t b::before { content: "\25CF"; margin-right: 4px; font-size: 7px; vertical-align: 2px; animation: skor-blink 1.6s infinite; }
.sm3-mac-takim { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto minmax(0, 1fr); align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--ink-soft); }
.sm3-mac-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm3-mac-ad.is-h { text-align: right; }
.sm3-mac-ad.is-buyuk { color: var(--ink); font-weight: 800; }
.sm3-mac-skor { min-width: 46px; text-align: center; font-family: var(--display); font-size: 15px; font-weight: 900; letter-spacing: 0; color: var(--ink-faint); }
.sm3-mac-skor i { font-style: normal; font-weight: 500; color: var(--ink-faint); padding: 0 1px; }
.sm3-mac.is-done .sm3-mac-skor, .sm3-mac.is-live .sm3-mac-skor { color: var(--ink); }
.sm3-mac.is-live .sm3-mac-skor { color: var(--accent); }

/* ---- Dört büyükler ---- */
.sm3-dort { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px; }
.sm3-kulup { display: grid; gap: 12px; align-content: start; padding: 14px 0 16px; border-top: 4px solid var(--kl); border-bottom: 1px solid var(--line); color: inherit; }
.sm3-kulup:hover { text-decoration: none; }
.sm3-kulup-ust { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; }
.sm3-kulup-ad { display: grid; min-width: 0; }
.sm3-kulup-ad b { font-family: var(--display); font-size: 19px; font-weight: 900; letter-spacing: -.02em; line-height: 1.05; color: var(--ink); }
.sm3-kulup-ad small { margin-top: 2px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.sm3-kulup-sira { display: flex; align-items: baseline; gap: 2px; white-space: nowrap; }
.sm3-kulup-sira b { font-family: var(--display); font-size: 34px; font-weight: 900; line-height: 1; letter-spacing: -.04em; color: var(--ink); }
.sm3-kulup-sira small { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); }
.sm3-kulup-stat { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 8px 16px; padding-top: 10px; border-top: 1px solid var(--line); }
.sm3-kulup-stat > span:not(.sm3-form) { display: grid; line-height: 1; }
.sm3-kulup-stat b { font-family: var(--display); font-size: 17px; font-weight: 900; letter-spacing: -.02em; color: var(--ink); }
.sm3-kulup-stat small { margin-top: 3px; font-size: 9.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.sm3-kulup-stat .sm3-form { margin-left: auto; }
.sm3-kulup-mac { display: grid; gap: 4px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-soft); }
.sm3-kulup-mac > small { font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.sm3-kulup-mac-r { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sm3-kulup-mac-r b { font-weight: 800; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sm3-kulup-mac-r em { font-style: normal; font-size: 12px; color: var(--ink-faint); white-space: nowrap; }
.sm3-kulup-mac-t { font-size: 12.5px; color: var(--ink-faint); }
.sm3-kulup-mac-t b { color: var(--ink); }
.sm3-kulup-haber { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-top: 10px; border-top: 1px solid var(--line); font-size: 13.5px; font-weight: 700; line-height: 1.4; color: var(--ink); transition: color .13s; }
.sm3-kulup:hover .sm3-kulup-haber { color: var(--accent); }

/* ---- Avrupa ---- */
.sm3-avrupa-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 44px; }
.sm3-avrupa .sm3-mac { grid-template-columns: 118px minmax(0, 1fr); }
.sm3-avrupa .sm3-mac-t small { white-space: normal; line-height: 1.25; }

/* ---- Alt hub: kulüp haber kolonları ---- */
.sm3-kaynak-not { font-family: var(--sans); font-size: 11.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ink-faint); }
.sm3-kulupler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px; margin-bottom: 8px; }
.sm3-kh { min-width: 0; border-top: 4px solid var(--kl); }
.sm3-kh-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0 9px; border-bottom: 1px solid var(--line); }
.sm3-kh-head b { display: inline-flex; align-items: center; gap: 9px; font-family: var(--display); font-size: 16px; font-weight: 900; letter-spacing: -.02em; }
.sm3-kh-head a { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-faint); white-space: nowrap; }
.sm3-kh-head a:hover { color: var(--accent); text-decoration: none; }
.sm3-kh-lead { display: grid; gap: 6px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.sm3-kh-lead:hover { text-decoration: none; }
.sm3-kh-img { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--bg-soft); border-radius: 3px; }
.sm3-kh-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sm3-kh-lead strong { font-family: var(--display); font-size: 15px; font-weight: 800; line-height: 1.3; letter-spacing: -.01em; color: var(--ink); transition: color .13s; }
.sm3-kh-lead:hover strong { color: var(--accent); }
.sm3-kh-lead small, .sm3-kh-list small { font-size: 11px; color: var(--ink-faint); }
.sm3-kh-list { list-style: none; margin: 0; padding: 0; }
.sm3-kh-list li { border-bottom: 1px solid var(--line); }
.sm3-kh-list a { display: grid; gap: 2px; padding: 9px 0; }
.sm3-kh-list a:hover { text-decoration: none; }
.sm3-kh-list strong { font-size: 13px; font-weight: 700; line-height: 1.35; color: var(--ink); transition: color .13s; }
.sm3-kh-list a:hover strong { color: var(--accent); }

/* ---- Duyarlı ---- */
@media (max-width: 1100px) {
    .sm3-grid { grid-template-columns: 1fr; gap: 26px 0; }
    .sm3-dort { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; }
    .sm3-kulupler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 28px; }
}
@media (max-width: 640px) {
    .sm3-title { font-size: clamp(32px, 11vw, 44px); }
    .sm3-h { flex-wrap: wrap; }
    .sm3 .skor-strip .skor-row { width: 184px; padding: 10px 12px 10px 10px; }
    .sm3-dar { display: none; }
    .sm3-tablo { font-size: 13.5px; }
    .sm3-tablo th, .sm3-tablo td { padding-right: 6px; }
    .sm3-kres { width: 22px; height: 22px; font-size: 7.5px; }
    .sm3-mac { grid-template-columns: 44px minmax(0, 1fr); gap: 0 8px; }
    .sm3-mac-takim { font-size: 12.5px; gap: 6px; }
    .sm3-mac-skor { min-width: 38px; font-size: 14px; }
    .sm3-avrupa-grid { grid-template-columns: 1fr; gap: 22px 0; }
    .sm3-avrupa .sm3-mac { grid-template-columns: 86px minmax(0, 1fr); }
    .sm3-dort, .sm3-kulupler { grid-template-columns: 1fr; gap: 0; }
    .sm3-kulup { border-bottom: 0; }
    .sm3-kulup:last-child { border-bottom: 1px solid var(--line); }
    .sm3-kh { margin-top: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .sm3-canli i, .sm3-live-n i, .sm3 .skor-strip .skor-row.is-live .skor-status::before, .sm3-mac.is-live .sm3-mac-t b::before { animation: none; }
}

/* ==== SPOR MERKEZİ v4 (2026-10-10): Haftanın Maçı · Lig Karnesi · Hücum–Savunma Haritası · geri sayım ==== */
.sm4-mast-ust { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 470px); gap: 22px 44px; align-items: end; }
.sm4-hm { padding-top: 10px; border-top: 3px solid var(--accent); }
.sm4-hm-et { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
.sm4-hm-et small { font-size: 10.5px; letter-spacing: .06em; color: var(--ink-faint); }
.sm4-hm-ic { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 12px; padding: 14px 0 4px; }
.sm4-hm-t { display: grid; justify-items: center; gap: 4px; min-width: 0; text-align: center; }
.sm4-hm-t > b { max-width: 100%; overflow: hidden; font-family: var(--display); font-size: 17px; font-weight: 900; letter-spacing: -.01em; white-space: nowrap; text-overflow: ellipsis; }
.sm4-hm-t > small { font-size: 11.5px; font-weight: 600; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.sm4-hm-orta { display: grid; justify-items: center; gap: 3px; padding: 0 14px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
.sm4-hm-saat { font-family: var(--display); font-size: 32px; font-weight: 900; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.sm4-hm-orta > small { font-size: 11.5px; font-weight: 700; color: var(--ink-soft); white-space: nowrap; }
.sm4-hm-skor { font-family: var(--display); font-size: 36px; font-weight: 900; line-height: 1; font-variant-numeric: tabular-nums; }
.sm4-hm-skor i { font-style: normal; margin: 0 4px; color: var(--ink-faint); }
.sm4-hm-dk { color: var(--accent) !important; }
.sm4-geri { font-size: 11px; font-weight: 800; letter-spacing: .02em; color: var(--accent); white-space: nowrap; font-variant-numeric: tabular-nums; }
.sm4-geri:empty { display: none; }

.sm4-analiz { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); gap: 0 40px; margin: 34px 0 6px; }
.sm4-buyuk { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.sm4-buyuk span { display: grid; gap: 2px; padding: 6px 12px 14px; border-left: 1px solid var(--line); }
.sm4-buyuk span:first-child { padding-left: 0; border-left: 0; }
.sm4-buyuk b { font-family: var(--display); font-size: clamp(26px, 2.6vw, 34px); font-weight: 900; line-height: 1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.sm4-buyuk span:first-child b { color: var(--accent); }
.sm4-buyuk small { font-size: 11.5px; font-weight: 600; color: var(--ink-faint); }
.sm4-k { list-style: none; margin: 0; padding: 0; }
.sm4-k li { display: grid; grid-template-columns: 124px minmax(0, 1fr) auto; align-items: center; gap: 6px 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.sm4-k-et { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.sm4-k-takim { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.sm4-k-takim b { overflow: hidden; font-size: 14px; font-weight: 800; white-space: nowrap; text-overflow: ellipsis; }
.sm4-k-deger { display: grid; justify-items: end; text-align: right; }
.sm4-k-deger b { font-size: 15px; font-weight: 900; font-variant-numeric: tabular-nums; }
.sm4-k-deger small { font-size: 11px; color: var(--ink-faint); }
.sm4-k li > .sm3-form { grid-column: 2 / -1; justify-self: start; }

.sm4-harita { position: relative; aspect-ratio: 16 / 10; margin: 8px 0 4px; border-left: 1px solid var(--ink-faint); border-bottom: 1px solid var(--ink-faint);
    background: linear-gradient(to top right, transparent 49.5%, color-mix(in srgb, var(--sm-ok) 5%, transparent) 50%); }
.sm4-ort { position: absolute; border: 0 dashed color-mix(in srgb, var(--ink) 30%, transparent); pointer-events: none; }
.sm4-ort--x { top: 0; bottom: 0; border-left-width: 1px; }
.sm4-ort--y { left: 0; right: 0; border-top-width: 1px; }
.sm4-bolge { position: absolute; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); opacity: .8; pointer-events: none; }
.sm4-bolge.is-sagust { top: 6px; right: 8px; color: var(--sm-ok); }
.sm4-bolge.is-solust { top: 6px; left: 10px; }
.sm4-bolge.is-sagalt { bottom: 6px; right: 8px; }
.sm4-bolge.is-solalt { bottom: 6px; left: 10px; }
.sm4-nokta { position: absolute; z-index: 1; display: inline-flex; align-items: center; gap: 3px; transform: translate(-9px, -50%) translate(calc(var(--of, 0) * 6px), calc(var(--of, 0) * -9px)); cursor: default; outline: none; }
.sm4-nokta em { font-size: 9.5px; font-weight: 800; font-style: normal; letter-spacing: .02em; color: var(--ink-soft); white-space: nowrap; }
.sm4-nokta.is-buyuk em { color: var(--ink); font-weight: 900; }
.sm4-nokta:hover, .sm4-nokta:focus-visible { z-index: 3; }
.sm4-nokta:hover .sm3-kres, .sm4-nokta:focus-visible .sm3-kres { transform: scale(1.35); }
.sm4-nokta .sm3-kres { transition: transform .15s; }
.sm4-eksen { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 10.5px; font-weight: 700; color: var(--ink-faint); }
.sm4-eksen b { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft); }

@media (max-width: 960px) {
    .sm4-mast-ust, .sm4-analiz { grid-template-columns: 1fr; }
    .sm4-analiz { gap: 28px; }
}
@media (max-width: 560px) {
    .sm4-hm-saat { font-size: 26px; }
    .sm4-hm-t > b { font-size: 15px; }
    .sm4-k li { grid-template-columns: minmax(0, 1fr) auto; }
    .sm4-k-et { grid-column: 1 / -1; }
    .sm4-nokta em { display: none; }
    .sm4-bolge { font-size: 8.5px; }
}
@media (prefers-reduced-motion: reduce) { .sm4-nokta .sm3-kres { transition: none; } }

/* ── SPOR MERKEZİ v5 (2026-10-12): branş panosu + sekmeler + basketbol/voleybol/F1 panelleri (.sm5-*) ── */
.sm3-kres--md { width: 34px; height: 34px; font-size: 10px; }
.sm5-pano { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 22px 0 0; border-top: 3px solid var(--ink); border-bottom: 1px solid var(--line); }
.sm5-kart { --bk: var(--accent); position: relative; display: grid; align-content: start; gap: 10px; padding: 14px 18px 16px; color: var(--ink); text-decoration: none; border-left: 1px solid var(--line); }
.sm5-kart:first-child { border-left: 0; padding-left: 0; }
.sm5-kart::before { content: ''; position: absolute; left: 18px; right: 18px; top: -3px; height: 3px; background: var(--bk); transform: scaleX(0); transform-origin: left; transition: transform .2s; }
.sm5-kart:first-child::before { left: 0; }
.sm5-kart:hover::before, .sm5-kart:focus-visible::before { transform: scaleX(1); }
.sm5-kart.is-futbol { --bk: #15803d; } .sm5-kart.is-basketbol { --bk: #ea580c; } .sm5-kart.is-voleybol { --bk: #1d4ed8; } .sm5-kart.is-formula-1 { --bk: #c8102e; }
.sm5-kart-ust { display: flex; align-items: center; gap: 7px; color: var(--bk); }
.sm5-kart-ust b { font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.sm5-kart-ust small { margin-left: auto; font-size: 11.5px; font-weight: 600; color: var(--ink-faint); }
.sm5-kart-ana { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sm5-kart-ana > span:last-child { min-width: 0; display: grid; }
.sm5-kart-ana b { font-family: var(--display); font-size: 18px; font-weight: 900; letter-spacing: -.015em; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm5-kart-ana small { font-size: 12.5px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.sm5-kart-alt { display: grid; gap: 1px; padding-top: 9px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.35; }
.sm5-kart-alt small { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.sm5-kart-alt b { font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm5-kart-alt em { font-style: normal; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.sm5-kart-alt .sm4-geri { font-size: 12px; font-weight: 800; color: var(--bk); }
.sm5-kart:hover .sm5-kart-ana b { color: var(--bk); }
.sm5-f1-rozet { flex: none; display: grid; place-items: center; width: 34px; height: 34px; background: var(--tk); color: #fff; font-family: var(--display); font-size: 11px; font-weight: 900; letter-spacing: .02em; text-shadow: 0 1px 2px rgb(0 0 0 / .35); }

.sm5-sekme { display: flex; gap: 0 26px; margin: 22px 0 0; padding: 0; background: var(--bg); border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.sm5-sekme::-webkit-scrollbar { display: none; }
.sm5-sekme a { display: inline-flex; align-items: center; gap: 7px; padding: 12px 0 10px; border-bottom: 3px solid transparent; color: var(--ink-soft); font-size: 15px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.sm5-sekme a:hover { color: var(--ink); }
.sm5-sekme a[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--accent); }
.sm5-sekme a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.sm5-panel { padding-top: 6px; }
.sm5-panel > .sm3-nav { margin-top: 12px; }
.sm5-bos { padding: 18px 0; color: var(--ink-faint); }
.sm5-bolum { margin-top: 28px; }
.sm5-bolum.sm3-grid { margin-top: 28px; }
.sm3-mac-ad.is-kazanan { color: var(--ink); font-weight: 800; }
.sm5-uz { display: block; text-align: center; font-size: 10.5px; color: var(--ink-faint); margin-top: -4px; }

/* tablolar */
.sm5-yuzde-th { width: 110px; }
.sm5-yuzde { display: flex; align-items: center; gap: 8px; min-width: 110px; }
.sm5-yuzde b { font-size: 12.5px; font-variant-numeric: tabular-nums; min-width: 36px; text-align: right; }
.sm5-cubuk { flex: none; width: 60px; height: 6px; background: var(--line); }
.sm5-cubuk i { display: block; height: 100%; background: #ea580c; }
.sm5-set { color: var(--ink-soft); }

/* EuroLeague sıralaması */
.sm5-el-liste { margin: 0; padding: 0; list-style: none; }
.sm5-el-liste li { display: grid; grid-template-columns: 22px 18px minmax(0, 1fr) 90px 40px; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.sm5-el-liste li.is-tr { font-weight: 800; background: linear-gradient(90deg, color-mix(in srgb, #ea580c 10%, transparent), transparent 70%); }
.sm5-el-liste li.is-cizgi-po { border-bottom: 2px solid var(--ink); }
.sm5-el-liste li.is-cizgi-pi { border-bottom: 2px dashed var(--ink-faint); }
.sm5-el-sira { font-variant-numeric: tabular-nums; color: var(--ink-faint); text-align: right; }
.sm5-el-ad { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm5-gm { display: flex; height: 7px; background: var(--line); }
.sm5-gm i { display: block; height: 100%; }
.sm5-gm i.is-g { background: var(--sm-ok); } .sm5-gm i.is-m { background: var(--ink-faint); opacity: .55; }
.sm5-el-gm { font-variant-numeric: tabular-nums; text-align: right; font-size: 13px; }

/* çeyrekler */
.sm5-ceyrek-skor { display: flex; align-items: center; gap: 8px; margin: 2px 0 12px; font-size: 14.5px; }
.sm5-ceyrek-skor span { font-family: var(--display); font-size: 22px; font-weight: 900; font-variant-numeric: tabular-nums; margin: 0 4px; }
.sm5-ceyrek-liste { margin: 0; padding: 0; list-style: none; }
.sm5-ceyrek-liste li { display: grid; grid-template-columns: 74px minmax(0, 1fr) 120px; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--line); }
.sm5-ceyrek-no { grid-row: span 2; font-size: 12px; font-weight: 800; color: var(--ink-faint); text-transform: uppercase; letter-spacing: .05em; }
.sm5-ceyrek-cubuk { grid-column: 2; display: flex; align-items: center; gap: 6px; }
.sm5-ceyrek-cubuk i { display: block; height: 9px; }
.sm5-ceyrek-cubuk i.is-h { background: var(--ink); } .sm5-ceyrek-cubuk i.is-a { background: #ea580c; }
.sm5-ceyrek-cubuk b { font-size: 12.5px; font-variant-numeric: tabular-nums; }
.sm5-ceyrek-liste small { grid-column: 3; grid-row: 1 / span 2; font-size: 12px; color: var(--ink-soft); text-align: right; }

/* voleybol */
.sm5-vol-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 40px; }
.sm5-vol-lider { display: flex; align-items: center; gap: 12px; margin: 4px 0 12px; }
.sm5-vol-lider span { display: grid; }
.sm5-vol-lider small { font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #1d4ed8; }
.sm5-vol-lider b { font-family: var(--display); font-size: 20px; font-weight: 900; letter-spacing: -.015em; }
.sm5-vol-lider em { font-style: normal; font-size: 12.5px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.sm5-vol .sm3-h4 { margin-top: 18px; }
.sm5-dagilim { margin: 0; padding: 0; list-style: none; }
.sm5-dagilim li { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px; align-items: center; padding: 4px 0; font-size: 13px; }
.sm5-dagilim-ad { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
.sm5-dagilim-cubuk { display: flex; height: 16px; gap: 2px; }
.sm5-dagilim-cubuk i { display: grid; place-items: center; min-width: 22px; height: 100%; font-style: normal; font-size: 9.5px; font-weight: 800; color: #fff; overflow: hidden; }
.sm5-dagilim-cubuk i.is-s0, .sm5-lejant i.is-s0 { background: #166534; } .sm5-dagilim-cubuk i.is-s1 { background: #15803d; }
.sm5-dagilim-cubuk i.is-s2, .sm5-lejant i.is-s2 { background: #65a30d; }
.sm5-dagilim-cubuk i.is-s3, .sm5-lejant i.is-s3 { background: #a8a29e; }
.sm5-dagilim-cubuk i.is-s4, .sm5-lejant i.is-s4 { background: #78716c; } .sm5-dagilim-cubuk i.is-s5 { background: #44403c; }
.sm5-lejant { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 8px 0 0; font-size: 12px; color: var(--ink-soft); }
.sm5-lejant span { display: inline-flex; align-items: center; gap: 5px; }
.sm5-lejant i { display: inline-block; width: 10px; height: 10px; }

/* formula 1 */
.sm5-f1-ust { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 0 40px; }
.sm5-f1-sira { padding: 16px 0 0; border-top: 3px solid var(--ink); }
.sm5-f1-et { display: flex; gap: 12px; align-items: baseline; margin: 0; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
.sm5-f1-et b { color: var(--ink-faint); }
.sm5-f1-gp { margin: 4px 0 2px; font-family: var(--display); font-size: clamp(28px, 3.4vw, 42px); font-weight: 900; letter-spacing: -.025em; line-height: 1.05; }
.sm5-f1-pist { margin: 0; color: var(--ink-soft); font-size: 14.5px; }
.sm5-f1-yaris { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 12px 0 10px; font-size: 16px; }
.sm5-f1-yaris b { font-variant-numeric: tabular-nums; }
.sm5-f1-yaris span { font-size: 12.5px; color: var(--ink-faint); }
.sm5-f1-yaris .sm4-geri { font-size: 13.5px; font-weight: 800; color: var(--accent); }
.sm5-f1-seans { margin: 0; padding: 0; list-style: none; columns: 2 200px; column-gap: 26px; }
.sm5-f1-seans li { break-inside: avoid; display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.sm5-f1-seans li b { font-variant-numeric: tabular-nums; }
.sm5-f1-seans li.is-bitti { color: var(--ink-faint); text-decoration: line-through; text-decoration-color: color-mix(in srgb, var(--ink-faint) 60%, transparent); }
.sm5-f1-seans li.is-yaris { font-weight: 800; color: var(--accent); }
.sm5-f1-mat-ozet { margin: 0 0 12px; font-size: 15px; line-height: 1.55; }
.sm5-f1-mat-cubuk, .sm5-f1-ilerleme { position: relative; height: 12px; background: var(--line); }
.sm5-f1-mat-cubuk i, .sm5-f1-ilerleme i { display: block; height: 100%; background: var(--accent); }
.sm5-f1-ilerleme { margin-top: 18px; height: 8px; }
.sm5-f1-ilerleme i { background: var(--ink); }
.sm5-f1-mat-alt { display: flex; justify-content: space-between; gap: 10px; margin: 5px 0 0; font-size: 12.5px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.sm5-f1-liste { margin: 0; padding: 0; list-style: none; }
.sm5-f1-liste li { display: grid; grid-template-columns: 24px minmax(0, 190px) minmax(0, 1fr) 62px; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--line); }
.sm5-f1-no { font-family: var(--display); font-weight: 900; font-variant-numeric: tabular-nums; color: var(--ink-faint); text-align: right; }
.sm5-f1-liste li:first-child .sm5-f1-no { color: var(--accent); }
.sm5-f1-ad { display: grid; min-width: 0; border-left: 3px solid var(--tk); padding-left: 8px; }
.sm5-f1-ad b { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm5-f1-ad small { font-size: 11.5px; color: var(--ink-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sm5-f1-cubuk { height: 10px; background: color-mix(in srgb, var(--line) 70%, transparent); }
.sm5-f1-cubuk i { display: block; height: 100%; background: var(--tk); }
.sm5-f1-puan { display: grid; text-align: right; font-family: var(--display); font-size: 16px; font-weight: 900; font-variant-numeric: tabular-nums; line-height: 1.1; }
.sm5-f1-puan small { font-family: var(--sans); font-size: 11px; font-weight: 600; color: var(--ink-faint); }
.sm5-f1-liste--takim li { padding: 5px 0; }
.sm5-f1-podyum { margin-top: 24px; }
.sm5-f1-podyum ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; gap: 8px; margin: 0; padding: 0; list-style: none; }
.sm5-f1-podyum li { display: grid; justify-items: center; text-align: center; gap: 2px; }
.sm5-f1-podyum li b { font-size: 14px; }
.sm5-f1-podyum li small { font-size: 11.5px; color: var(--ink-faint); }
.sm5-f1-podyum li span { display: grid; place-items: center; width: 100%; margin-top: 6px; background: var(--tk); color: #fff; font-family: var(--display); font-size: 22px; font-weight: 900; text-shadow: 0 1px 2px rgb(0 0 0 / .3); }
.sm5-f1-podyum li.is-1 span { height: 84px; } .sm5-f1-podyum li.is-2 span { height: 62px; } .sm5-f1-podyum li.is-3 span { height: 46px; }
.sm5-f1-takvim { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 0 26px; margin: 0; padding: 0; list-style: none; }
.sm5-f1-takvim li { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.sm5-f1-takvim li:first-child { border-left: 3px solid var(--accent); padding-left: 8px; }
.sm5-f1-takvim-t b { display: block; font-variant-numeric: tabular-nums; }
.sm5-f1-takvim small { display: block; font-size: 12px; color: var(--ink-faint); }

@media (max-width: 1100px) { .sm5-pano { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm5-kart:nth-child(3) { border-left: 0; padding-left: 0; } .sm5-kart:nth-child(n+3) { border-top: 1px solid var(--line); } .sm5-kart:nth-child(3)::before { left: 0; } }
@media (max-width: 900px) { .sm5-vol-grid, .sm5-f1-ust { grid-template-columns: minmax(0, 1fr); gap: 26px 0; } }
@media (max-width: 680px) {
    /* mobil: pano yatay kaydırmalı ray (dikeyde yer kaplamasın) */
    .sm5-pano { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 80%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
    .sm5-pano::-webkit-scrollbar { display: none; }
    .sm5-kart, .sm5-kart:nth-child(n+3) { scroll-snap-align: start; border-top: 0; border-left: 1px solid var(--line); padding: 12px 14px 14px; }
    .sm5-kart:first-child, .sm5-kart:nth-child(3) { border-left: 0; padding-left: 0; }
    .sm5-kart:nth-child(3) { border-left: 1px solid var(--line); padding-left: 14px; }
    .sm5-kart::before { left: 14px; right: 14px; }
    .sm5-kart:first-child::before { left: 0; }
    .sm5-sekme { gap: 0 20px; }
    .sm5-sekme a { font-size: 14.5px; }
    .sm5-el-liste li { grid-template-columns: 20px 18px minmax(0, 1fr) 60px 36px; }
    .sm5-f1-liste li { grid-template-columns: 22px minmax(0, 1fr) 70px 54px; }
    .sm5-ceyrek-liste li { grid-template-columns: 58px minmax(0, 1fr) 92px; }
    .sm5-dagilim li { grid-template-columns: 100px minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { .sm5-kart::before { transition: none; } }

/* AVRUPA KUPALARI (2026-10-12) — /sampiyonlar-ligi, /avrupa-ligi, /konferans-ligi + spor hub "Avrupa" sekmesi (.ak-*).
   Bölge renkleri: son 16 (kupa rengi), play-off (amber), elenir (gri). Dolgu rozet yok; çizgi + tipografi. */
.ak { --ak: #0b2a6f; --ak-po: #b7791f; --ak-el: #9ca3af; }
.ak-bas { margin: 8px 0 18px; max-width: 980px; }
.ak-ust { display: block; margin-bottom: 8px; font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ak); }
.ak-ad { margin: 0; font-family: var(--display); font-size: clamp(36px, 5.4vw, 62px); font-weight: 900; letter-spacing: -.03em; line-height: 1.02; }
.ak-giris { margin: 12px 0 0; font-size: clamp(16.5px, 1.6vw, 19px); line-height: 1.55; color: var(--ink-soft); max-width: 70ch; }
.ak-kupalar { display: flex; flex-wrap: wrap; gap: 0 22px; margin-top: 16px; border-bottom: 1px solid var(--line); }
.ak-kupalar a { padding: 9px 0; font-weight: 800; font-size: 14.5px; color: var(--ink-soft); text-decoration: none; border-bottom: 3px solid transparent; margin-bottom: -1px; }
.ak-kupalar a[aria-current] { color: var(--ink); border-bottom-color: var(--ak); }
.ak-kupalar a:hover { color: var(--ink); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ak { --ak: #8fb0ff; } }
:root[data-theme="dark"] .ak { --ak: #8fb0ff; }

.ak-trler { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr)); gap: 22px 32px; }
.ak-tr { border-top: 3px solid var(--ak); padding-top: 12px; min-width: 0; }
.ak-tr.is-playoff { border-top-color: var(--ak-po); }
.ak-tr.is-elendi { border-top-color: var(--ak-el); }
.ak-tr-ust { display: flex; align-items: center; gap: 12px; }
.ak-tr-ust h3 { margin: 0; font-family: var(--display); font-size: 22px; font-weight: 900; letter-spacing: -.02em; }
.ak-tr-ust p { margin: 2px 0 0; font-size: 13.5px; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.ak-tr-ust p b { color: var(--ink); }
.ak-bolge { font-weight: 800; color: var(--ak); }
.ak-tr.is-playoff .ak-bolge { color: var(--ak-po); }
.ak-tr.is-elendi .ak-bolge { color: var(--ink-faint); }
.ak-yol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 10px; margin: 14px 0 0; padding: 0; list-style: none; }
.ak-yol li { display: grid; justify-items: start; gap: 3px; padding: 8px 0 6px; border-top: 2px solid var(--line); min-width: 0; }
.ak-yol li small { font-size: 10.5px; font-weight: 800; letter-spacing: .04em; color: var(--ink-faint); text-transform: uppercase; }
.ak-yol li b { font-size: 13px; font-weight: 800; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.ak-yol li span { font-size: 12.5px; font-weight: 700; color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.ak-yol li.is-g { border-top-color: var(--sm-ok); } .ak-yol li.is-g span { color: var(--sm-ok); }
.ak-yol li.is-m { border-top-color: var(--accent); } .ak-yol li.is-m span { color: var(--accent); }
.ak-yol li.is-b { border-top-color: var(--ink-faint); }
.ak-yol li.is-sira { border-top-color: var(--ak); } .ak-yol li.is-sira span { color: var(--ink); }
.ak-sira { margin: 10px 0 0; font-size: 14px; color: var(--ink-soft); }
.ak-sira b { color: var(--ink); }

.ak-izgara { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 0 40px; align-items: start; }
.ak-izgara--esit { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.ak-izgara > * { min-width: 0; }
.ak-lejant { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0 0 8px; font-size: 12px; font-weight: 700; color: var(--ink-soft); }
.ak-lejant span { padding-left: 14px; position: relative; }
.ak-lejant span::before { content: ''; position: absolute; left: 0; top: 2px; width: 4px; height: 12px; background: var(--ak); }
.ak-lejant .is-playoff::before { background: var(--ak-po); }
.ak-lejant .is-elendi::before { background: var(--ak-el); }
.ak-tablo-kap { overflow-x: auto; }
.ak-tablo tbody tr > :first-child { box-shadow: inset 4px 0 0 var(--ak); padding-left: 10px; }
.ak-tablo tbody tr.is-playoff > :first-child { box-shadow: inset 4px 0 0 var(--ak-po); }
.ak-tablo tbody tr.is-elendi > :first-child { box-shadow: inset 4px 0 0 var(--ak-el); }
.ak-tablo tbody tr.is-sinir td, .ak-tablo tbody tr.is-sinir th { border-bottom: 2px solid var(--ink-soft); }
.ak-tablo tbody tr.is-tr th, .ak-tablo tbody tr.is-tr td { background: color-mix(in srgb, var(--ak) 7%, transparent); font-weight: 800; color: var(--ink); }
.ak-takim { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.ak-takim small { font-size: 11px; font-weight: 600; color: var(--ink-faint); }
.ak-not { margin: 10px 0 0; font-size: 12.5px; line-height: 1.5; color: var(--ink-faint); }
.ak-not a { color: var(--link); font-weight: 700; }

.ak-rakam { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line); margin-bottom: 16px; }
.ak-rakam div { padding: 4px 10px 10px; border-left: 1px solid var(--line); }
.ak-rakam div:first-child { border-left: 0; padding-left: 0; }
.ak-rakam b { display: block; font-family: var(--display); font-size: 28px; font-weight: 900; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.ak-rakam small { font-size: 12px; color: var(--ink-faint); }
.ak-yigin { display: flex; height: 30px; gap: 2px; margin-bottom: 18px; }
.ak-yigin i { display: flex; align-items: center; min-width: 0; padding: 0 8px; font-style: normal; font-size: 11.5px; font-weight: 800; color: #fff; overflow: hidden; white-space: nowrap; }
.ak-yigin i.is-ev { background: var(--ak); }
.ak-yigin i.is-ber { background: #6b7280; }
.ak-yigin i.is-dep { background: var(--ak-po); }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .ak-yigin i.is-ev { color: #0b1020; } }
:root[data-theme="dark"] .ak-yigin i.is-ev { color: #0b1020; }
.ak-sutun { display: flex; align-items: flex-end; gap: 6px; height: 130px; margin: 0 0 18px; padding: 0; list-style: none; border-bottom: 1px solid var(--ink-faint); }
.ak-sutun li { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; gap: 3px; position: relative; padding-bottom: 18px; }
.ak-sutun i { display: block; width: 100%; max-width: 34px; background: var(--ak); min-height: 0; }
.ak-sutun b { font-size: 11.5px; font-weight: 900; font-variant-numeric: tabular-nums; }
.ak-sutun small { position: absolute; bottom: 0; font-size: 11px; color: var(--ink-faint); }
.ak-cubuk { margin: 0 0 18px; padding: 0; list-style: none; }
.ak-cubuk li { display: grid; grid-template-columns: minmax(0, 9.5em) minmax(0, 1fr) 2.2em; gap: 8px; align-items: center; padding: 5px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.ak-cubuk span { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-cubuk i { display: block; height: 9px; background: var(--ak); min-width: 2px; }
.ak-cubuk b { text-align: right; font-variant-numeric: tabular-nums; }
.ak-cubuk--ulke i { background: var(--ink-soft); }
.ak-cubuk--kupa i { background: var(--gold, #b7791f); }

.ak-haftalar { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 440px), 1fr)); gap: 0 32px; align-items: start; }
.ak-hafta { border-bottom: 1px solid var(--line); }
.ak-hafta summary { padding: 11px 0; cursor: pointer; font-size: 15px; }
.ak-hafta summary small { color: var(--ink-faint); font-weight: 600; margin-left: 6px; }
.ak-hafta[open] summary b { color: var(--ak); }
.ak-hafta .sm3-h4 { margin-top: 6px; }
.ak-maclar { margin: 0 0 10px; padding: 0; list-style: none; }
.ak-maclar li { display: grid; grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr); align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px dotted var(--line); font-size: 13.5px; }
.ak-maclar li.is-tr { background: color-mix(in srgb, var(--ak) 6%, transparent); font-weight: 800; }
.ak-ev { display: flex; justify-content: flex-end; align-items: center; gap: 6px; text-align: right; min-width: 0; }
.ak-dep { display: flex; align-items: center; gap: 6px; min-width: 0; }
.ak-ev > span, .ak-dep > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ak-skor { text-align: center; font-weight: 900; font-variant-numeric: tabular-nums; }
.ak-maclar li.is-canli .ak-skor { color: var(--accent); }
.ak-maclar li em { grid-column: 1 / -1; text-align: center; font-style: normal; font-size: 11px; font-weight: 800; color: var(--accent); }

.ak-sampiyonlar { margin: 0; padding: 0; list-style: none; }
.ak-sampiyonlar li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.ak-sampiyonlar li > b { font-family: var(--display); font-size: 20px; font-weight: 900; font-variant-numeric: tabular-nums; }
.ak-sampiyonlar span { font-weight: 800; }
.ak-sampiyonlar small { display: block; font-weight: 500; font-size: 12.5px; color: var(--ink-faint); }
.ak-adimlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0 20px; margin: 0; padding: 0; list-style: none; counter-reset: ak; }
.ak-adimlar li { counter-increment: ak; padding: 10px 0; border-top: 2px solid var(--ak); display: grid; gap: 4px; }
.ak-adimlar li:nth-child(4) { border-top-color: var(--ak-po); }
.ak-adimlar li:nth-child(5) { border-top-color: var(--ak-el); }
.ak-adimlar b::before { content: counter(ak) '. '; color: var(--ink-faint); }
.ak-adimlar span { font-size: 13.5px; line-height: 1.5; color: var(--ink-soft); }
.ak-sss details { border-bottom: 1px solid var(--line); }
.ak-sss summary { padding: 12px 0; font-weight: 800; cursor: pointer; }
.ak-sss p { margin: 0 0 14px; color: var(--ink-soft); line-height: 1.6; max-width: 80ch; }

/* spor hub "Avrupa" sekmesi */
.ak-panel-kupa { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 18px 30px; }
.ak-panel-kupa .ak-tablo { font-size: 13px; }

@media (max-width: 980px) { .ak-izgara, .ak-izgara--esit { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
    .ak-yol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ak-gz { display: none; }
    .ak-takim small { display: none; }
    .ak-maclar li { grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr); font-size: 12.5px; }
}
.ak-panel-blok { min-width: 0; }
.ak-panel-ad { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 0 0 8px; padding-top: 8px; border-top: 2px solid var(--ak); font-size: 15px; }
.ak-panel-ad a { color: var(--ink); text-decoration: none; font-weight: 900; }
.ak-panel-ad a:hover { color: var(--ak); }
.ak-panel-ad small { font-size: 11.5px; font-weight: 700; color: var(--ink-faint); }
.ak-serit { display: grid; grid-template-columns: repeat(36, minmax(0, 1fr)); gap: 2px; margin: 18px 0 0; padding: 0; list-style: none; }
.ak-serit li { position: relative; height: 14px; background: color-mix(in srgb, var(--ak) 55%, transparent); }
.ak-serit li.is-playoff { background: color-mix(in srgb, var(--ak-po) 55%, transparent); }
.ak-serit li.is-elendi { background: color-mix(in srgb, var(--ak-el) 45%, transparent); }
.ak-serit li.is-tr { background: var(--accent); }
.ak-serit li b { position: absolute; bottom: 17px; left: 50%; transform: translateX(-50%); font-size: 10px; font-weight: 900; color: var(--accent); white-space: nowrap; }
.ak-serit-lejant { display: grid; grid-template-columns: 1fr 15fr 16fr 12fr; margin: 3px 0 10px; font-size: 10px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.ak-serit-lejant span:nth-child(2), .ak-serit-lejant span:nth-child(3) { text-align: right; }
.ak-serit-lejant span:last-child { text-align: right; }
.ak-panel-tr { margin: 0; padding: 0; list-style: none; }
.ak-panel-tr li { display: flex; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--line); }
.ak-panel-tr li > span { display: grid; gap: 1px; min-width: 0; font-size: 14px; }
.ak-panel-tr em { font-style: normal; font-weight: 800; color: var(--ak); font-variant-numeric: tabular-nums; }
.ak-panel-tr small { font-size: 12px; color: var(--ink-faint); }
.ak-panel-bos { color: var(--ink-faint); font-size: 13px; }