/* /kpss/* tanıtım sayfaları (scripts/seo_sayfalar.py) — tanitim.css değişkenlerini kullanır */
.seo{padding-top:16px}
.seo-kir{font-size:13px;color:var(--ink3);margin:8px 0 18px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.seo-kir a{color:var(--ink2);text-decoration:none;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.seo-kir a:hover{color:var(--acc)}
.seo-bas{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px}
.seo-ust{margin:0 0 6px;font-size:12.5px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;color:var(--acc2)}
.seo-bas h1{margin:0 0 10px;font-size:clamp(26px,4vw,40px);line-height:1.15;letter-spacing:-.6px;font-weight:900}
.seo-bas>p{margin:0;color:var(--ink2);font-size:16px;line-height:1.6;max-width:70ch}
.seo-say{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.seo-say li{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 8px;text-align:center}
.seo-say b{display:block;font-size:22px;font-weight:900;color:var(--ink)}
.seo-say span{font-size:12px;color:var(--ink3);font-weight:700}
.seo-b{margin-top:32px}
.seo-b h2{margin-bottom:12px}
.seo-b>p{color:var(--ink2);line-height:1.65;max-width:75ch}
.seo-t{width:100%;max-width:760px;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px}
.seo-t th,.seo-t td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}
.seo-t thead th{background:var(--bg2);font-size:13px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink3)}
.seo-t td{font-weight:800;color:var(--acc2);white-space:nowrap}
.seo-t tbody th{font-weight:700;color:var(--ink)}
.seo-liste{margin:0;padding-left:20px;display:grid;gap:10px;color:var(--ink2);line-height:1.6;max-width:75ch}
.seo-liste b{color:var(--ink)}
.seo-ok{display:inline-flex;align-items:center;min-height:44px;font-weight:900;color:var(--acc);text-decoration:none}
.seo-kart{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}
.seo-kart a{display:grid;gap:4px;min-height:72px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none}
.seo-kart a:hover{border-color:var(--acc)}
.seo-kart b{font-size:16px;font-weight:900}
.seo-kart span{font-size:13px;color:var(--ink3)}
.seo-sss{margin-top:36px}
.seo-cta{margin-top:36px;background:var(--accsoft);border:1px solid color-mix(in srgb,var(--acc) 35%,var(--line));border-radius:20px;padding:20px 24px}
.seo-cta p{margin:0 0 12px;color:var(--ink)}
.seo-cta-d{display:flex;flex-wrap:wrap;gap:10px}
.seo a:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
@media (max-width:620px){.seo-say{grid-template-columns:1fr 1fr}.seo-bas{padding:18px}.seo-t{font-size:14px}.seo-t th,.seo-t td{padding:9px 10px}}
/* konu, banka ve takvim sayfaları (scripts/seo_ek.py) */
.seo-bolum>li{margin-bottom:4px}
.seo-bolum ul{margin:6px 0 4px;padding-left:18px;font-size:14.5px;color:var(--ink3);display:grid;gap:2px}
.seo-soru{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:0 0 14px;max-width:760px}
.seo-soru h3{margin:0 0 8px;font-size:13px;letter-spacing:.6px;text-transform:uppercase;color:var(--acc2)}
.seo-soru>p{margin:0 0 8px;color:var(--ink);line-height:1.6}
.seo-sik{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.seo-sik li{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink2);line-height:1.45}
.seo-sik b{color:var(--ink);margin-right:4px}
.seo-soru details{margin-top:6px}
.seo-soru summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:800;color:var(--acc)}
.seo-soru details p{margin:6px 0;color:var(--ink2);line-height:1.6}
.seo-ilan{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:0 0 14px;max-width:820px}
.seo-ilan h3{margin:0 0 10px;font-size:17px}
.seo-ilan h3 em{font-style:normal;font-size:12px;font-weight:900;color:var(--paper);background:var(--acc);border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:2px}
.seo-ilan dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 14px;margin:0 0 10px;font-size:14.5px}
.seo-ilan dt{color:var(--ink3);font-weight:700}
.seo-ilan dd{margin:0;color:var(--ink);font-weight:700}
.seo-ilan>p{margin:0 0 8px;color:var(--ink2);line-height:1.6}
.seo-kaynak{font-size:13px;color:var(--ink3)}
.seo-kaynak a{color:var(--ink2);min-height:44px;display:inline-flex;align-items:center}
.seo-b h3{margin:18px 0 8px;font-size:17px}
.seo-tablo-kap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.seo-tablo-kap .seo-t{min-width:640px}
@media (max-width:700px){
  .seo-tablo-kap .seo-t-kart{min-width:0}
  .seo-t-kart thead{display:none}
  .seo-t-kart,.seo-t-kart tbody,.seo-t-kart tr,.seo-t-kart th,.seo-t-kart td{display:block;width:100%;box-sizing:border-box}
  .seo-t-kart tr{border-bottom:1px solid var(--line);padding:8px 0}
  .seo-t-kart tbody th{border:0;padding:8px 14px 4px;font-size:16px}
  .seo-t-kart td{border:0;padding:3px 14px;white-space:normal;display:flex;justify-content:space-between;gap:12px}
  .seo-t-kart td::before{content:attr(data-etiket);color:var(--ink3);font-weight:700}
}

/* 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}
.seo-yazi{max-width:780px}
.seo-yazi h2{margin:28px 0 8px;font-size:22px}
.seo-yazi h3{margin:20px 0 6px;font-size:18px}
.seo-yazi p,.seo-yazi li{font-size:16px;line-height:1.7;color:var(--ink)}
.seo-yazi ul,.seo-yazi ol{padding-left:22px}
.seo-tablo{overflow-x:auto;margin:12px 0}
.seo-tablo table{border-collapse:collapse;font-size:14.5px}
.seo-tablo th,.seo-tablo td{border:1px solid var(--line);padding:7px 10px;text-align:left}
.seo-tablo th{background:var(--bg2)}
.seo-cta{margin-top:24px}