.sr-sayfa, .sr-simgeler {
  --ulus-elmo: #0c3ca2;
  --ulus-karu: #a3162b;
  --cizgi-elmo: var(--acik-mavi, #6fa8ff);
  --cizgi-karu: var(--acik-kirmizi, #ff6b7f);
  --madalya-altin: var(--acik-sari, #fcb74e);
  --madalya-gumus: var(--acik-gri, #d5dae3);
  --madalya-bronz: #b97850;
  --sr-ust: color-mix(in srgb, var(--ucuz-yukselti) 55%, var(--ucuz-panel));
}
.sr-simgeler { position: absolute; width: 0; height: 0; overflow: hidden; }

.sr-sayfa { padding-bottom: 32px; line-height: calc(var(--px) * 24); }
.sr-sayfa .sr-sonuk { color: var(--ucuz-sonuk); }
.sr-sayfa .sr-art { color: var(--ucuz-green-yazi); }
.sr-sayfa .sr-azal { color: var(--ucuz-red-yazi); }
.sr-sayfa .is-yeni { color: var(--ucuz-gold-yazi); font-weight: 700; }
.sr-ad { color: inherit; font-weight: inherit; text-decoration: none; }
.sr-ad:hover { color: var(--ucuz-gold-yazi); text-decoration: underline; text-underline-offset: 3px; }
.sr-ad:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 2px; border-radius: 3px; }
.sr-sec { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.ulus-rozet {
  --boy: 24px;
  display: inline-grid; place-items: center; flex: none;
  width: var(--boy); height: var(--boy); border-radius: var(--r-sm);
  background: var(--ulus-elmo, #0c3ca2);
}
.ulus-rozet.is-karus { background: var(--ulus-karu, #a3162b); }
.ulus-rozet img { width: calc(var(--boy) * .625); height: calc(var(--boy) * .625); display: block; }
.ulus-rozet.is-18 { --boy: 18px; border-radius: 4px; }
.ulus-rozet.is-28 { --boy: 28px; }
.ulus-rozet.is-32, .ulus-rozet.is-satir { --boy: 32px; }
.ulus-rozet.is-36 { --boy: 36px; }
.ulus-rozet.is-40 { --boy: 40px; border-radius: var(--r-md); }
.ulus-rozet.is-44 { --boy: 44px; border-radius: var(--r-md); }
.sr-unvan, .sr-derece { flex: none; width: 24px; height: 24px; image-rendering: pixelated; vertical-align: middle; display: inline-block; }
.sr-derece { width: 25px; height: 25px; }
.sr-unvan.is-20 { width: 20px; height: 20px; }
.sr-unvan.is-22, .sr-derece.is-22 { width: 22px; height: 22px; }
.sr-unvan.is-28, .sr-derece.is-28 { width: 28px; height: 28px; }
.sr-unvan.is-36 { width: 36px; height: 36px; }

.sr-cip {
  display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-md); background: var(--ucuz-panel);
  color: var(--ucuz-sonuk); font: 500 calc(var(--px) * 15)/calc(var(--px) * 20) var(--yt-metin);
  text-decoration: none; cursor: pointer; transition: border-color .15s ease-out, color .15s ease-out, background-color .15s ease-out;
}
a.sr-cip:hover { border-color: var(--ucuz-border-guc); color: var(--ucuz-metin); }
.sr-cip.is-secili { background: var(--ucuz-metin); border-color: var(--ucuz-metin); color: var(--ucuz-dark); font-weight: 600; }
.sr-sekme {
  position: relative; display: inline-flex; flex: none; flex-wrap: wrap; gap: 2px; padding: 5px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel);
}
.sr-sekme input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.sr-sekme label, .sr-sekme button {
  display: inline-flex; align-items: center; gap: 8px; height: 32px; margin: 0; padding: 0 14px;
  border: 0; border-radius: var(--r-md); background: transparent; color: var(--ucuz-sonuk);
  font: 500 calc(var(--px) * 14)/1 var(--yt-metin); white-space: nowrap; cursor: pointer;
  transition: background-color .15s ease-out, color .15s ease-out;
}
.sr-sekme label:hover, .sr-sekme button:hover { color: var(--ucuz-metin); }
.sr-sekme input:checked + label, .sr-sekme button[aria-pressed="true"] { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.sr-sekme input:focus-visible + label { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 1px; }
.sr-nokta { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ucuz-sonuk3); }
.sr-nokta.is-tamam { background: var(--ucuz-green-yazi); }
.sr-nokta.is-uyari { background: var(--ucuz-gold-yazi); }
.sr-taze { display: inline-flex; align-items: center; gap: 6px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 12); white-space: nowrap; }
.sr-istat { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sr-istat-et { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 24); }
.sr-istat-d { font: 600 calc(var(--px) * 20)/calc(var(--px) * 28) var(--yt-sayi); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-istat-d.is-ad { font: 600 calc(var(--px) * 16)/calc(var(--px) * 28) var(--yt-metin); }
.sr-istat-alt { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 12); line-height: calc(var(--px) * 24); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sr-istat-alt.sr-art { color: var(--ucuz-green-yazi); }
.sr-istat-alt.sr-azal { color: var(--ucuz-red-yazi); }
.sr-et { margin: 0; color: var(--ucuz-sonuk3); font: 700 calc(var(--px) * 12)/calc(var(--px) * 24) var(--yt-metin); letter-spacing: .08em; text-transform: uppercase; }
.sr-ust-et { margin: 0; color: var(--ucuz-sonuk3); font: 600 calc(var(--px) * 13)/calc(var(--px) * 18) var(--yt-metin); letter-spacing: .04em; text-transform: uppercase; }
.sr-not { margin: 0; font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 20); }
.sr-kaydir { overflow-x: auto; }
.sr-kisi { display: grid; min-width: 0; line-height: calc(var(--px) * 24); }
.sr-kisi, .sr-kisi > a, .sr-kisi small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sr-kisi small { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-weight: 400; }
.sr-no { color: var(--ucuz-sonuk); font-family: var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-madalya {
  display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%;
  color: #1d1206; font: 800 calc(var(--px) * 14)/1 var(--yt-sayi);
}
.sr-madalya.is-altin { background: linear-gradient(145deg, #ffe08f, #fcb74e 55%, #c98a1d); box-shadow: 0 0 0 2px rgba(252,183,78,.25); }
.sr-madalya.is-gumus { background: linear-gradient(145deg, #f3f5f8, #d5dae3 55%, #9aa4b2); box-shadow: 0 0 0 2px rgba(213,218,227,.2); }
.sr-madalya.is-bronz { color: #fff; background: linear-gradient(145deg, #e3a57e, #a76543 55%, #6d3b22); box-shadow: 0 0 0 2px rgba(167,101,67,.25); }
.sr-dugme-kucuk { height: 40px; padding: 0 16px; }
.sr-olcer { height: 8px; border-radius: 4px; background: var(--ucuz-yukselti); overflow: hidden; }
.sr-olcer > i { display: block; height: 100%; border-radius: 4px; background: var(--ucuz-gold); }
.sr-renk { display: inline-flex; align-items: center; gap: 6px; }
.sr-renk::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--cizgi-elmo); }
.sr-renk.is-karus::before { background: var(--cizgi-karu); }
.sr-anahtar { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0; font-size: calc(var(--px) * 13); }

.sr-bolum { display: grid; gap: 16px; padding: 32px 0; }
.sr-bolum-bas { display: grid; gap: 8px; }
.sr-bolum-bas h2 { margin: 0; font: 700 calc(var(--px) * 30)/1.2 var(--yt-baslik); letter-spacing: normal; text-wrap: balance; }
.sr-bolum-bas p { max-width: 65ch; margin: 0; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 18); line-height: calc(var(--px) * 28); }

.sr-vitrin { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: 32px 56px; padding: 16px 0 40px; }
.sr-vitrin-ana { display: grid; justify-items: start; gap: 16px; min-width: 0; }
.sr-vitrin .sayfa-basi { margin: 0; }
.sr-vitrin .sayfa-ust { margin-bottom: 10px; }
.sr-vitrin .sayfa-ozet { margin-top: 16px; }
.sr-ara { position: relative; width: min(100%, 520px); margin-top: 6px; }
.sr-ara-kutu, .sr-bul {
  display: flex; align-items: center; gap: 12px; height: 56px; margin: 0; padding: 0 15px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-panel); color: var(--ucuz-metin);
  transition: border-color .15s ease-out, box-shadow .15s ease-out;
}
.sr-ara-kutu:focus-within, .sr-bul:focus-within { border-color: var(--ucuz-gold-cizgi); box-shadow: 0 0 0 3px var(--ucuz-gold-zayif); }
.sr-ara-kutu .bi, .sr-bul .bi { flex: none; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 18); }
.sr-ara-kutu input, .sr-bul input {
  flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent;
  color: var(--ucuz-metin); font: 400 calc(var(--px) * 16)/1 var(--yt-metin);
}
.sr-ara-kutu input::placeholder, .sr-bul input::placeholder { color: var(--ucuz-sonuk); }
.sr-ara-kutu input::-webkit-search-cancel-button, .sr-bul input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
.sr-ara-liste {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30;
  display: grid; gap: 2px; max-height: 360px; margin: 0; padding: 6px; list-style: none; overflow: auto;
  border: 1px solid var(--ucuz-border-guc); border-radius: var(--r-lg); background: var(--ucuz-panel);
  box-shadow: 0 4px 4px rgba(0,0,0,.3), 0 8px 12px 6px rgba(0,0,0,.15);
}
.sr-ara-liste[hidden] { display: none; }
.sr-ara-liste a, .sr-ara-liste button {
  display: grid; gap: 2px; width: 100%; padding: 10px 12px; border: 0; border-radius: var(--r-md);
  background: transparent; color: var(--ucuz-metin); font: inherit; text-align: left; text-decoration: none; cursor: pointer;
}
.sr-ara-liste a span, .sr-ara-liste button span { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); }
.sr-ara-liste a:hover, .sr-ara-liste a[aria-selected="true"], .sr-ara-liste button:hover, .sr-ara-liste button[aria-selected="true"] { background: var(--ucuz-yukselti); }
.sr-ara-yok { padding: 10px 12px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 14); }
.sr-baglar { display: flex; flex-wrap: wrap; gap: 8px; }
.sr-baglar .sr-cip { padding: 6px 12px; font-size: calc(var(--px) * 14); }
.sr-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.sr-kart {
  display: grid; align-content: start; gap: 12px; min-width: 0; padding: 24px;
  color: inherit; text-decoration: none; transition: border-color .15s ease-out, background-color .15s ease-out;
}
a.sr-kart:hover { border-color: var(--ucuz-border-guc); background: color-mix(in srgb, var(--ucuz-yukselti) 45%, var(--ucuz-panel)); color: inherit; }
.sr-kart-et { color: var(--ucuz-sonuk3); font: 700 calc(var(--px) * 12)/calc(var(--px) * 24) var(--yt-metin); letter-spacing: .08em; text-transform: uppercase; }
.sr-kim { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sr-kim-ad { display: grid; min-width: 0; }
.sr-kim-ad b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 600 calc(var(--px) * 18)/calc(var(--px) * 26) var(--yt-metin); }
.sr-kim-ad span { font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 24); }
.sr-kart-d { font: 600 calc(var(--px) * 24)/calc(var(--px) * 32) var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-kart-alt { margin-top: -6px; font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 18); }

.sr-gezgin { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; transition: opacity .15s ease-out; }
.sr-gezgin[aria-busy="true"], .sr-sunucu[aria-busy="true"], .sr-arsiv[aria-busy="true"] { opacity: .55; }
.sr-cubuk { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin: 0; }
.sr-cubuk-grup { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.sr-cubuk-ana { flex: auto; }
.sr-cubuk-son { margin-left: auto; }
.sr-cubuk .sr-sekme label { height: 36px; }
.sr-secici { display: block; width: auto; min-width: 180px; margin: 0; }
.sr-secici .giris { height: 48px; }
.sr-ulus label.is-ulus { padding-left: 6px; }
.sr-ulus .ulus-rozet { opacity: .45; filter: grayscale(1); transition: opacity .15s ease-out, filter .15s ease-out; }
.sr-ulus input:checked + label .ulus-rozet, .sr-ulus label:hover .ulus-rozet { opacity: 1; filter: none; }
.sr-filtre, .sr-filtre-pano, .sr-filtre-govde { display: contents; }
.sr-filtre-ac, .sr-filtre-bas, .sr-filtre-alt, .sr-filtre-et { display: none; }
.sr-filtre-say { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font-size: calc(var(--px) * 12); font-weight: 600; }
.sr-filtre-say[hidden] { display: none; }
.sr-alt-cubuk { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.sr-bul { flex: 0 1 380px; gap: 10px; height: 48px; min-width: 0; }
.sr-bilgi { margin: 0; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 14); line-height: calc(var(--px) * 22); }
.sr-bilgi .sr-nokta { margin-right: 8px; vertical-align: 1px; }
.sr-bos { margin: 0; padding: 32px 0; color: var(--ucuz-sonuk); text-align: center; }
.sr-kursu { display: flex; align-items: flex-end; justify-content: center; gap: 24px; padding: 4px 0 8px; }
.sr-defne { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 230px; min-width: 0; text-align: center; }
.sr-defne.is-altin { margin-bottom: 12px; --maden: var(--madalya-altin); }
.sr-defne.is-gumus { --maden: var(--madalya-gumus); }
.sr-defne.is-bronz { --maden: var(--madalya-bronz); }
.sr-celenk { position: relative; width: 78px; height: 67px; color: var(--maden); transition: transform .2s ease-out; }
.sr-defne:hover .sr-celenk { transform: translateY(-3px) scale(1.04); }
.sr-celenk-dal { position: absolute; top: 9px; left: 0; width: 78px; height: 58px; }
.sr-celenk-no {
  position: absolute; top: -2px; left: 50%; transform: translateX(-50%);
  font: 800 calc(var(--px) * 31)/1 var(--yt-ekran); color: var(--maden);
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.sr-defne-ad { display: inline-flex; align-items: center; gap: 8px; max-width: 230px; font: 500 calc(var(--px) * 20)/calc(var(--px) * 28) var(--yt-metin); }
.sr-defne-ad > span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sr-defne-ad .sr-unvan, .sr-defne-ad .sr-derece { width: 22px; height: 22px; }
.sr-defne-alt { max-width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); }
.sr-defne-puan { font: 600 calc(var(--px) * 18)/calc(var(--px) * 24) var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-defne-fark { margin-top: -4px; font: 400 calc(var(--px) * 13)/calc(var(--px) * 18) var(--yt-sayi); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { .sr-celenk { transition: none; } .sr-defne:hover .sr-celenk { transform: none; } }
.sr-satirlar { display: grid; }
.sr-satir {
  display: grid; grid-template-columns: 36px 32px minmax(0, 1.5fr) minmax(0, 1fr) 56px 120px 96px;
  align-items: center; gap: 16px; padding: 10px; border-top: 1px solid var(--ucuz-border); border-radius: var(--r-md);
  transition: background-color .15s ease-out;
}
.sr-satir:hover { background: var(--ucuz-yukselti); }
.sr-satir .sr-kisi { font-weight: 500; }
.sr-derece-kutu { display: grid; place-items: center; width: 32px; height: 32px; }
.sr-ek { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 14); }
.sr-unvan-hucre { display: inline-flex; align-items: center; gap: 8px; }
.sr-hareket, .sr-fark { text-align: right; font: 400 calc(var(--px) * 14)/1.4 var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-puan { text-align: right; font: 500 calc(var(--px) * 16)/1.4 var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-gezgin:not(.is-ariyor) .sr-satir.is-ust, .sr-satir.is-fazla { display: none; }
.sr-gezgin.is-tumu .sr-satir.is-fazla, .sr-gezgin.is-ariyor .sr-satir.is-fazla:not([hidden]) { display: grid; }
.sr-satir[hidden], .sr-gezgin.is-ariyor .sr-kursu { display: none !important; }
.sr-gezgin.is-tumu .sr-tumu, .sr-gezgin.is-ariyor .sr-tumu { display: none; }
.sr-tumu { justify-self: center; }
.sr-yok { margin: 0; }
.sr-aciklama { margin: 0; font-size: calc(var(--px) * 13); }

.sr-iki-sutun { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; align-items: start; }
.sr-kazanc, .sr-hafta { display: grid; gap: 16px; min-width: 0; }
.sr-kazanc-bas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 24px; }
.sr-kazanc-baslik { display: grid; gap: 8px; min-width: 0; }
.sr-kazanc-baslik h2 { margin: 0; font: 700 calc(var(--px) * 24)/calc(var(--px) * 24) var(--yt-baslik); letter-spacing: normal; }
.sr-kazanc-pano, .sr-hafta-pano { display: none; }
.sr-kazanc:has(.sr-sec[value="gun"]:checked) .sr-kazanc-pano[data-donem="gun"],
.sr-kazanc:has(.sr-sec[value="hafta"]:checked) .sr-kazanc-pano[data-donem="hafta"],
.sr-kazanc:has(.sr-sec[value="ay"]:checked) .sr-kazanc-pano[data-donem="ay"] { display: grid; gap: 10px; }
.sr-kazanc:has(.sr-sec[value="gun"]:checked) label[data-donem="gun"],
.sr-kazanc:has(.sr-sec[value="hafta"]:checked) label[data-donem="hafta"],
.sr-kazanc:has(.sr-sec[value="ay"]:checked) label[data-donem="ay"] { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.sr-kazanc:has(.sr-sec:focus-visible) .sr-kazanc-sekme, .sr-hafta:has(.sr-sec:focus-visible) .sr-hafta-sekme { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 2px; }
.sr-kazanc-liste { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 6px 20px; list-style: none; }
.sr-kazanc-liste li { display: grid; grid-template-columns: 28px 32px minmax(0, 1fr) minmax(96px, 30%); align-items: center; gap: 14px; padding: 12px 0; border-top: 1px solid var(--ucuz-border); }
.sr-kazanc-liste li:first-child { border-top: 0; }
.sr-kazanc-liste .sr-kisi > a { font-weight: 500; }
.sr-kazanc-yer { color: var(--ucuz-sonuk); font: 600 calc(var(--px) * 16)/1 var(--yt-sayi); text-align: center; }
.sr-kazanc-yer.sr-madalya { color: #1d1206; }
.sr-kazanc-yer.sr-madalya.is-bronz { color: #fff; }
.sr-kazanc-d { display: grid; justify-items: end; gap: 6px; min-width: 0; }
.sr-kazanc-d b { font: 600 calc(var(--px) * 16)/1.2 var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-kazanc-d i { display: block; height: 4px; border-radius: 2px; background: var(--ucuz-green-yazi); opacity: .55; }
.sr-kazanc-bos { margin: 0; }

.sr-sunucu { display: grid; grid-template-columns: minmax(0, 1fr); gap: 30px; transition: opacity .15s ease-out; }
.sr-cipler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: -14px; }
.sr-sk { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.sr-sk-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; }
.sr-sk-ad { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.sr-sk-ad h3 { margin: 0; font: 600 calc(var(--px) * 24)/calc(var(--px) * 32) var(--yt-baslik); letter-spacing: normal; }
.sr-sk-rozet { padding: 6px 10px; font-size: calc(var(--px) * 13); cursor: default; }
.sr-yanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.sr-yan { display: grid; gap: 18px; min-width: 0; padding: 20px 22px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: color-mix(in srgb, var(--ucuz-yukselti) 35%, var(--ucuz-panel)); }
.sr-yan-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.sr-yan-bas b { font: 600 calc(var(--px) * 16)/calc(var(--px) * 24) var(--yt-metin); }
.sr-yan-bas .sr-sonuk { margin-left: auto; font-size: calc(var(--px) * 13); }
.sr-istatlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sr-esik { width: 100%; border-collapse: collapse; font-size: calc(var(--px) * 14); }
.sr-sk .sr-kaydir { margin-top: -8px; }
.sr-esik th, .sr-esik td { padding: 12px 10px; border-top: 1px solid var(--ucuz-border); vertical-align: middle; }
.sr-esik thead th { padding-top: 4px; border-top: 0; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-weight: 500; text-align: left; }
.sr-esik .is-sayi { text-align: right; }
.sr-esik td b { font: 600 calc(var(--px) * 14)/1.4 var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-esik-unvan { display: inline-flex; align-items: center; gap: 10px; font-weight: 500; }
.sr-esik-unvan .sr-unvan { width: 22px; height: 22px; }
.sr-esik-meta { display: none; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-weight: 400; }
.sr-esik-hiz { display: block; margin-top: 2px; color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); }
.sr-sk > .sr-not { margin-top: -8px; }
.sr-kisalar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sr-kisa { display: grid; align-content: start; gap: 12px; min-width: 0; padding: 22px; }
.sr-kisa-bas { margin: 0; font: 500 calc(var(--px) * 14)/calc(var(--px) * 20) var(--yt-metin); letter-spacing: normal; }
.sr-kisa ol { display: grid; margin: 0; padding: 0; list-style: none; }
.sr-kisa li { display: grid; grid-template-columns: 22px 28px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--ucuz-border); }
.sr-kisa li:first-child { padding-top: 2px; border-top: 0; }
.sr-kisa .sr-no { font-size: calc(var(--px) * 13); }
.sr-kisa .sr-kisi > a { font-size: calc(var(--px) * 15); font-weight: 500; }
.sr-kisa .sr-kisi small { font-size: calc(var(--px) * 12); }
.sr-kisa li > b { font: 600 calc(var(--px) * 14)/1.3 var(--yt-sayi); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-kisa > p { margin: 0; font-size: calc(var(--px) * 14); }
.sr-ikili-kart { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: stretch; gap: 16px; }
.sr-kiyas, .sr-dagilim { display: grid; align-content: start; gap: 18px; min-width: 0; }
.sr-kiyas { grid-template-rows: auto minmax(0, 1fr) auto; align-content: stretch; }
.sr-kart-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.sr-kart-bas .sr-sonuk { font-size: calc(var(--px) * 13); }
.sr-kiyas-grafik { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: minmax(220px, 1fr) auto; gap: 10px; }
.sr-kiyas-eksen { position: relative; }
.sr-kiyas-eksen span { position: absolute; right: 0; transform: translateY(50%); color: var(--ucuz-sonuk3); font: 400 calc(var(--px) * 11)/1 var(--yt-sayi); white-space: nowrap; }
.sr-kiyas-alan { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); align-items: end; border-bottom: 1px solid var(--ucuz-border-guc); }
.sr-kiyas-cizgi { position: absolute; left: 0; right: 0; height: 0; border-top: 1px dashed var(--ucuz-border); pointer-events: none; }
.sr-kiyas-grup { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 4px; height: 100%; }
.sr-kiyas-sutun { width: min(22px, 38%); min-height: 2px; border-radius: 4px 4px 0 0; background: var(--cizgi-elmo); opacity: .5; transition: opacity .15s ease-out; }
.sr-kiyas-sutun.is-karus { background: var(--cizgi-karu); }
.sr-kiyas-grup.is-secili .sr-kiyas-sutun, .sr-kiyas-grup:hover .sr-kiyas-sutun { opacity: 1; }
.sr-kiyas-adlar { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.sr-kiyas-ad { justify-self: center; color: var(--ucuz-sonuk); font: 500 calc(var(--px) * 13)/1.3 var(--yt-metin); white-space: nowrap; text-decoration: none; }
a.sr-kiyas-ad:hover { color: var(--ucuz-gold-yazi); }
.sr-kiyas-ad.is-secili { color: var(--ucuz-metin); font-weight: 700; }
.sr-dagilim-liste { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.sr-dagilim-liste li { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: center; gap: 10px; font-size: calc(var(--px) * 13); }
.sr-dagilim-liste li > span:first-child { font-variant-numeric: tabular-nums; }
.sr-dagilim-cift { display: grid; gap: 3px; }
.sr-dagilim-cubuk { display: flex; align-items: center; gap: 8px; }
.sr-dagilim-cubuk i { display: block; flex: none; min-width: 3px; height: 7px; border-radius: 4px; background: var(--cizgi-elmo); }
.sr-dagilim-cubuk.is-karus i { background: var(--cizgi-karu); }
.sr-dagilim-cubuk small { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 12); font-variant-numeric: tabular-nums; }

.sr-hafta:has(.sr-sec:nth-of-type(1):checked) .sr-hafta-pano[data-hafta="0"],
.sr-hafta:has(.sr-sec:nth-of-type(2):checked) .sr-hafta-pano[data-hafta="1"],
.sr-hafta:has(.sr-sec:nth-of-type(3):checked) .sr-hafta-pano[data-hafta="2"] { display: grid; gap: 16px; }
.sr-hafta:has(.sr-sec:nth-of-type(1):checked) label[data-hafta="0"],
.sr-hafta:has(.sr-sec:nth-of-type(2):checked) label[data-hafta="1"],
.sr-hafta:has(.sr-sec:nth-of-type(3):checked) label[data-hafta="2"] { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.sr-hafta-ozet { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.sr-hafta-ozet-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.sr-hafta-ozet-bas h3, .sr-gun-bas h3 { margin: 0; font: 500 calc(var(--px) * 20)/calc(var(--px) * 28) var(--yt-baslik); letter-spacing: normal; }
.sr-hafta-hikaye { display: grid; gap: 6px; max-width: 80ch; }
.sr-hafta-hikaye p { margin: 0; color: var(--ucuz-sonuk); line-height: 1.65; }
.sr-hafta-istat { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding-top: 18px; border-top: 1px solid var(--ucuz-border); }
.sr-hafta-istat .sr-istat-d.is-ad { font-size: calc(var(--px) * 17); }
.sr-hafta-sutunlar { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; gap: 16px; }
.sr-hafta-sutunlar .sr-kisa li > b { font-size: calc(var(--px) * 15); }
.sr-uluslar { display: grid; gap: 12px; }
.sr-ulus-lider { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); }
.sr-ulus-lider .sr-kisi > a, .sr-ulus-lider > b { font: 600 calc(var(--px) * 17)/1.35 var(--yt-metin); }
.sr-ulus-lider > b { font-family: var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-hafta-sunucular { display: grid; gap: 12px; padding: 22px; }
.sr-hafta-tablo { width: 100%; border-collapse: collapse; font-size: calc(var(--px) * 14); }
.sr-hafta-tablo th, .sr-hafta-tablo td { padding: 12px 10px; border-top: 1px solid var(--ucuz-border); text-align: left; vertical-align: middle; }
.sr-hafta-tablo thead th { padding-top: 2px; border-top: 0; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-weight: 500; }
.sr-hafta-tablo .is-sayi { text-align: right; font-family: var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-hafta-toplam { display: grid; grid-template-columns: minmax(60px, 1fr) auto; align-items: center; gap: 10px; min-width: 160px; }
.sr-hafta-toplam i { display: block; height: 6px; border-radius: 3px; background: var(--ucuz-green-yazi); opacity: .6; }
.sr-hafta-toplam b { color: var(--ucuz-green-yazi); font-weight: 600; font-variant-numeric: tabular-nums; }
.sr-hafta-lider { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.sr-hafta-lider .sr-ad { font-weight: 500; }
.sr-hafta-lider > span { font-size: calc(var(--px) * 13); font-variant-numeric: tabular-nums; }

.sr-arsiv { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; transition: opacity .15s ease-out; }
.sr-arsiv-ust { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 40px; }
.sr-ay { display: grid; gap: 12px; }
.sr-ay[hidden] { display: none; }
.sr-ay-bas { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sr-ay-ad { font: 600 calc(var(--px) * 15)/1.3 var(--yt-metin); text-transform: capitalize; }
.sr-ay-git {
  display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid var(--ucuz-border); border-radius: 999px;
  background: var(--ucuz-panel); color: var(--ucuz-metin); font-size: calc(var(--px) * 18); line-height: 1; cursor: pointer;
}
.sr-ay-git:hover:not([disabled]) { background: var(--ucuz-yukselti); }
.sr-ay-git[disabled] { opacity: .4; cursor: default; }
.sr-gunler { display: grid; grid-template-columns: repeat(7, 38px); gap: 4px; }
.sr-gun-ad { padding-bottom: 4px; color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); font-weight: 500; text-align: center; }
.sr-gun { display: grid; place-items: center; height: 36px; border-radius: var(--r-md); color: var(--ucuz-sonuk3); font: 400 calc(var(--px) * 14)/1 var(--yt-sayi); font-variant-numeric: tabular-nums; text-decoration: none; }
a.sr-gun { background: var(--ucuz-yukselti); color: var(--ucuz-metin); font-weight: 500; transition: background-color .15s ease-out; }
a.sr-gun:hover { background: color-mix(in srgb, var(--ucuz-yukselti) 70%, var(--ucuz-metin) 8%); color: var(--ucuz-metin); }
a.sr-gun.is-secili { background: var(--ucuz-gold); color: var(--ucuz-gold-metin); font-weight: 700; }
a.sr-gun:focus-visible { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 1px; }
.sr-gun.is-eksik { text-decoration: line-through; }
.sr-gosterge { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 4px 0 0; font-size: calc(var(--px) * 12); }
.sr-gosterge-kutu { display: inline-flex; align-items: center; gap: 6px; }
.sr-gosterge-kutu::before { content: ""; width: 10px; height: 10px; border: 1px solid var(--ucuz-border-guc); border-radius: 3px; background: var(--ucuz-yukselti); }
.sr-gosterge-kutu.is-eksik::before { background: transparent; border-style: dashed; }
.sr-gosterge-kutu.is-secili::before { background: var(--ucuz-gold); border-color: var(--ucuz-gold); }
.sr-gun-bilgi { display: grid; align-content: start; gap: 22px; min-width: 0; padding-left: 40px; border-left: 1px solid var(--ucuz-border); }
.sr-gun-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
.sr-arsiv-istat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 24px; }
.sr-arsiv-istat .sr-istat-d { font-size: calc(var(--px) * 24); line-height: calc(var(--px) * 32); }
.sr-ipucu { margin: 0; font-size: calc(var(--px) * 13); }
.sr-arsiv-tablo-kart { padding: 8px 22px 12px; }
.sr-arsiv-tablo { width: 100%; border-collapse: collapse; font-size: calc(var(--px) * 15); }
.sr-arsiv-tablo th, .sr-arsiv-tablo td { padding: 12px 10px; border-top: 1px solid var(--ucuz-border); text-align: left; white-space: nowrap; }
.sr-arsiv-tablo thead tr:first-child th { border-top: 0; }
.sr-arsiv-tablo thead th { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-weight: 500; }
.sr-arsiv-tablo thead tr:last-child th { padding-top: 0; border-top: 0; font-size: calc(var(--px) * 12); }
.sr-arsiv-tablo .sr-grup { color: var(--ucuz-metin); font-weight: 600; text-align: center; }
.sr-arsiv-tablo .is-sayi { text-align: right; font-family: var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-arsiv-tablo tbody tr:hover td { background: var(--ucuz-yukselti); }
.sr-arsiv-tablo tfoot td { border-top: 1px solid var(--ucuz-border-guc); }
.sr-arsiv-bag { color: var(--ucuz-metin); text-decoration: none; }
.sr-arsiv-bag:hover { color: var(--ucuz-gold-yazi); text-decoration: underline; text-underline-offset: 3px; }

.sr-metin { max-width: 70ch; gap: 0; font-size: calc(var(--px) * 17); line-height: calc(var(--px) * 29); }
.sr-metin h2 { margin: 0 0 10px; padding-top: 8px; font: 600 calc(var(--px) * 24)/calc(var(--px) * 32) var(--yt-baslik); letter-spacing: normal; }
.sr-metin p { margin: 0 0 16px; }
.sr-metin p:last-child { margin-bottom: 0; }
.sr-sayfa .sss { margin: 0; }

.sr-alt-sayfa { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 24px; padding-bottom: 64px; }
.sr-profil { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; }
.sr-profil-bas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 16px 24px; }
.sr-profil-kim { display: flex; align-items: center; gap: 18px; min-width: 0; }
.sr-amblem { display: grid; place-items: center; flex: none; width: 64px; height: 64px; border: 1px solid var(--ucuz-border); border-radius: var(--r-lg); background: var(--ucuz-yukselti); }
.sr-amblem .sr-unvan, .sr-amblem .sr-derece { width: 40px; height: 40px; }
.sr-profil-ad { display: grid; gap: 10px; min-width: 0; }
.sr-profil-ad h1 { margin: 0; overflow-wrap: anywhere; font: 700 calc(var(--px) * 28)/1.1 var(--yt-baslik); letter-spacing: normal; }
.sr-profil-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.sr-profil-cipler .sr-cip { gap: 8px; padding: 5px 10px; font-size: calc(var(--px) * 13); }
.sr-profil-cipler span.sr-cip { cursor: default; }
.sr-profil-yan { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.sr-profil-ozet { max-width: 80ch; margin: 0; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 16); line-height: 1.65; }
.sr-profil-istat { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; padding-top: 20px; border-top: 1px solid var(--ucuz-border); }
.sr-kivilcim { width: 100%; height: 36px; margin: 2px 0; color: var(--ucuz-gold); overflow: visible; }
.sr-kivilcim .sr-kivilcim-alan { fill: currentColor; fill-opacity: .14; stroke: none; }
.sr-hafta-not { margin: 0; font-size: calc(var(--px) * 13); }
.sr-profil-parca { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 20px; border-top: 1px solid var(--ucuz-border); }
.sr-hedef { display: flex; align-items: flex-start; gap: 14px; }
.sr-hedef-yazi { display: grid; gap: 4px; }
.sr-hedef-yazi p { margin: 0; }
.sr-hedef-buyuk { font: 600 calc(var(--px) * 20)/calc(var(--px) * 28) var(--yt-metin); }
.sr-hedef-buyuk b { font-family: var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-hedef-yazi .sr-sonuk { font-size: calc(var(--px) * 14); }
.sr-hedef-cubuk { display: grid; gap: 8px; }
.sr-hedef-cubuk .sr-olcer { height: 10px; border-radius: 5px; }
.sr-hedef-uclar { display: flex; justify-content: space-between; gap: 8px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-variant-numeric: tabular-nums; }
.sr-hedef-uclar > b { color: var(--ucuz-metin); }
.sr-hedef-uclar > span { white-space: nowrap; }
.sr-profil-parca > .sr-not { font-size: calc(var(--px) * 14); line-height: 1.6; }
.sr-unvanlar { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.sr-unvan-say { display: inline-flex; align-items: center; gap: 8px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 14); }
.sr-unvan-say b { color: var(--ucuz-metin); font-size: calc(var(--px) * 16); }
.sr-grafik-kart { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; }
.sr-grafik-bas { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; }
.sr-grafik-bas h2, .sr-kutu h2, .sr-gunluk h2, .sr-kk-duel h2 { margin: 0; font: 600 calc(var(--px) * 20)/calc(var(--px) * 28) var(--yt-baslik); letter-spacing: normal; }
.sr-grafik-pano { display: none; }
.sr-grafik-kart > .sr-sec:nth-of-type(1):checked ~ .sr-grafik-panolar > .sr-grafik-pano:nth-child(1),
.sr-grafik-kart > .sr-sec:nth-of-type(2):checked ~ .sr-grafik-panolar > .sr-grafik-pano:nth-child(2),
.sr-grafik-kart > .sr-sec:nth-of-type(3):checked ~ .sr-grafik-panolar > .sr-grafik-pano:nth-child(3) { display: block; }
.sr-grafik-kart > .sr-sec:nth-of-type(1):checked ~ .sr-grafik-bas label:nth-of-type(1),
.sr-grafik-kart > .sr-sec:nth-of-type(2):checked ~ .sr-grafik-bas label:nth-of-type(2),
.sr-grafik-kart > .sr-sec:nth-of-type(3):checked ~ .sr-grafik-bas label:nth-of-type(3) { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.sr-grafik-kart:has(> .sr-sec:focus-visible) .sr-grafik-sekme { outline: 2px solid var(--ucuz-gold-cizgi); outline-offset: 2px; }
.sr-cizim { display: grid; gap: 10px; min-width: 0; }
.sr-cizim-bas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 12px 24px; }
.sr-cizim-bas .sr-ust-et { font-size: calc(var(--px) * 12); }
.sr-aralik { padding: 3px; }
.sr-aralik button { height: 28px; padding: 0 10px; font-size: calc(var(--px) * 13); }
.sr-cizim-alan { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; min-height: calc(clamp(190px, 26vw, 270px) + 22px); }
.sr-cizim-y { position: relative; height: clamp(190px, 26vw, 270px); }
.sr-cizim-y span, .sr-cizim-x span { position: absolute; color: var(--ucuz-sonuk3); font: 400 calc(var(--px) * 11)/1 var(--yt-sayi); font-variant-numeric: tabular-nums; white-space: nowrap; }
.sr-cizim-y span { right: 0; transform: translateY(-50%); }
.sr-cizim-govde { position: relative; min-width: 0; padding-bottom: 22px; }
.sr-cizim-govde svg { display: block; width: 100%; height: clamp(190px, 26vw, 270px); overflow: visible; }
.sr-cizim-govde .sr-izgara { stroke: var(--ucuz-border); stroke-width: 1px; }
.sr-cizim-x { position: absolute; left: 0; right: 0; bottom: 0; height: 16px; }
.sr-cizim-x span { transform: translateX(-50%); }
.sr-cizim-x span.is-ilk { transform: none; }
.sr-cizim-x span.is-son { transform: translateX(-100%); }
.sr-cizim-cizgi { position: absolute; top: 0; bottom: 22px; width: 1px; background: var(--ucuz-border-guc); opacity: 0; pointer-events: none; }
.sr-cizim-ipucu {
  position: absolute; top: 0; z-index: 3; display: grid; gap: 3px; min-width: 190px; padding: 10px 12px;
  border: 1px solid var(--ucuz-border-guc); border-radius: var(--r-lg); background: var(--ucuz-yukselti);
  box-shadow: 0 4px 4px rgba(0,0,0,.3), 0 8px 12px 6px rgba(0,0,0,.15);
  font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 18); opacity: 0; pointer-events: none; transition: opacity .15s ease-out;
}
.sr-cizim-govde.is-okuma .sr-cizim-cizgi, .sr-cizim-govde.is-okuma .sr-cizim-ipucu { opacity: 1; }
.sr-cizim-ipucu-t { margin-bottom: 3px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 12); }
.sr-cizim-ipucu-s { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 8px; color: var(--ucuz-sonuk); }
.sr-cizim-ipucu-s i { width: 10px; height: 10px; border-radius: 3px; }
.sr-cizim-ipucu-s b { color: var(--ucuz-metin); font-weight: 600; font-variant-numeric: tabular-nums; }
.sr-cizim-anahtar { display: flex; flex-wrap: wrap; gap: 6px 16px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); }
.sr-cizim-anahtar:empty { display: none; }
.sr-cizim-anahtar button { display: inline-flex; align-items: center; gap: 6px; padding: 2px 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; transition: opacity .15s ease-out; }
.sr-cizim-anahtar button.is-kapali { opacity: .4; }
.sr-cizim-anahtar button.is-kapali b { text-decoration: line-through; }
.sr-cizim-anahtar i { width: 10px; height: 10px; border-radius: 3px; }
.sr-cizim-anahtar b { color: var(--ucuz-metin); font-weight: 600; }
.sr-cizim-bos { grid-column: 1 / -1; align-self: center; padding: 48px 0; color: var(--ucuz-sonuk); text-align: center; }
.sr-iki-kutu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.sr-iki-kutu > :only-child { grid-column: 1 / -1; }
.sr-kutu { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 16px; min-width: 0; }
.sr-kutu-alt { margin: -8px 0 0; font-size: calc(var(--px) * 14); }
.sr-kutu-bag { justify-self: start; color: var(--ucuz-metin); font-size: calc(var(--px) * 14); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.sr-kutu-bag:hover { color: var(--ucuz-gold-yazi); }
.sr-merdiven { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 2px 0; margin: 0; padding: 0; list-style: none; }
.sr-merdiven li {
  display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; column-gap: 16px;
  min-height: 44px; padding: 8px 12px; border-radius: var(--r-md); font-size: calc(var(--px) * 15);
}
.sr-merdiven li:nth-child(odd) { background: color-mix(in srgb, var(--ucuz-yukselti) 50%, transparent); }
.sr-merdiven li.is-ben { background: color-mix(in srgb, var(--ucuz-gold) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ucuz-gold) 45%, transparent); }
.sr-merdiven li > span:first-child { min-width: 36px; font-variant-numeric: tabular-nums; }
.sr-merdiven-kim { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.sr-merdiven-kim .sr-ad, .sr-ben { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
.sr-ben { color: var(--ucuz-gold-yazi); }
.sr-merdiven-d { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
.sr-merdiven-fark { color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 13); text-align: right; font-variant-numeric: tabular-nums; }
.sr-merdiven li > :last-child:not(:nth-child(4)) { grid-column: 3 / -1; }
.sr-kazanc-tablo { width: 100%; border-collapse: collapse; font-size: calc(var(--px) * 14); }
.sr-kazanc-tablo th, .sr-kazanc-tablo td { padding: 9px 6px; border-bottom: 1px solid var(--ucuz-border); }
.sr-kazanc-tablo thead th { color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.sr-kazanc-tablo tbody th { color: var(--ucuz-sonuk); font-weight: 600; text-align: left; }
.sr-kazanc-tablo td { font-weight: 600; font-variant-numeric: tabular-nums; }
.sr-kazanc-tablo .is-sayi { width: 22%; text-align: right; }
.sr-kazanc-tablo tr > :first-child { padding-left: 0; }
.sr-kazanc-tablo tr > :last-child { padding-right: 0; }
.sr-zaman { display: grid; margin: 0; padding: 0; list-style: none; }
.sr-zaman li { position: relative; display: grid; gap: 2px; padding: 0 0 14px 24px; font-size: calc(var(--px) * 14); }
.sr-zaman li::before { content: ""; position: absolute; top: 5px; left: 3px; box-sizing: border-box; width: 11px; height: 11px; border: 2px solid var(--ucuz-gold); border-radius: 50%; background: var(--ucuz-panel); }
.sr-zaman li::after { content: ""; position: absolute; top: 18px; bottom: 2px; left: 8px; width: 1px; background: var(--ucuz-border-guc); }
.sr-zaman li:last-child { padding-bottom: 0; }
.sr-zaman li:last-child::after { display: none; }
.sr-zaman li > span:first-child { font-size: calc(var(--px) * 12); }
.sr-zaman li.is-sira::before { background: var(--ucuz-gold); }
.sr-zaman li.is-sira b { font-weight: 600; }
.sr-gunluk { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; padding: 0; overflow: hidden; }
.sr-gunluk-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; padding: 30px 30px 16px; }
.sr-gunluk-bas .sr-sonuk { font-size: calc(var(--px) * 14); }
.sr-tablo { width: 100%; border-collapse: separate; border-spacing: 0; }
.sr-tablo th { padding: 14px 20px 16px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 14); font-weight: 500; text-align: left; white-space: nowrap; }
.sr-tablo td { padding: 14px 20px; border-top: 1px solid var(--ucuz-border); font-size: calc(var(--px) * 16); vertical-align: middle; white-space: nowrap; }
.sr-tablo .is-sayi { text-align: right; font-variant-numeric: tabular-nums; }
.sr-tablo tbody tr td { transition: background-color .15s ease-out; }
.sr-tablo tbody tr:hover td { background: var(--ucuz-yukselti); }
.sr-tablo tr > :first-child { padding-left: 30px; }
.sr-tablo tr > :last-child { padding-right: 30px; }
.sr-adim { margin-left: 6px; font-size: calc(var(--px) * 11); }
.sr-sirala { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.sr-sirala:hover { color: var(--ucuz-metin); }
th[aria-sort] .sr-sirala::after { content: " ↑"; color: var(--ucuz-gold-yazi); }
th[aria-sort="descending"] .sr-sirala::after { content: " ↓"; }
.sr-pay { display: grid; grid-template-columns: minmax(60px, 1fr) 44px; align-items: center; gap: 8px; min-width: 120px; }
.sr-pay .sr-olcer { height: 6px; }
.sr-pay small { color: var(--ucuz-sonuk); font-size: calc(var(--px) * 12); text-align: right; }
.sr-dip { max-width: 80ch; margin: 0; font-size: calc(var(--px) * 13); line-height: calc(var(--px) * 20); }
.sr-dip a { color: var(--ucuz-gold-yazi); }

.sr-kk-bas { margin: 0; padding-top: 8px; }
.sr-kk-bas .sayfa-ozet { margin-top: 12px; }
.sr-kk-form { display: grid; grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 18px; }
.sr-kk-sunucu { min-width: 0; }
.sr-kk-alan { position: relative; min-width: 0; }
.sr-kk-ad { height: 48px; }
.sr-kk-hata { grid-column: 1 / -1; margin: 0; color: var(--ucuz-red-yazi); font-size: calc(var(--px) * 14); }
.sr-kk-hata[hidden] { display: none; }
.sr-kk-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; }
.sr-kk-orta { display: grid; justify-items: center; gap: 12px; }
.sr-kk-vs-yazi { display: block; width: 64px; height: 64px; }
.sr-kk-vs-yazi svg { display: block; width: 100%; height: 100%; overflow: visible; }
.sr-kk-vs-zemin { fill: var(--ucuz-panel); stroke: var(--ucuz-border-guc); stroke-width: 1.5; }
.sr-kk-vs-ic { fill: none; stroke: var(--ucuz-border-guc); stroke-width: 1; opacity: .6; }
.sr-kk-vs-cizgi { fill: none; stroke-width: 2.5; stroke-linecap: round; }
.sr-kk-vs-d1 { stop-color: var(--ucuz-gold); }
.sr-kk-vs-d2 { stop-color: var(--cizgi-elmo); }
.sr-kk-vs-v, .sr-kk-vs-s { font: 900 30px/1 var(--yt-ekran); }
.sr-kk-vs-v { fill: var(--ucuz-gold-yazi); }
.sr-kk-vs-s { fill: var(--cizgi-elmo); }
.sr-kk-degis { width: 40px; padding: 0; border-radius: 999px; font-size: calc(var(--px) * 16); }
.sr-kk-yan { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; min-width: 0; }
.sr-kk-yan.is-a { box-shadow: inset 0 3px 0 var(--ucuz-gold); }
.sr-kk-yan.is-b { box-shadow: inset 0 3px 0 var(--cizgi-elmo); }
.sr-kk-kim { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; }
.sr-kk-kim-ad { display: grid; gap: 4px; min-width: 0; }
.sr-kk-kim-ad .sr-sonuk { font-size: calc(var(--px) * 14); }
.sr-kk-isim { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 600 calc(var(--px) * 24)/calc(var(--px) * 32) var(--yt-metin); }
.sr-kk-istat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; padding-top: 18px; border-top: 1px solid var(--ucuz-border); }
.sr-kk-duel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.sr-kk-duel-bas { display: grid; gap: 6px; }
.sr-kk-hukum { max-width: 80ch; margin: 0; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 16); line-height: 1.65; }
.sr-kk-duel ul { display: grid; margin: 0; padding: 0; list-style: none; }
.sr-kk-duel li { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 2.4fr) minmax(100px, 1fr); align-items: center; gap: 20px; padding: 12px 0; border-top: 1px solid var(--ucuz-border); }
.sr-kk-duel li:first-child { border-top: 0; }
.sr-kk-a, .sr-kk-b { color: var(--ucuz-sonuk); font: 500 calc(var(--px) * 17)/1.3 var(--yt-sayi); font-variant-numeric: tabular-nums; }
.sr-kk-b { text-align: right; }
.sr-kk-a.is-onde { color: var(--ucuz-gold-yazi); font-weight: 700; }
.sr-kk-b.is-onde { color: var(--cizgi-elmo); font-weight: 700; }
.sr-kk-ne { display: grid; justify-items: center; gap: 8px; min-width: 0; }
.sr-kk-ne .sr-ust-et { font-size: calc(var(--px) * 12); }
.sr-kk-pay { display: flex; gap: 3px; width: 100%; height: 6px; }
.sr-kk-pay i { display: block; height: 100%; border-radius: 3px; }
.sr-kk-pay-a { background: var(--ucuz-gold); }
.sr-kk-pay-b { flex: 1; background: var(--cizgi-elmo); }

@media (max-width: 1200px) {
  .sr-kisalar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .sr-vitrin { grid-template-columns: minmax(0, 1fr); }
  .sr-profil-istat { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .sr-yanlar, .sr-ikili-kart { grid-template-columns: minmax(0, 1fr); }
  .sr-arsiv-ust { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .sr-gun-bilgi { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--ucuz-border); }
  .sr-iki-sutun { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 900px) {
  .sr-satir { grid-template-columns: 26px 28px minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 2px 12px; }
  .sr-satir .sr-no, .sr-satir .sr-kisi, .sr-satir .ulus-rozet, .sr-satir .sr-derece-kutu { grid-row: 1 / span 2; }
  .sr-satir .ulus-rozet.is-satir { --boy: 28px; }
  .sr-satir .sr-derece-kutu { width: 28px; }
  .sr-satir .sr-puan { grid-area: 1 / 4; }
  .sr-satir .sr-fark { grid-area: 2 / 4; font-size: calc(var(--px) * 12); }
  .sr-satir .sr-ek, .sr-satir .sr-hareket { display: none; }
  .sr-kursu { gap: 8px; }
  .sr-defne { width: calc(33.333% - 5.333px); }
  .sr-celenk { transform: scale(.8); }
  .sr-defne:hover .sr-celenk { transform: scale(.8); }
  .sr-defne-ad { max-width: 100%; font-size: calc(var(--px) * 15); }
  .sr-defne-ad .sr-unvan, .sr-defne-ad .sr-derece { display: none; }
  .sr-defne-puan { font-size: calc(var(--px) * 14); }
  .sr-defne-alt, .sr-defne-fark { font-size: calc(var(--px) * 11); }
  .sr-hafta-istat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-hafta-sutunlar { grid-template-columns: minmax(0, 1fr); }
  .sr-kk-form { grid-template-columns: minmax(0, 1fr); }
  .sr-kk-vs { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .sr-kk-orta { grid-auto-flow: column; justify-content: center; align-items: center; }
  .sr-kk-vs-yazi { width: 52px; height: 52px; }
  .sr-kk-duel li { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 12px; }
  .sr-kk-ne { grid-area: 1 / 1 / auto / -1; }
  .sr-tablo thead { display: none; }
  .sr-tablo, .sr-tablo tbody, .sr-tablo tr, .sr-tablo td { display: block; }
  .sr-tablo tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; padding: 12px 16px; border-top: 1px solid var(--ucuz-border); }
  .sr-tablo td { min-width: 0; padding: 0 !important; border: 0; white-space: normal; overflow-wrap: anywhere; text-align: left !important; }
  .sr-tablo td:first-child { grid-column: 1 / -1; font-weight: 600; }
  .sr-tablo td:not(:first-child)::before { content: attr(data-et); display: block; color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 12); font-weight: 400; }
  .sr-gunluk-bas { padding: 20px 16px 12px; }
  .sr-tablo.sr-uye-tablo tr {
    grid-template-columns: 34px minmax(0, 1fr) auto; grid-template-areas: "sira kim np" "sira pay dun";
    align-items: center; gap: 6px 12px; padding: 12px 16px;
  }
  .sr-tablo.sr-uye-tablo td::before { content: none; display: none; }
  .sr-tablo.sr-uye-tablo td { overflow-wrap: normal; }
  .sr-tablo.sr-uye-tablo .sr-u-sira { grid-area: sira; color: var(--ucuz-sonuk); font: 400 calc(var(--px) * 15)/1 var(--yt-sayi); font-variant-numeric: tabular-nums; text-align: center !important; }
  .sr-tablo.sr-uye-tablo .sr-u-kim { grid-area: kim; overflow: hidden; }
  .sr-tablo.sr-uye-tablo .sr-u-kim .sr-merdiven-kim { display: flex; max-width: 100%; font-size: calc(var(--px) * 15); }
  .sr-tablo.sr-uye-tablo .sr-u-pay { grid-area: pay; }
  .sr-tablo.sr-uye-tablo .sr-u-pay .sr-pay { min-width: 0; grid-template-columns: minmax(0, 1fr) 44px; }
  .sr-tablo.sr-uye-tablo .sr-u-np { grid-area: np; font: 600 calc(var(--px) * 15)/1.3 var(--yt-sayi); white-space: nowrap; text-align: right !important; }
  .sr-tablo.sr-uye-tablo .sr-u-dun { grid-area: dun; font-size: calc(var(--px) * 14); white-space: nowrap; text-align: right !important; }
}
@media (max-width: 767.98px) {
  .sr-sayfa .ic-kart:not(.sr-gunluk):not(.sr-kazanc-liste):not(.sr-kk-form):not(.sr-arsiv-tablo-kart) { padding: 20px; }
  .sr-arsiv-tablo-kart { padding: 8px 16px 12px; }
  .sr-grafik-sekme { flex: 1 1 auto; }
  .sr-grafik-sekme label { flex: 1 1 auto; justify-content: center; padding: 0 8px; font-size: calc(var(--px) * 13); }
}
@media (max-width: 760px) {
  .sr-cubuk-grup { flex: 1 1 100%; }
  .sr-bul { flex: 1 1 100%; }
  .sr-secici { flex: 1 1 140px; min-width: 0; }
  .sr-iki-kutu { grid-template-columns: minmax(0, 1fr); }
  .sr-bolum-bas h2, .sr-kazanc-baslik h2 { font-size: calc(var(--px) * 22); }
}
@media (max-width: 640px) {
  .sr-bolum { padding: 24px 0; }
  .sr-kisalar { grid-template-columns: minmax(0, 1fr); }
  .sr-istatlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-yan { padding: 16px; }
  .sr-kiyas-grafik { grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: 170px auto; }
  .sr-kiyas-ad { align-self: start; writing-mode: vertical-rl; transform: rotate(180deg); font-size: calc(var(--px) * 12); }
  .sr-esik thead, .sr-hafta-tablo thead, .sr-arsiv-tablo thead { display: none; }
  .sr-esik tr, .sr-hafta-tablo tr, .sr-arsiv-tablo tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; padding: 12px 2px; border-top: 1px solid var(--ucuz-border); }
  .sr-esik td, .sr-hafta-tablo td, .sr-arsiv-tablo td { min-width: 0; padding: 0; border: 0; text-align: left !important; white-space: normal; }
  .sr-esik td:first-child, .sr-hafta-tablo td:first-child, .sr-hafta-tablo td[data-et="Toplam kazanç"], .sr-arsiv-tablo td:first-child, .sr-arsiv-tablo td[data-et="Son okuma"] { grid-column: 1 / -1; }
  .sr-esik td[data-et]::before, .sr-hafta-tablo td[data-et]::before, .sr-arsiv-tablo td[data-et]::before { content: attr(data-et); display: block; color: var(--ucuz-sonuk3); font-size: calc(var(--px) * 11); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
  .sr-esik td[data-et="Sıra"], .sr-esik td[data-et="Ödül"], .sr-arsiv-tablo td:empty { display: none; }
  .sr-arsiv-tablo tfoot tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-esik-meta { display: inline; margin-left: auto; }
  .sr-esik-unvan { display: flex; }
  .sr-gunler { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .sr-arsiv-istat .sr-istat-d { font-size: calc(var(--px) * 20); line-height: calc(var(--px) * 28); }
  .sr-filtre.is-hazir .sr-filtre-ac { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; }
  .sr-filtre.is-hazir .sr-filtre-pano:not([open]) { display: none; }
  .sr-filtre-pano[open] {
    position: fixed; inset: auto 0 0; z-index: 1060; display: flex; flex-direction: column; width: auto; max-width: none; height: auto; max-height: 86vh;
    margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--ucuz-border); border-bottom: 0; border-radius: var(--r-xl) var(--r-xl) 0 0;
    background: var(--ucuz-panel); color: var(--ucuz-metin); box-shadow: 0 -8px 24px rgba(0,0,0,.35); animation: sr-yukari .28s cubic-bezier(.2,.7,.2,1);
  }
  .sr-filtre-pano::backdrop { background: rgba(15,15,15,.6); backdrop-filter: blur(2px); }
  .sr-filtre-pano[open] .sr-filtre-bas { position: relative; display: flex; flex: none; align-items: center; justify-content: space-between; gap: 12px; padding: 22px 20px 16px; border-bottom: 1px solid var(--ucuz-border); }
  .sr-filtre-bas b { font-size: calc(var(--px) * 16); }
  .sr-filtre-tutamak { position: absolute; top: 6px; left: 50%; width: 40px; height: 4px; margin-left: -20px; border-radius: 2px; background: var(--ucuz-border-guc); }
  .sr-filtre-kapat { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: var(--r-md); background: transparent; color: var(--ucuz-sonuk); cursor: pointer; }
  .sr-filtre-kapat:hover { background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
  .sr-filtre-pano[open] .sr-filtre-govde { display: grid; align-content: start; gap: 12px; min-height: 0; padding: 16px 20px 20px; overflow-y: auto; overscroll-behavior: contain; }
  .sr-filtre-pano[open] .sr-filtre-et { display: block; margin: 4px 0 -4px; color: var(--ucuz-sonuk); font-size: calc(var(--px) * 13); font-weight: 600; }
  .sr-filtre-pano[open] .sr-filtre-alt { display: flex; flex: none; padding: 12px 20px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ucuz-border); }
  .sr-filtre-alt .dugme { flex: 1; }
  .sr-filtre-govde .sr-cubuk-grup, .sr-filtre-govde .sr-secici { width: 100%; }
  html:has(.sr-filtre-pano[open]) { overflow: hidden; }
}
@media (max-width: 640px) and (prefers-reduced-motion: reduce) { .sr-filtre-pano[open] { animation: none; } }
@keyframes sr-yukari { from { transform: translateY(100%); } }
@media (max-width: 560px) {
  .sr-kartlar {
    grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; gap: 12px;
    margin-inline: calc(var(--bs-gutter-x, 1.5rem) * -.5); padding: 0 calc(var(--bs-gutter-x, 1.5rem) * .5) 4px;
    overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
  }
  .sr-kartlar::-webkit-scrollbar { display: none; }
  .sr-kart { padding: 20px; scroll-snap-align: start; }
  .sr-kazanc-liste { padding-inline: 16px; }
  .sr-kazanc-liste li { grid-template-columns: 26px 28px minmax(0, 1fr) 84px; gap: 10px; }
  .sr-kazanc-liste .ulus-rozet { --boy: 28px; }
  .sr-profil-istat { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .sr-profil-kim { align-items: flex-start; gap: 14px; }
  .sr-amblem { width: 48px; height: 48px; border-radius: var(--r-md); }
  .sr-amblem .sr-unvan, .sr-amblem .sr-derece { width: 30px; height: 30px; }
  .sr-merdiven { grid-template-columns: auto minmax(0, 1fr) auto; }
  .sr-merdiven li { gap: 0 12px; padding: 8px 10px; font-size: calc(var(--px) * 14); }
  .sr-merdiven li > :nth-child(-n+2) { grid-row: span 2; }
  .sr-merdiven li > .sr-merdiven-fark { grid-area: 2 / 3; font-size: calc(var(--px) * 12); }
  .sr-merdiven li > .sr-merdiven-fark:empty { display: none; }
}
@media (max-width: 420px) { .sr-hedef-uclar b { display: none; } .sr-hedef-uclar > b { display: inline; } }
@media (max-width: 500px) { .sr-cizim-x span:nth-child(2n) { display: none; } }