/* Banka giriş sınavları: tanitim.css (Tema B) üzerine sayfa bölümleri ve tam ekran sınav ekranı.
   Renk yalnızca tanitim.css değişkenlerinden; doğru/yanlış için ayrı yeşil/kırmızı (iki temada da AA). */
:root { --iyi: #15803D; --iyisoft: #DCF5E4; --kotu: #B91C1C; --kotusoft: #FDE4E4; --isaret: #B45309; --isaretsoft: #FEF3C7; }
:root[data-theme="dark"] { --iyi: #4ADE80; --iyisoft: #12321F; --kotu: #FF8A80; --kotusoft: #3A1A19; --isaret: #FFB45C; --isaretsoft: #3A2A12; }

.bk-ust { padding-top: 24px; }
.bk-band { grid-template-columns: 1.2fr .8fr; }

/* Geri sayım kartı */
.bk-sayac { position: relative; justify-self: end; width: min(100%, 330px); background: var(--paper); color: var(--ink); border-radius: 18px; padding: 18px;
  box-shadow: 0 6px 0 rgba(0,0,0,.18), 0 24px 50px -20px rgba(0,0,0,.45); }
.bk-sayac small { display: block; font-size: 12px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; color: var(--ink3); }
.bk-sayac > b { display: block; margin: 4px 0 2px; font-size: 18px; font-weight: 900; line-height: 1.25; }
.bk-sayac p { margin: 0; font-size: 13.5px; color: var(--ink2); }
.bk-geri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 14px 0; }
.bk-geri div { text-align: center; padding: 10px 4px; border-radius: 12px; background: var(--accsoft); }
.bk-geri b { display: block; font-size: 26px; font-weight: 900; color: var(--acc); font-variant-numeric: tabular-nums; line-height: 1.1; }
.bk-geri span { font-size: 12px; font-weight: 800; color: var(--ink2); }
.bk-sayac .d { width: 100%; min-height: 44px; }

/* İlan kartları */
.bk-ilanlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
.bk-ilan { display: flex; flex-direction: column; background: var(--paper); border:1px solid var(--line); border-radius: var(--r); box-shadow:var(--g1); overflow: hidden; }
.bk-ilan.yakin { border-color: var(--acc); box-shadow:var(--g1); }
.bk-ilan-bas { display: flex; align-items: flex-start; gap: 12px; padding: 18px 18px 12px; }
.bk-ilan-bas > svg { width: 30px; height: 30px; color: var(--acc); flex-shrink: 0; stroke-width: 1.8; }
.bk-ilan-bas div { flex: 1; min-width: 0; }
.bk-ilan-bas h3 { margin: 0; font-size: 18px; font-weight: 900; line-height: 1.25; }
.bk-ilan-bas p { margin: 2px 0 0; font-size: 14px; color: var(--ink2); font-weight: 700; }
.bk-durum { flex-shrink: 0; font-size: 12px; font-weight: 900; padding: 4px 10px; border-radius: 99px; white-space: nowrap; }
.bk-durum.yakin { color: var(--onacc); background: var(--acc); }
.bk-durum.bitti { color: var(--ink3); background: var(--bg2); }
.bk-ilan-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 18px; margin: 0; }
.bk-ilan-g div { padding: 10px 12px; background: var(--bg); border-radius: 12px; min-width: 0; }
.bk-ilan-g dt { font-size: 11.5px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; color: var(--ink3); }
.bk-ilan-g dd { margin: 2px 0 0; font-size: 14.5px; font-weight: 800; overflow-wrap: anywhere; }
.bk-ilan-n { margin: 12px 18px 0; font-size: 14px; color: var(--ink2); }
.bk-ilan-k { margin-top: auto; padding: 14px 18px 16px; font-size: 13px; color: var(--ink3); font-weight: 700; display: flex; flex-wrap: wrap; gap: 4px 12px; }
.bk-ilan-k a { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; color: var(--acc); text-decoration: none; font-weight: 800; }
.bk-ilan-k a:hover { text-decoration: underline; }
.bk-ilan-k a svg { width: 15px; height: 15px; }
.bk-ilan-k em { font-style: normal; font-size: 11px; color: var(--ink3); background: var(--bg2); padding: 2px 7px; border-radius: 99px; }

/* Sınav yapısı: yığılmış çubuk */
.bk-yapi { display: grid; gap: 12px; }
.bk-y { background: var(--paper); border:1px solid var(--line); border-radius: var(--r); box-shadow:var(--g1); }
.bk-y > button { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 14px; align-items: center; width: 100%; padding: 16px 18px;
  border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; border-radius: var(--r); }
.bk-y-ad b { display: block; font-size: 16.5px; font-weight: 900; line-height: 1.3; }
.bk-y-ad small { font-size: 13px; color: var(--ink3); font-weight: 700; }
.bk-y-top { text-align: right; font-weight: 900; font-size: 15px; white-space: nowrap; }
.bk-y-top small { display: block; font-size: 12px; color: var(--ink3); font-weight: 700; }
.bk-cubuk { grid-column: 1 / -1; display: flex; height: 30px; border-radius: 10px; overflow: hidden; gap: 2px; }
.bk-cubuk i { display: grid; place-items: center; min-width: 0; font-style: normal; font-size: 12px; font-weight: 900; color: #fff; overflow: hidden; white-space: nowrap; }
.bk-y-ac { padding: 0 18px 16px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.bk-y-ac[hidden] { display: none; }
.bk-y-ac ul { list-style: none; margin: 0; padding: 0; }
.bk-y-ac li { display: flex; align-items: center; gap: 10px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 14.5px; }
.bk-y-ac li:first-child { border-top: 0; }
.bk-y-ac li span { flex: 1; }
.bk-y-ac li i { width: 12px; height: 12px; border-radius: 4px; flex-shrink: 0; }
.bk-y-ac li b { font-variant-numeric: tabular-nums; }
.bk-y-ac h4 { margin: 0 0 6px; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--ink3); }
.bk-y-ac p { margin: 0 0 8px; font-size: 14.5px; color: var(--ink2); }
.bk-ok { width: 22px; height: 22px; color: var(--ink3); transition: transform .2s; }
.bk-y.acik .bk-ok { transform: rotate(180deg); }
.r-gy { background: #0F766E; } .r-gk { background: #7C3AED; } .r-en { background: #2563EB; } .r-al { background: #C2410C; }
:root[data-theme="dark"] .r-gy { background: #14A396; } :root[data-theme="dark"] .r-gk { background: #8B5CF6; }
:root[data-theme="dark"] .r-en { background: #3B82F6; } :root[data-theme="dark"] .r-al { background: #EA580C; }

/* Konu haritası */
.bk-harita { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.bk-h { background: var(--paper); border:1px solid var(--line); border-radius: var(--r); box-shadow:var(--g1); padding: 18px; }
.bk-h-bas { display: flex; align-items: center; gap: 10px; }
.bk-h-bas i { width: 12px; height: 32px; border-radius: 6px; flex-shrink: 0; }
.bk-h-bas h3 { margin: 0; font-size: 18px; font-weight: 900; flex: 1; }
.bk-h-bas small { font-size: 12.5px; font-weight: 800; color: var(--ink3); white-space: nowrap; }
.bk-h > p { margin: 8px 0 12px; font-size: 14px; color: var(--ink2); }
.bk-h ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.bk-h li a, .bk-h li > div { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 12px; border-radius: 12px; background: var(--bg);
  text-decoration: none; color: var(--ink); border:1px solid transparent; }
.bk-h li a:hover { border-color: var(--acc); }
.bk-h li span { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.bk-h li b { font-weight: 800; }
.bk-h li small { font-size: 12.5px; color: var(--ink3); font-weight: 700; }
.bk-h li em { font-style: normal; font-size: 11.5px; font-weight: 800; padding: 3px 8px; border-radius: 99px; white-space: nowrap; color: var(--acc); background: var(--accsoft); }
.bk-h li em.yok { color: var(--vurgu); background: var(--vurgusoft); }
.bk-h li svg { width: 18px; height: 18px; color: var(--ink3); flex-shrink: 0; }
.bk-bankalar { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 3px; }
.bk-bankalar u { text-decoration: none; font-size: 11px; font-weight: 800; color: var(--ink2); background: var(--bg2); padding: 1px 7px; border-radius: 99px; }

/* Deneme kartları */
.bk-ozet { display: flex; gap: 8px; flex-wrap: wrap; }
.bk-ozet span { padding: 8px 12px; border-radius: 12px; background: var(--paper); border:1px solid var(--line); font-size: 13px; font-weight: 800; color: var(--ink2); }
.bk-ozet b { color: var(--acc); font-size: 15px; }
.bk-denemeler { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.bk-dk { display: flex; flex-direction: column; border-radius: var(--r); background: var(--paper); border:1px solid var(--line); box-shadow:var(--g1);
  overflow: hidden; transition: transform .15s, border-color .15s; min-width: 0; }
.bk-dk:hover { border-color: var(--acc); transform: translateY(-2px); }
.bk-dk:has(.bk-dk-ana:active) { transform: translateY(1px); box-shadow: none; }
.bk-dk-ana { flex: 1; display: flex; flex-direction: column; gap: 6px; min-height: 150px; padding: 16px; border: 0; background: transparent; text-align: left;
  color: var(--ink); font: inherit; cursor: pointer; min-width: 0; }
.bk-dk-ana:focus-visible, .bk-dk-tekrar:focus-visible { outline: 3px solid var(--acc); outline-offset: -3px; }
.bk-dk-ust { display: flex; align-items: center; justify-content: space-between; gap: 4px 8px; flex-wrap: wrap; min-width: 0; }
.bk-dk-no { font-size: 13px; font-weight: 800; color: var(--ink3); letter-spacing: .4px; text-transform: uppercase; }
.bk-dk-ana > b { font-size: 20px; font-weight: 900; }
.bk-dk-et { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 900; padding: 3px 9px; border-radius: 99px; white-space: nowrap; }
.bk-dk-et svg { width: 13px; height: 13px; flex-shrink: 0; }
.bk-dk-et.acik { color: var(--acc); background: var(--accsoft); }
.bk-dk-et.kilit { color: var(--ink3); background: var(--bg2); }
.bk-dk-et.devam { color: var(--isaret); background: var(--isaretsoft); }
.bk-dk-et.bitti { color: var(--iyi); background: var(--iyisoft); }
.bk-dk-alt { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--ink2); font-weight: 700; min-width: 0; }
.bk-dk-cta { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 12px; border-radius: 12px;
  font-size: 15px; font-weight: 900; background: var(--acc); color: var(--onacc); }
.bk-dk-cta svg { width: 18px; height: 18px; flex-shrink: 0; }
.bk-dk-ana:hover .bk-dk-cta { background: var(--acc2); }
.bk-dk.bitti .bk-dk-cta { background: var(--accsoft); color: var(--acc); }
.bk-dk.kilit .bk-dk-cta { background: var(--bg2); color: var(--ink2); }
.bk-dk.bitti .bk-dk-ana:hover .bk-dk-cta, .bk-dk.kilit .bk-dk-ana:hover .bk-dk-cta { background: var(--bg2); }
.bk-dk-tekrar { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 0; border-top: 1px solid var(--line);
  background: transparent; color: var(--ink2); font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }
.bk-dk-tekrar svg { width: 17px; height: 17px; }
.bk-dk-tekrar:hover { color: var(--acc); background: var(--accsoft); }
.bk-coz-d svg { width: 18px; height: 18px; }
.bk-halka { width: 46px; height: 46px; flex-shrink: 0; }
.bk-halka circle { fill: none; stroke-width: 5; }
.bk-halka .z { stroke: var(--bg2); }
.bk-halka .dl { stroke: var(--acc); stroke-linecap: round; transform: rotate(-90deg); transform-origin: 50% 50%; }
.bk-halka text { fill: var(--ink); stroke: none; font-size: 13px; font-weight: 900; text-anchor: middle; dominant-baseline: central; font-family: inherit; }
.bk-dk-alt .cizgi { flex: 1; height: 8px; border-radius: 99px; background: var(--bg2); overflow: hidden; }
.bk-dk-alt .cizgi i { display: block; height: 100%; background: var(--isaret); border-radius: inherit; }

.bk-adimlar li p { font-size: 15px; }
.alt { margin-top: 56px; padding: 24px 0; }
.alt-son { margin-top: 0; padding-top: 0; border-top: 0; }
.alt-son a { color: var(--acc); font-weight: 800; }

/* ===================== SINAV EKRANI ===================== */
body.sv-acik { overflow: hidden; }
.sv { position: fixed; inset: 0; z-index: 40; display: flex; flex-direction: column; background: var(--bg); }
.sv[hidden] { display: none; }
.sv-ust { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 8px max(16px, env(safe-area-inset-left)); background: var(--paper); border-bottom:1px solid var(--line); }
.sv-bas { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.sv-bas b { font-size: 16px; font-weight: 900; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sv-bas small { font-size: 12.5px; color: var(--ink3); font-weight: 800; }
.sv-saat { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px; border-radius: 12px; background: var(--accsoft); color: var(--acc);
  font-weight: 900; font-size: 17px; font-variant-numeric: tabular-nums; }
.sv-saat.az { background: var(--isaretsoft); color: var(--isaret); }
.sv-saat.bitti { background: var(--kotusoft); color: var(--kotu); }
.sv-bitir { min-height: 44px; padding: 0 18px; }
.sv-cubuk { height: 5px; background: var(--bg2); }
.sv-cubuk i { display: block; height: 100%; width: 0; background: var(--acc); transition: width .25s; }
.sv-govde { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 340px; }
.sv-sol { overflow-y: auto; padding: 24px 32px 40px; -webkit-overflow-scrolling: touch; }
.sv-sol > * { max-width: 780px; margin-left: auto; margin-right: auto; }

/* Soru */
.sv-sb { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.sv-no { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 8px; border-radius: 12px; background: var(--acc); color: var(--onacc); font-weight: 900; font-size: 18px; }
.sv-sb > span:not(.sv-no) { flex: 1; font-size: 13.5px; font-weight: 800; color: var(--ink3); }
.sv-isaret { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 12px; border:1px solid var(--line);
  background: var(--paper); color: var(--ink2); font: inherit; font-weight: 800; font-size: 14px; cursor: pointer; }
.sv-isaret svg { width: 18px; height: 18px; }
.sv-isaret[aria-pressed="true"] { border-color: var(--isaret); background: var(--isaretsoft); color: var(--isaret); }
.sv-isaret[aria-pressed="true"] svg { fill: currentColor; }
.sv-kok { margin: 0 0 18px; padding: 20px 22px; background: var(--paper); border:1px solid var(--line); border-radius: var(--r);
  font-size: 17.5px; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; }
.sv-siklar { display: grid; gap: 10px; }
.sv-sik { display: flex; align-items: stretch; border-radius: 14px; background: var(--paper); border:1px solid var(--line); box-shadow:var(--g1); transition: border-color .12s, background-color .12s; }
.sv-sik > button:first-child { flex: 1; display: flex; align-items: flex-start; gap: 12px; min-height: 56px; padding: 12px 14px; border: 0; background: transparent;
  color: var(--ink); font: inherit; font-size: 16px; text-align: left; cursor: pointer; border-radius: 12px; min-width: 0; }
.sv-harf { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; border:1px solid var(--line2); font-weight: 900; font-size: 14px; color: var(--ink2); }
.sv-sik span.m { flex: 1; min-width: 0; padding-top: 4px; white-space: pre-line; overflow-wrap: anywhere; }
.sv-ele { width: 48px; flex-shrink: 0; border: 0; border-left: 2px solid var(--line); background: transparent; color: var(--ink3); cursor: pointer; border-radius: 0 12px 12px 0; }
.sv-ele svg { width: 18px; height: 18px; }
.sv-ele:hover { color: var(--kotu); }
.sv-sik.secili { border-color: var(--acc); background: var(--accsoft); box-shadow:var(--g1); }
.sv-sik.secili .sv-harf { background: var(--acc); border-color: var(--acc); color: var(--onacc); }
.sv-sik.elendi span.m { text-decoration: line-through; color: var(--ink3); }
.sv-sik.elendi .sv-harf { opacity: .45; }
.sv-sik.elendi .sv-ele { color: var(--kotu); }
.sv-sik.dogru { border-color: var(--iyi); background: var(--iyisoft); box-shadow:var(--g1); }
.sv-sik.dogru .sv-harf { background: var(--iyi); border-color: var(--iyi); color: #fff; }
.sv-sik.yanlis { border-color: var(--kotu); background: var(--kotusoft); box-shadow:var(--g1); }
.sv-sik.yanlis .sv-harf { background: var(--kotu); border-color: var(--kotu); color: #fff; }
:root[data-theme="dark"] .sv-sik.dogru .sv-harf, :root[data-theme="dark"] .sv-sik.yanlis .sv-harf { color: #10201A; }
.sv-sik .etk { align-self: center; margin-right: 12px; font-size: 12px; font-weight: 900; white-space: nowrap; }
.sv-gerekce { margin-top: 16px; padding: 16px 18px; border-radius: var(--r); background: var(--paper); border:1px solid var(--line); }
.sv-gerekce h4 { margin: 16px 0 8px; font-size: 13px; letter-spacing: .5px; text-transform: uppercase; color: var(--acc); }
.sv-gerekce small { display: block; margin-top: 12px; color: var(--ink3); font-weight: 700; overflow-wrap: anywhere; }
.sv-cevaplar { display: grid; gap: 8px; }
.sv-cevaplar .cv { display: flex; align-items: flex-start; gap: 8px; margin: 0; padding: 10px 12px; border-radius: 12px; font-size: 15.5px; line-height: 1.5;
  background: var(--bg2); color: var(--ink); border: 1px solid transparent; }
.sv-cevaplar .cv svg { width: 18px; height: 18px; flex-shrink: 0; margin-top: 2px; }
.sv-cevaplar .cv b { flex-shrink: 0; font-weight: 900; }
.sv-cevaplar .cv span { flex: 1; min-width: 0; white-space: pre-line; overflow-wrap: anywhere; font-weight: 700; }
.sv-cevaplar .cv.dogru { background: var(--iyisoft); border-color: var(--iyi); }
.sv-cevaplar .cv.dogru svg, .sv-cevaplar .cv.dogru b { color: var(--iyi); }
.sv-cevaplar .cv.yanlis { background: var(--kotusoft); border-color: var(--kotu); }
.sv-cevaplar .cv.yanlis svg, .sv-cevaplar .cv.yanlis b { color: var(--kotu); }
.sv-acik-metin p { margin: 0 0 12px; font-size: 16px; line-height: 1.75; color: var(--ink); overflow-wrap: anywhere; }
.sv-acik-metin p:last-child { margin-bottom: 0; }
.sv-acik-metin p.etiketli b { font-weight: 900; color: var(--band1); }
:root[data-theme="dark"] .sv-acik-metin p.etiketli b { color: var(--ink); }
.sv-kisa { margin: 18px 0 0; font-size: 12.5px; color: var(--ink3); text-align: center; }
.sv-kisa kbd { font-family: inherit; font-weight: 800; padding: 1px 6px; border-radius: 6px; border: 1.5px solid var(--line2); background: var(--paper); }

/* Optik form */
.sv-optik { overflow-y: auto; background: var(--paper); border-left: 2px solid var(--line); padding: 16px 16px 24px; }
.sv-optik h3 { margin: 0 0 4px; font-size: 16px; font-weight: 900; }
.sv-lejant { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 12px; font-size: 12px; color: var(--ink3); font-weight: 700; }
.sv-lejant span { display: inline-flex; align-items: center; gap: 5px; }
.sv-lejant i { width: 10px; height: 10px; border-radius: 50%; }
.sv-grup { margin-top: 12px; font-size: 12px; font-weight: 900; letter-spacing: .6px; text-transform: uppercase; color: var(--ink3); padding-bottom: 6px; border-bottom:1px solid var(--line); }
.sv-sat { display: flex; align-items: center; gap: 4px; padding: 3px 4px; border-radius: 10px; }
.sv-sat.su-an { background: var(--accsoft); }
.sv-sat > button.n { width: 34px; min-height: 36px; border: 0; background: transparent; color: var(--ink2); font: inherit; font-weight: 900; font-size: 13.5px; cursor: pointer;
  text-align: right; padding: 0 6px 0 0; position: relative; font-variant-numeric: tabular-nums; }
.sv-sat > button.n.isaretli::before { content: ''; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--isaret); }
.sv-kab { width: 34px; height: 34px; padding: 0; border-radius: 50%; border:1px solid var(--line2); background: var(--paper); color: var(--ink3);
  font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; flex-shrink: 0; }
.sv-kab:hover { border-color: var(--acc); }
.sv-kab.dolu { background: var(--acc); border-color: var(--acc); color: var(--onacc); }
.sv-kab.dogru { background: var(--iyi); border-color: var(--iyi); color: #fff; }
.sv-kab.yanlis { background: var(--kotu); border-color: var(--kotu); color: #fff; }
.sv-kab.ele { text-decoration: line-through; opacity: .5; }
.sv-optik-d, .sv-alt { display: none; }

/* Sonuç */
.sn-ust { display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center; padding: 22px; border-radius: 22px; color: var(--bandyazi);
  background: var(--band1); box-shadow:var(--g1); }
.sn-halka { width: 132px; height: 132px; }
.sn-halka circle { fill: none; stroke-width: 11; }
.sn-halka .z { stroke: rgba(255,255,255,.18); }
.sn-halka .dl { stroke: #fff; stroke-linecap: round; transform: rotate(-90deg); transform-origin: 50% 50%; transition: stroke-dashoffset .8s ease-out; }
.sn-halka text { fill: #fff; stroke: none; text-anchor: middle; font-family: inherit; }
.sn-ust h2 { color: inherit; font-size: clamp(22px, 3vw, 28px); }
.sn-ust p { margin: 6px 0 0; opacity: .92; }
.sn-baraj { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.sn-baraj span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 99px; background: rgba(255,255,255,.14); font-size: 13px; font-weight: 800; }
.sn-baraj span svg { width: 15px; height: 15px; stroke-width: 3; }
.sn-baraj span.gecti { background: rgba(255,255,255,.92); color: #15304B; }
.sn-k { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 16px 0; }
.sn-k div { padding: 14px; border-radius: 14px; background: var(--paper); border:1px solid var(--line); }
.sn-k b { display: block; font-size: 24px; font-weight: 900; font-variant-numeric: tabular-nums; line-height: 1.15; }
.sn-k span { font-size: 12.5px; font-weight: 800; color: var(--ink3); }
.sn-k .iyi b { color: var(--iyi); } .sn-k .kotu b { color: var(--kotu); }
.sn-kutu { margin-top: 16px; padding: 18px; border-radius: var(--r); background: var(--paper); border:1px solid var(--line); }
.sn-kutu h3 { margin: 0 0 12px; font-size: 17px; font-weight: 900; }
.sn-kutu > p { margin: -6px 0 12px; font-size: 14px; color: var(--ink2); }
.sn-bolum { display: grid; grid-template-columns: 90px minmax(0, 1fr) 70px; gap: 12px; align-items: center; padding: 8px 0; font-size: 14.5px; }
.sn-bolum b { font-weight: 900; }
.sn-bolum em { font-style: normal; text-align: right; font-weight: 900; font-variant-numeric: tabular-nums; }
.sn-cubuk { position: relative; height: 14px; border-radius: 99px; background: var(--bg2); overflow: visible; display: flex; }
.sn-cubuk i { display: block; height: 100%; }
.sn-cubuk i:first-child { border-radius: 99px 0 0 99px; }
.sn-cubuk i.cd { background: var(--iyi); } .sn-cubuk i.cy { background: var(--kotu); }
.sn-konu { list-style: none; margin: 0; padding: 0; }
.sn-konu li { padding: 10px 0; border-top: 1px solid var(--line); }
.sn-konu li:first-child { border-top: 0; }
.sn-konu li > div:first-child { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; font-size: 14.5px; }
.sn-konu li b { font-weight: 800; }
.sn-konu li em { margin-left: auto; font-style: normal; font-weight: 900; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sn-konu .oncelik { font-size: 11px; font-weight: 900; color: var(--isaret); background: var(--isaretsoft); padding: 2px 7px; border-radius: 99px; white-space: nowrap; }
.sn-konu .zayif .sn-mini i { background: var(--isaret); }
.sn-mini { height: 8px; border-radius: 99px; background: var(--bg2); overflow: hidden; }
.sn-mini i { display: block; height: 100%; background: var(--acc); border-radius: inherit; }
.sn-filtre { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.sn-filtre button { min-height: 40px; padding: 0 14px; border-radius: 99px; border:1px solid var(--line); background: var(--paper); color: var(--ink2); font: inherit; font-weight: 800; font-size: 13.5px; cursor: pointer; }
.sn-filtre button[aria-pressed="true"] { border-color: var(--acc); background: var(--accsoft); color: var(--acc); }
.sn-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.sn-liste > li { min-width: 0; }
.sn-s { border-radius: 14px; border:1px solid var(--line); background: var(--paper); min-width: 0; }
.sn-s > summary { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 8px 12px; cursor: pointer; list-style: none; border-radius: 14px; }
.sn-s > summary::-webkit-details-marker { display: none; }
.sn-s > summary:hover { background: var(--bg); }
.sn-s > summary:focus-visible { outline: 3px solid var(--acc); outline-offset: -3px; }
.sn-s > summary .ac-ok { width: 20px; height: 20px; color: var(--ink3); flex-shrink: 0; transition: transform .2s; }
.sn-s[open] > summary .ac-ok { transform: rotate(180deg); }
.sn-s > summary .isr { width: 16px; height: 16px; color: var(--isaret); flex-shrink: 0; }
.sn-s-ic { padding: 4px 14px 16px; }
.sn-s-ic .sn-kok { margin: 0 0 12px; padding: 14px 16px; font-size: 15.5px; line-height: 1.6; background: var(--bg); }
.sn-s-ic .sv-gerekce { margin-top: 0; }
.sn-s-ac { margin-top: 12px; min-height: 44px; padding: 0 16px; font-size: 14px; }
.sn-kutu-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.sn-kutu-bas h3 { margin: 0; }
.sn-hepsi { min-height: 44px; padding: 0 14px; font-size: 14px; }
.sn-liste .n { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; font-weight: 900; font-size: 13.5px; flex-shrink: 0; color: #fff; background: var(--ink3); }
.sn-liste .n.nd { background: var(--iyi); } .sn-liste .n.ny { background: var(--kotu); }
:root[data-theme="dark"] .sn-liste .n { color: #10201A; }
.sn-liste span.t { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.sn-liste span.t b { font-size: 14px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sn-liste span.t small { font-size: 12px; color: var(--ink3); font-weight: 700; }
.sn-gecmis { list-style: none; margin: 0; padding: 0; }
.sn-gecmis li { display: flex; gap: 10px; padding: 8px 0; border-top: 1px solid var(--line); font-size: 14px; }
.sn-gecmis li:first-child { border-top: 0; }
.sn-gecmis li span { flex: 1; color: var(--ink2); }
.sn-gecmis li b { font-variant-numeric: tabular-nums; }
.sn-d { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.sn-d .d { flex: 1 1 200px; }
.sv-inc-ust { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.sv-inc-ust .d { min-height: 40px; padding: 0 14px; font-size: 14px; }
.sv-inc-ust span { font-size: 13px; font-weight: 800; color: var(--ink3); }
.sv-inc-gez { display: flex; gap: 10px; margin-top: 18px; }
.sv-inc-gez .d { flex: 1; }

/* Uyarı / kilit */
.sv-kilit { max-width: 520px !important; margin-top: 8vh !important; text-align: center; padding: 32px 24px; border-radius: 22px; background: var(--paper); border:1px solid var(--line); box-shadow:var(--g1); }
.sv-kilit > svg { width: 48px; height: 48px; color: var(--acc); stroke-width: 1.6; }
.sv-kilit h2 { margin: 10px 0 8px; }
.sv-kilit p { margin: 0 0 20px; color: var(--ink2); }
.sv-kilit .d { width: 100%; }

/* Onay penceresi */
.bk-modal { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: 16px; background: rgba(8, 18, 20, .55); }
.bk-modal[hidden] { display: none; }
.bk-modal-k { width: min(100%, 440px); padding: 22px; border-radius: 20px; background: var(--paper); border:1px solid var(--line); box-shadow: 0 6px 0 var(--line), 0 30px 60px -20px rgba(0,0,0,.5); }
.bk-modal-k h3 { margin: 0 0 8px; font-size: 20px; font-weight: 900; }
.bk-modal-k p { margin: 0 0 8px; color: var(--ink2); }
.bk-modal-ozet { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0 4px; }
.bk-modal-ozet div { text-align: center; padding: 10px 4px; border-radius: 12px; background: var(--bg); }
.bk-modal-ozet b { display: block; font-size: 22px; font-weight: 900; }
.bk-modal-ozet span { font-size: 12px; font-weight: 800; color: var(--ink3); }
.bk-modal-d { display: flex; gap: 10px; margin-top: 16px; }
.bk-modal-d .d { flex: 1; padding: 0 12px; }

/* Tablet */
@media (max-width: 1020px) {
  .bk-band { grid-template-columns: 1fr; }
  .bk-sayac { justify-self: stretch; width: 100%; }
  .sv-govde { grid-template-columns: minmax(0, 1fr) 300px; }
  .sv-sol { padding: 20px; }
}
/* Telefon */
@media (max-width: 720px) {
  body { padding-bottom: 0; }
  .bk-ust { padding-top: 14px; }
  .bk-ilanlar { grid-template-columns: 1fr; }
  .bk-harita { grid-template-columns: 1fr; }
  .bk-denemeler { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .bk-dk-ana { min-height: 132px; padding: 12px; }
  .bk-dk-ana > b { font-size: 17px; }
  .bk-dk-cta { font-size: 14px; padding: 0 8px; }
  .sv-gerekce { padding: 14px; }
  .sn-s-ic { padding: 4px 10px 14px; }
  .sv-cevaplar .cv { flex-wrap: wrap; font-size: 15px; }
  .sv-acik-metin p { font-size: 15.5px; }
  .bk-y-ac { grid-template-columns: 1fr; }
  .bk-y > button { padding: 14px; }
  .bk-cubuk i { font-size: 11px; }

  .sv-ust { min-height: 56px; gap: 6px; padding: 6px 10px; }
  .sv-bas b { font-size: 14.5px; }
  .sv-saat { font-size: 15px; padding: 0 9px; min-height: 36px; }
  .sv-bitir { padding: 0 12px; font-size: 14px; }
  .sv-govde { grid-template-columns: 1fr; }
  .sv-sol { padding: 14px 14px 24px; }
  .sv-kok { padding: 16px; font-size: 16.5px; }
  .sv-sik > button:first-child { font-size: 15.5px; padding: 10px 12px; gap: 10px; }
  .sv-kisa { display: none; }
  .sv-optik { position: fixed; left: 0; right: 0; bottom: 0; z-index: 3; max-height: 72vh; border-left: 0; border-top:1px solid var(--line);
    border-radius: 20px 20px 0 0; box-shadow: 0 -20px 40px -20px rgba(0,0,0,.35); transform: translateY(105%); transition: transform .25s ease;
    padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
  .sv.optik-acik .sv-optik { transform: none; }
  .sv-perde { position: fixed; inset: 0; z-index: 2; background: rgba(8,18,20,.45); }
  .sv-perde[hidden] { display: none; }
  .sv-alt { display: flex; position: relative; z-index: 4; gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: var(--paper); border-top:1px solid var(--line); }
  .sv-g { width: 56px; min-height: 52px; border-radius: 14px; border:1px solid var(--line); background: var(--paper); color: var(--ink); cursor: pointer; box-shadow:var(--g1); }
  .sv-g:disabled { opacity: .4; }
  .sv-g svg { width: 22px; height: 22px; }
  .sv-optik-d { display: flex; flex: 1; align-items: center; justify-content: center; gap: 8px; min-height: 52px; border-radius: 14px; border:1px solid var(--acc);
    background: var(--accsoft); color: var(--acc); font: inherit; font-weight: 800; font-size: 14.5px; cursor: pointer; }
  .sv-optik-d svg { width: 20px; height: 20px; }
  .sv.sonuc .sv-alt, .sv.sonuc .sv-optik { display: none; }
  .sn-ust { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 20px 16px; }
  .sn-baraj { justify-content: center; }
  .sn-k { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sn-bolum { grid-template-columns: 70px minmax(0, 1fr) 56px; gap: 8px; }
  .sn-liste { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 721px) { .sv.sonuc .sv-govde { grid-template-columns: 1fr; } .sv.sonuc .sv-optik { display: none; } .sv.incele .sv-optik { display: block; } }
@media (max-width: 380px) { .bk-denemeler { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bk-dk-no { font-size: 11.5px; } .bk-geri b { font-size: 22px; } }
@media (prefers-reduced-motion: reduce) { .sv-optik, .sn-halka .dl { transition: none; } }
.bk-h li span.bk-bankalar { flex-direction: row; flex: none; }
.bk-dk-ust { min-height: 24px; }
button, input { font-family: inherit; }
.sv-kok p { margin: 0; }
.sv-kok p + p, .sv-kok p + .sv-tablo, .sv-kok .sv-tablo + p { margin-top: 12px; }
.sv-tablo { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; font-size: 15px; white-space: nowrap; }
.sv-tablo th, .sv-tablo td { padding: 7px 12px; border: 1.5px solid var(--line); text-align: left; font-variant-numeric: tabular-nums; }
.sv-tablo th { background: var(--bg2); font-weight: 900; }
.sv-tablo td:not(:first-child), .sv-tablo th:not(:first-child) { text-align: right; }
.sv-kok { white-space: normal; }
.sv-kok p { white-space: pre-line; }

.sv [hidden], .bk-modal [hidden] { display: none !important; }
.bk-seri-alt { margin: -8px 0 12px; font-size: 14px; font-weight: 800; color: var(--ink2); }
.bk-ozet:empty { display: none; }
.bk-ozet { margin-bottom: 12px; }
.sv-metin { margin: 0 0 12px; padding: 4px 0 0; }
.sv-metin > small { display: block; margin: 0 0 6px; font-size: 12px; font-weight: 900; letter-spacing: .5px; text-transform: uppercase; color: var(--ink3); }
.sv-metin .sv-kok { margin: 0; background: var(--bg2); border-style: dashed; font-size: 16px; }
.sv-ust { position: relative; z-index: 5; }

/* Mülakat tüyoları */
.mk-b { margin: 22px 0 10px; font-size: 18px; font-weight: 900; }
.mk-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; max-width: 900px; }
.mk-liste li { background: var(--paper); border:1px solid var(--line); border-radius: var(--r); padding: 14px 16px; line-height: 1.6; color: var(--ink2); font-size: 15.5px; }
.mk-liste li b { display: block; color: var(--ink); margin-bottom: 4px; font-size: 16px; }
.mk-oneri { counter-reset: mk; }
.mk-oneri li { position: relative; padding-left: 52px; }
.mk-oneri li::before { counter-increment: mk; content: counter(mk); position: absolute; left: 14px; top: 14px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--accsoft); color: var(--acc2); font-weight: 900; font-size: 14px; }

/* Phosphor (regular) ikonları dolgu ile çizilir: çizgi ikon için yazılmış fill:none/stroke kuralları bunları gizlemesin.
   Renk, eski stroke renginden türetilen color kurallarıyla (yukarıda, her kuralın hemen ardında) gelir. */
svg[viewBox="0 0 256 256"]:not(#ph-yok),svg[viewBox="0 0 256 256"]:not(#ph-yok) path{fill:currentColor !important;stroke:none !important}

/* Dokunmatik ekranda kaynak bağlantıları ve üst menü en az 44 px (22.10.2026 tablet denetimi) */
@media (pointer: coarse) {
  .bk-ilan-k a { display: inline-flex; align-items: center; min-height: 44px; }
  .ust-nav a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; justify-content: center; }
}