/* ==========================================================================
   Ortak site iskeleti (includes/kabuk.php) — ana sayfayla aynı görünüm.
   Tüm kurallar body.k altında; yalnızca bu sınıfı taşıyan sayfaları etkiler.
   Renkler css/site.css içindeki ortak değişkenlerden gelir (açık/koyu tema uyumlu).
   ========================================================================== */
body.k { padding-bottom: 84px; background: var(--bg); color: var(--text); }
body.k a { text-decoration: none; }

/* ---------- üst çubuk ---------- */
body.k .k-top { background: var(--surface); border-bottom: 1px solid var(--border); }
body.k .k-top-in { max-width: 1140px; margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
body.k .k-logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 19px; letter-spacing: -.01em; color: var(--text); }
body.k .k-logo img { width: 36px; height: 36px; border-radius: 9px; object-fit: contain; }
body.k .k-logo b { color: var(--primary); font-weight: 800; }
body.k .k-logo:hover { color: var(--text); }
body.k .k-links { display: none; gap: 4px; }
body.k .k-links a { color: var(--text); font-weight: 600; font-size: .92rem; padding: 8px 12px; border-radius: 999px; }
body.k .k-links a:hover { background: var(--primary-soft); color: var(--primary); }

/* ---------- ders sekmeleri ---------- */
body.k .k-ders { background: var(--bg); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 1010; }
body.k .k-ders-in { max-width: 1140px; margin: 0 auto; padding: 10px 16px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
body.k .k-ders-in::-webkit-scrollbar { display: none; }
body.k .k-ders a { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; background: var(--surface); border: 1px solid var(--border); color: var(--text); font-weight: 700; font-size: .88rem; white-space: nowrap; }
body.k .k-ders a i { color: var(--primary); font-size: .95rem; }
body.k .k-ders a:hover { border-color: var(--primary); }
body.k .k-ders a.on { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
body.k .k-ders a.on i { color: var(--on-primary); }

/* ---------- sayfa başlığı (hero) ---------- */
body.k .k-hero { max-width: 1140px; margin: 18px auto 6px; padding-inline: 16px; }
body.k .k-hero-in { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 22px 20px; display: flex; align-items: center; gap: 20px; box-shadow: var(--shadow); }
body.k .k-hero-t { flex: 1; min-width: 0; }
body.k .k-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--primary); margin-bottom: 8px; }
body.k .k-hero h1 { font-size: clamp(24px, 6vw, 36px); font-weight: 800; letter-spacing: -.02em; line-height: 1.18; color: var(--text); margin: 0; text-wrap: balance; }
body.k .k-hero p { color: var(--text-muted); margin: 10px 0 0; max-width: 62ch; line-height: 1.55; }
body.k .k-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
body.k .k-chips span { background: var(--primary-soft); color: var(--primary); border-radius: 999px; padding: 6px 12px; font-size: .8rem; font-weight: 700; }
body.k .k-hero-ic { display: none; width: 84px; height: 84px; border-radius: 50%; background: var(--primary-soft); color: var(--primary); font-size: 2.2rem; place-items: center; flex: none; }

/* ---------- altlık ve alt gezinme ---------- */
body.k .k-foot { padding-block: 22px; text-align: center; color: var(--text-muted); font-size: .85rem; border-top: 1px solid var(--border); margin-top: 24px; }
body.k .k-foot .soc { display: flex; justify-content: center; gap: 22px; margin-bottom: 10px; font-size: 1.5rem; }
body.k .k-foot .soc a { color: var(--text-muted); }
body.k .k-foot .soc a:hover { color: var(--primary); }
body.k .k-tabbar { position: fixed; left: 0; right: 0; bottom: 0; background: var(--surface); border-top: 1px solid var(--border); display: grid; grid-template-columns: repeat(4, 1fr); padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px)); z-index: 1020; }
body.k .k-tabbar a { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 6px 0; font-size: .7rem; font-weight: 700; color: var(--text-muted); }
body.k .k-tabbar a i { font-size: 1.25rem; }
body.k .k-tabbar a.on { color: var(--primary); }

/* tema ve yukarı çık düğmeleri alt çubuğun üstünde dursun */
body.k .theme-toggle { bottom: 78px; }
body.k .to-top { bottom: 142px; }

@media (min-width: 760px) {
  body.k { padding-bottom: 0; }
  body.k .k-tabbar { display: none; }
  body.k .k-links { display: flex; }
  body.k .k-hero-in { padding: 28px 32px; }
  body.k .k-hero-ic { display: grid; }
  body.k .theme-toggle { bottom: 16px; }
  body.k .to-top { bottom: 84px; }
}

/* ---------- Bootstrap kartlarını ana sayfa görünümüne uydur ---------- */
body.k .card { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; box-shadow: none; color: var(--text); overflow: hidden; }
body.k .card.shadow-sm { box-shadow: none !important; }
body.k .card-header { background: var(--primary-soft) !important; color: var(--primary) !important; font-weight: 800; border-bottom: 1px solid var(--border); padding: 12px 16px; }
body.k .card-header i { color: inherit !important; }
body.k .list-group-item { background: transparent; color: var(--text); border-color: var(--border); }
body.k .list-group-item-action:hover { background: var(--primary-soft); color: var(--primary); }
body.k .list-group-item.active { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
body.k .sidebar { background: transparent; border: 0; padding: 0; }

/* yapışkan yan menü, yapışkan ders sekmelerinin altında kalsın */
body.k .sidebar { position: sticky; top: 72px; max-height: calc(100vh - 88px); overflow-y: auto; }
@media (max-width: 991.98px) { body.k .sidebar { position: static; max-height: none; overflow: visible; } }

/* sayfa kendi <footer> stilini taşısa bile ortak altlık aynı görünsün */
body.k footer.k-foot { background: transparent !important; color: var(--text-muted) !important; padding-block: 22px; margin-top: 24px; }
body.k footer.k-foot small { color: var(--text-muted); }

/* ---- Bilgi grafiği ---- */
body.k .k-info{margin:1.25rem 0;padding:1.1rem 1rem 1.2rem;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,var(--primary-soft),var(--surface));box-shadow:var(--shadow)}
body.k .k-info-t{text-align:center;font-weight:700;color:var(--primary);margin-bottom:1rem;font-size:1.02rem}
body.k .k-info-r{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem}
body.k .k-node{position:relative;flex:1 1 130px;max-width:210px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding:.8rem .6rem;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--text)}
body.k .k-node strong{font-size:.92rem;line-height:1.25}
body.k .k-node small{font-size:.78rem;line-height:1.3;color:var(--text-muted)}
body.k .k-node-ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);font-size:1.4rem;border:2px solid var(--primary)}
body.k .k-node-son{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
body.k .k-node-son small{color:var(--on-primary);opacity:.85}
body.k .k-node-son .k-node-ic{background:var(--on-primary);color:var(--primary);border-color:var(--on-primary)}
body.k .k-info-akis .k-node:not(:last-child)::after{content:"";position:absolute;right:-.72rem;top:50%;width:.55rem;height:.55rem;border-top:3px solid var(--primary);border-right:3px solid var(--primary);transform:translateY(-50%) rotate(45deg)}
@media (max-width:575.98px){
  body.k .k-info-akis .k-info-r{flex-direction:column;align-items:center}
  body.k .k-info-akis .k-node{width:100%;max-width:320px;flex:0 0 auto}
  body.k .k-info-akis .k-node:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-.72rem;transform:translateX(-50%) rotate(135deg)}
  body.k .k-info-r{gap:1.1rem}
  body.k .k-info-grup .k-node{flex-basis:calc(50% - .6rem)}
}
body.k .k-node-ic b{font-size:1.35rem;font-weight:800;line-height:1}

/* Ders sayfası görselleri: kırpma yok, tamamı görünsün */
body.k .ilkyardim-image{height:auto !important;max-height:420px;object-fit:contain;background:#fff;display:block;margin-left:auto;margin-right:auto}

/* ---- Trafik ve Çevre bölüm şeridi ---- */
body.k .k-bolum{max-width:1140px;margin:12px auto 0;padding:0 16px}
body.k .k-bolum-in{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
body.k .k-bolum-t{font-weight:700;font-size:.82rem;color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.04em}
body.k .k-bolum a{padding:7px 16px;border-radius:999px;font-weight:700;font-size:.9rem;color:var(--primary);background:var(--primary-soft);border:1px solid transparent}
body.k .k-bolum a:hover{border-color:var(--primary)}
body.k .k-bolum a.on{background:var(--primary);color:var(--on-primary)}
body.k .col-lg-3 > .trafik-sidebar{top:72px !important;max-height:calc(100vh - 88px);overflow-y:auto}
@media (max-width:991.98px){body.k .col-lg-3 > .trafik-sidebar{position:static !important;max-height:none}}
body.k .trafik-sidebar-link.active{background:var(--primary-soft);color:var(--primary);font-weight:700}
body.k .k-node-ic.c-r{background:#d93a3a;border-color:#d93a3a;color:#fff}
body.k .k-node-ic.c-y{background:#f5b800;border-color:#f5b800;color:#1d2b3a}
body.k .k-node-ic.c-g{background:#2e9e5b;border-color:#2e9e5b;color:#fff}
body.k .k-node-ic.c-b{background:#1f66c4;border-color:#1f66c4;color:#fff}
body.k .k-node-ic.c-k{background:#222;border-color:#222;color:#fff}
body.k .k-node-ic.c-n{background:#8a5a2b;border-color:#8a5a2b;color:#fff}
body.k .k-bolum-r{display:flex;justify-content:center;gap:8px;flex-wrap:nowrap}
body.k .k-bolum-r a{white-space:nowrap;padding:7px 14px}

/* ---- Çıkmış sorular sayfaları ---- */
body.k .main-container{background:none !important;box-shadow:none !important;border:0 !important;padding:0 !important}
body.k > .container{max-width:1140px}
body.k .main-container > .container{padding-left:0;padding-right:0;max-width:100%}
body.k .col-lg-3 .sidebar{background:var(--surface) !important;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px !important}
body.k .sidebar-title{color:var(--primary) !important;border-bottom:1px solid var(--border) !important}
body.k .sidebar-link{background:var(--primary-soft) !important;color:var(--text) !important;border-left:3px solid transparent !important;border-radius:10px !important}
body.k .sidebar-link:hover{background:var(--primary) !important;color:var(--on-primary) !important}
body.k .info-box{background:var(--surface) !important;border:1px solid var(--border) !important;border-left:4px solid var(--primary) !important;border-radius:14px !important;color:var(--text)}
body.k .info-box h2,body.k .info-box h4{color:var(--primary)}
body.k .exam-grid{padding:12px 0 !important}
body.k .day-card{background:var(--surface) !important;border:1px solid var(--border);border-left:4px solid var(--primary) !important;border-radius:12px !important}
body.k .day-card:hover{border-left-color:var(--primary) !important;border-color:var(--primary);transform:translateY(-1px)}
body.k .exam-link{color:var(--text) !important}
body.k .exam-link:hover{color:var(--primary) !important}
body.k .exam-icon{color:var(--primary) !important}
body.k .k-app{max-width:1140px;margin:24px auto 0;padding:16px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
body.k .k-app-t{display:flex;flex-direction:column;gap:2px;color:var(--text)}
body.k .k-app-t span{color:var(--text-muted);font-size:.9rem}
body.k .k-app-b{display:flex;gap:10px;align-items:center}
body.k .k-app-b img{height:42px;width:auto}

/* ---- Trafik işaretleri sayfası ---- */
body.k .k-cta{background:var(--primary-soft);border:1px solid var(--border);border-radius:16px;max-width:1140px;margin:16px auto 0}
body.k .content-section{background:none !important;box-shadow:none !important;padding:16px 0 !important}
body.k .content-section h2{color:var(--primary) !important}
body.k .traffic-category,body.k .nav-category{background:var(--surface) !important;border:1px solid var(--border) !important;border-left-width:4px !important;border-radius:14px !important;color:var(--text)}
body.k .traffic-category .step-title,body.k .nav-category h5{color:var(--text) !important}
body.k .sign-item{background:var(--surface-2,var(--surface)) !important;border:1px solid var(--border) !important;border-radius:12px !important;color:var(--text) !important}
body.k .sign-item:hover{background:var(--primary-soft) !important;border-color:var(--primary) !important;color:var(--text) !important}
body.k .sign-item .sign-image{background:#fff;border-radius:8px;padding:4px}
body.k .nav-link-item{background:var(--primary-soft) !important;color:var(--text) !important;border-radius:10px !important}
body.k .nav-link-item:hover{background:var(--primary) !important;color:var(--on-primary) !important}
body.k .features-section{background:none !important;border-top:1px solid var(--border) !important}
body.k .section-title{color:var(--primary) !important}
body.k .feature-card{background:var(--surface) !important;border:1px solid var(--border) !important;color:var(--text) !important;border-radius:14px !important}
body.k .exam-button{background:var(--primary) !important;color:var(--on-primary) !important;border-radius:999px !important}

/* ---- Ehliyet yaşı hesaplama ---- */
body.k .yh { max-width: 1140px; margin: 18px auto 0; }
body.k .yh-form { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 20px; box-shadow: var(--shadow); }
body.k .yh-form label { display: block; font-weight: 700; font-size: 1rem; color: var(--text); margin-bottom: 10px; }
body.k .yh-row { display: flex; gap: 10px; flex-wrap: wrap; }
body.k .yh-row input[type="date"] { flex: 1 1 200px; max-width: none; width: auto; min-height: 48px; padding: 10px 14px; font-size: 1rem; background: var(--surface-2); color: var(--text); border: 1.5px solid var(--border); border-radius: 12px; color-scheme: light dark; }
body.k .yh-row input[type="date"]:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
body.k .yh-btn { flex: 0 0 auto; min-height: 48px; padding: 0 24px; border: 0; border-radius: 12px; background: var(--primary); color: var(--on-primary); font-weight: 700; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
body.k .yh-err { color: #c0392b; margin: 10px 0 0; font-weight: 600; }
body.k .yh-sum { margin-top: 16px; background: var(--primary-soft); border: 1px solid var(--border); border-radius: 16px; padding: 20px; text-align: center; }
body.k .yh-sum-t { font-size: clamp(20px, 5vw, 26px); font-weight: 800; color: var(--text); text-wrap: balance; }
body.k .yh-age { display: inline-block; margin: 10px 0 4px; padding: 6px 16px; border-radius: 999px; background: var(--surface); border: 1px solid var(--border); font-weight: 700; color: var(--primary); }
body.k .yh-sum p { margin: 8px auto 0; max-width: 62ch; color: var(--text); line-height: 1.55; }
body.k .yh-next { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 14px 18px; }
body.k .yh-next p { margin: 0; color: var(--text-muted); flex: 1 1 240px; }
body.k .yh-cta { background: var(--primary); color: var(--on-primary); padding: 10px 18px; border-radius: 10px; font-weight: 700; text-decoration: none; display: inline-flex; gap: 8px; align-items: center; }
body.k .yh-cta:hover { color: var(--on-primary); opacity: .92; }
body.k .yh-h { font-size: 1.15rem; font-weight: 800; color: var(--text); margin: 26px 0 12px; }
body.k .yh-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 14px; }
body.k .yh-c { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow); }
body.k .yh-lock { background: var(--surface-2); box-shadow: none; }
body.k .yh-lock .yh-ic { filter: grayscale(.5); opacity: .8; }
body.k .yh-c-h { display: flex; align-items: center; gap: 12px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--border); }
body.k .yh-c-h > div { flex: 1; min-width: 0; }
body.k .yh-c-h b { display: block; color: var(--text); }
body.k .yh-c-h small { color: var(--text-muted); }
body.k .yh-ic { width: 44px; height: 44px; flex: none; border-radius: 12px; display: grid; place-items: center; color: #fff; font-size: 1.15rem; }
body.k .yh-st { flex: none; font-size: .78rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: var(--primary-soft); color: var(--primary); white-space: nowrap; }
body.k .yh-lock .yh-st { background: var(--surface); color: var(--text-muted); border: 1px solid var(--border); }
body.k .yh-d { display: flex; gap: 10px; font-size: .92rem; color: var(--text); margin-top: 6px; }
body.k .yh-d i { color: var(--primary); width: 18px; margin-top: 3px; text-align: center; }
body.k .yh-empty { color: var(--text-muted); }
body.k .yh-faq details { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 12px 16px; margin-bottom: 8px; }
body.k .yh-faq summary { cursor: pointer; font-weight: 700; color: var(--text); }
body.k .yh-faq details p { margin: 10px 0 0; color: var(--text-muted); line-height: 1.55; }
body.k .yh-note { color: var(--text-muted); font-size: .85rem; margin: 14px 0 18px; }
body.k .yh .k-info { margin-top: 26px; }

/* ---- E-Sınav takvimi ---- */
body.k .es { max-width: 1140px; margin: 18px auto 0; display: grid; gap: 16px; grid-template-columns: 1fr; align-items: start; }
@media (min-width: 992px) { body.k .es { grid-template-columns: minmax(0, 1fr) 340px; } body.k .es-side { position: sticky; top: 76px; } }
body.k .es-cal, body.k .es-card { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow); }
body.k .es-cal { padding: 16px; }
body.k .es-nav { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
body.k .es-mt { flex: 1; text-align: center; }
body.k .es-mt h2 { margin: 0; font-size: clamp(1.1rem, 4.5vw, 1.45rem); font-weight: 800; color: var(--text); }
body.k .es-today { border: 0; background: none; color: var(--primary); font-weight: 700; font-size: .82rem; padding: 2px 8px; cursor: pointer; }
body.k .es-ar { width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-2); color: var(--text); cursor: pointer; }
body.k .es-ar:hover { background: var(--primary-soft); color: var(--primary); }
body.k .es-wd, body.k .es-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
body.k .es-wd span { text-align: center; font-size: .78rem; font-weight: 700; color: var(--text-muted); padding: 4px 0 8px; text-transform: uppercase; letter-spacing: .04em; }
body.k .es-wd .we { color: var(--primary); }
body.k .es-c { position: relative; min-height: 64px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-2); color: var(--text); padding: 6px 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; font: inherit; cursor: pointer; transition: transform .12s, box-shadow .12s, background .12s; }
body.k .es-c.es-e { border: 0; background: none; cursor: default; }
body.k .es-c .n { font-size: 1.05rem; font-weight: 800; line-height: 1; }
body.k .es-c .tg { display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--primary); font-size: .66rem; font-weight: 700; line-height: 1.1; }
body.k .es-c .tg i { font-size: .8rem; }
body.k .es-c .tg em { font-style: normal; display: none; }
body.k .es-c.ex { background: var(--primary-soft); border-color: transparent; }
body.k .es-c.nx { opacity: .55; }
body.k .es-c.we .n { color: var(--primary); }
body.k .es-c:hover:not(.es-e) { transform: translateY(-2px); box-shadow: var(--shadow); }
body.k .es-c.td { border: 2px solid var(--primary); }
body.k .es-c.td::after { content: ''; position: absolute; top: 5px; right: 5px; width: 7px; height: 7px; border-radius: 50%; background: var(--primary); }
body.k .es-c.sl { background: var(--primary); color: var(--on-primary); border-color: var(--primary); box-shadow: 0 6px 16px color-mix(in srgb, var(--primary) 35%, transparent); }
body.k .es-c.sl .n, body.k .es-c.sl .tg { color: var(--on-primary); }
body.k .es-c.sl.td::after { background: var(--on-primary); }
@media (min-width: 560px) { body.k .es-c { min-height: 84px; } body.k .es-c .tg em { display: block; } body.k .es-c .tg i { display: none; } }
body.k .es-load { grid-column: 1 / -1; text-align: center; padding: 40px 0; color: var(--text-muted); }
body.k .es-load .spinner-border { color: var(--primary); }
body.k .es-leg { display: flex; flex-wrap: wrap; gap: 6px 16px; justify-content: center; margin-top: 14px; font-size: .8rem; color: var(--text-muted); }
body.k .es-leg .lg { display: inline-block; width: 12px; height: 12px; border-radius: 4px; margin-right: 6px; vertical-align: -1px; }
body.k .lg-ex { background: var(--primary-soft); border: 1px solid var(--border); }
body.k .lg-td { border: 2px solid var(--primary); }
body.k .lg-sel { background: var(--primary); }
body.k .es-card { padding: 20px; }
body.k .es-d-day { color: var(--text-muted); font-size: .88rem; font-weight: 600; }
body.k .es-d-badge .b-td { display: inline-block; margin-top: 6px; padding: 2px 10px; border-radius: 999px; background: var(--primary); color: var(--on-primary); font-size: .75rem; font-weight: 700; }
body.k .es-card h3 { margin: 10px 0 6px; font-size: 1.2rem; font-weight: 800; color: var(--text); }
body.k .es-card p { margin: 0 0 16px; color: var(--text-muted); line-height: 1.5; font-size: .93rem; }
body.k .es-go { display: flex; justify-content: center; align-items: center; gap: 8px; min-height: 48px; border-radius: 12px; background: var(--primary); color: var(--on-primary); font-weight: 800; text-decoration: none; }
body.k .es-go:hover { color: var(--on-primary); opacity: .92; }
body.k .es-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
body.k .es-stats div { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 12px; text-align: center; }
body.k .es-stats b { display: block; font-size: 1.5rem; color: var(--primary); }
body.k .es-stats span { font-size: .78rem; color: var(--text-muted); }
body.k .es-alt { margin-top: 12px; display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; color: var(--text); text-decoration: none; }
body.k .es-alt > i:first-child { color: var(--primary); font-size: 1.2rem; }
body.k .es-alt span { flex: 1; } body.k .es-alt b { display: block; } body.k .es-alt small { color: var(--text-muted); }
body.k .es-alt:hover { border-color: var(--primary); color: var(--text); }
body.k .es-how { max-width: 1140px; margin: 22px auto 0; }

/* ---- Direksiyon sınavı değerlendirme formları ---- */
body.k .dd { max-width: 1140px; margin: 18px auto 0; }
body.k .dd .k-info { margin: 0 0 18px; }
body.k .dd-tabs { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 14px; }
@media (min-width: 640px) { body.k .dd-tabs { grid-template-columns: 1fr 1fr; } }
body.k .dd-tabs button { display: flex; align-items: center; gap: 12px; text-align: left; padding: 14px 16px; border-radius: 14px; border: 1.5px solid var(--border); background: var(--surface); color: var(--text); font: inherit; font-weight: 700; cursor: pointer; }
body.k .dd-tabs button i { font-size: 1.4rem; color: var(--primary); width: 30px; text-align: center; }
body.k .dd-tabs button small { display: block; font-weight: 500; color: var(--text-muted); font-size: .78rem; margin-top: 2px; }
body.k .dd-tabs button.on { border-color: var(--primary); background: var(--primary-soft); box-shadow: 0 0 0 2px var(--primary-soft); }
body.k .dd-bar { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 14px; position: sticky; top: 62px; z-index: 5; background: var(--bg); padding: 8px 0; }
body.k .dd-filter, body.k .dd-act { display: flex; gap: 6px; flex-wrap: wrap; }
body.k .dd-filter button, body.k .dd-act button { border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 999px; padding: 7px 14px; font: inherit; font-size: .88rem; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
body.k .dd-filter button.on { background: var(--primary); color: var(--on-primary); border-color: var(--primary); }
body.k .lg { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
body.k .lg-k { background: var(--danger); } body.k .lg-s { background: var(--warning); } body.k .lg-m { background: #2f6da3; }
body.k .dd-fh { display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 16px 18px; margin-bottom: 14px; box-shadow: var(--shadow); }
body.k .dd-fh h2 { font-size: 1.15rem; font-weight: 800; margin: 0 0 4px; color: var(--text); }
body.k .dd-fh p { margin: 0; color: var(--text-muted); font-size: .9rem; }
body.k .dd-pdf { display: flex; gap: 8px; flex-wrap: wrap; }
body.k .dd-pdf a { text-decoration: none; padding: 9px 14px; border-radius: 10px; font-weight: 700; font-size: .88rem; border: 1px solid var(--border); color: var(--text); background: var(--surface-2); display: inline-flex; gap: 6px; align-items: center; }
body.k .dd-pdf a:first-child { background: var(--primary); color: var(--on-primary); border-color: var(--primary); }
body.k .dd-bolum { margin-bottom: 18px; }
body.k .dd-bolum h4 { font-size: .95rem; font-weight: 700; color: var(--text-muted); margin: 0 0 8px; line-height: 1.4; }
body.k .dd-bolum h4 span { display: inline-block; background: var(--primary); color: var(--on-primary); border-radius: 8px; padding: 2px 10px; margin-right: 8px; font-weight: 800; font-size: .8rem; }
body.k .dd-sec { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; margin-bottom: 8px; overflow: hidden; }
body.k .dd-sec summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 12px 14px; }
body.k .dd-sec summary::-webkit-details-marker { display: none; }
body.k .dd-sec summary::after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: .75rem; color: var(--text-muted); transition: transform .2s; }
body.k .dd-sec[open] summary::after { transform: rotate(180deg); }
body.k .dd-no { flex: none; width: 32px; height: 32px; border-radius: 10px; background: var(--primary-soft); color: var(--primary); display: grid; place-items: center; font-weight: 800; font-size: .9rem; }
body.k .dd-st { flex: 1; min-width: 0; font-weight: 700; color: var(--text); line-height: 1.3; }
body.k .dd-st small { display: block; font-weight: 500; color: var(--text-muted); font-size: .78rem; }
body.k .dd-cn { display: flex; gap: 4px; }
body.k .cn { font-style: normal; font-size: .75rem; font-weight: 800; min-width: 22px; text-align: center; padding: 2px 6px; border-radius: 999px; }
body.k .cn-k { background: var(--danger-soft); color: var(--danger); } body.k .cn-s { background: var(--warning-soft); color: var(--warning); } body.k .cn-m { background: var(--primary-soft); color: var(--primary); }
body.k .dd-list { list-style: none; margin: 0; padding: 0 6px 8px; }
body.k .dd-list li { max-width: none; display: grid; grid-template-columns: 26px 1fr auto; gap: 10px; align-items: start; padding: 10px 10px; border-radius: 10px; border-left: 4px solid transparent; }
body.k .dd-list li + li { margin-top: 3px; }
body.k .dd-list li[hidden] { display: none; }
body.k .dd-list li > b { color: var(--text-muted); font-size: .85rem; text-align: center; padding-top: 1px; }
body.k .dd-list li > span { color: var(--text); line-height: 1.5; font-size: .95rem; }
body.k .dd-list li small { display: block; color: var(--text-muted); font-size: .8rem; margin-top: 2px; }
body.k .dd-list .t { font-style: normal; font-size: .7rem; font-weight: 800; padding: 3px 9px; border-radius: 999px; white-space: nowrap; text-transform: uppercase; letter-spacing: .03em; }
body.k .r-k { background: var(--danger-soft); border-left-color: var(--danger); } body.k .t-k { background: var(--danger); color: #fff; }
body.k .r-s { background: var(--warning-soft); border-left-color: var(--warning); } body.k .t-s { background: var(--warning); color: #fff; }
body.k .r-m { background: var(--primary-soft); border-left-color: #2f6da3; } body.k .t-m { background: #2f6da3; color: #fff; }
@media (max-width: 520px) {
  body.k .dd-list li { grid-template-columns: 22px 1fr; }
  body.k .dd-list li .t { grid-column: 2; justify-self: start; }
  body.k .dd-bar { position: static; }
  body.k .dd-filter { flex-wrap: nowrap; overflow-x: auto; width: 100%; padding-bottom: 2px; }
  body.k .dd-filter button { flex: none; }
  body.k .dd-act { width: 100%; }
}
body.k .dd-skill { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 14px 18px; }
body.k .dd-skill h3 { font-size: 1rem; font-weight: 800; margin: 0 0 8px; color: var(--text); }
body.k .dd-skill ul { margin: 0; padding-left: 1.2rem; columns: 2; color: var(--text); line-height: 1.7; }
@media (max-width: 560px) { body.k .dd-skill ul { columns: 1; } }
body.k .dd-note { display: flex; gap: 12px; margin: 18px 0; background: var(--primary-soft); border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; color: var(--text); }
body.k .dd-note i { color: var(--primary); margin-top: 4px; } body.k .dd-note p { margin: 0; line-height: 1.55; font-size: .92rem; }
body.k .dd-links { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-bottom: 18px; }
body.k .dd-links a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; color: var(--text); text-decoration: none; }
body.k .dd-links a:hover { border-color: var(--primary); }
body.k .dd-links i { color: var(--primary); font-size: 1.2rem; } body.k .dd-links b { display: block; } body.k .dd-links small { color: var(--text-muted); }

/* ---- Ehliyet çıkartma süreci ---- */
body.k .ec { max-width: 1140px; margin: 18px auto 0; }
body.k .ec .k-info { margin: 0 0 18px; }
body.k .ec-step { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 20px; margin-bottom: 16px; box-shadow: var(--shadow); }
body.k .ec-step h2 { display: flex; align-items: center; gap: 12px; font-size: clamp(1.1rem, 4.2vw, 1.4rem); font-weight: 800; color: var(--text); margin: 0 0 12px; line-height: 1.3; }
body.k .ec-step h2 span { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--primary); color: var(--on-primary); display: grid; place-items: center; font-size: 1rem; }
body.k .ec-step h3 { font-size: 1rem; font-weight: 800; color: var(--text); margin: 20px 0 8px; }
body.k .ec-step p { color: var(--text); line-height: 1.6; max-width: none; }
body.k .ec-btns { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 4px; }
body.k .ec-b { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 20px; border-radius: 12px; background: var(--primary); color: var(--on-primary); font-weight: 700; text-decoration: none; }
body.k .ec-b2 { background: var(--primary-soft); color: var(--primary); border: 1.5px solid var(--primary); }
body.k .ec-b:hover { opacity: .92; color: inherit; }
body.k .ec-ck { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
body.k .ec-ck li { max-width: none; position: relative; padding: 10px 12px 10px 40px; background: var(--surface-2); border-radius: 10px; color: var(--text); line-height: 1.45; }
body.k .ec-ck li::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 13px; top: 10px; color: var(--primary); font-size: .85rem; }
body.k .ec-fig { margin: 16px 0 0; text-align: center; }
body.k .ec-fig img { max-width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--border); background: #fff; }
body.k .ec-fig figcaption { color: var(--text-muted); font-size: .85rem; margin-top: 6px; }
body.k .ec-two { display: grid; gap: 16px; align-items: center; }
@media (min-width: 720px) { body.k .ec-two { grid-template-columns: 1fr auto; } }
/* ücret tablosu */
body.k .ec-tw { border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
body.k .ec-tb { width: 100%; border-collapse: collapse; font-size: .9rem; color: var(--text); }
body.k .ec-tb thead th { background: var(--primary); color: var(--on-primary); padding: 12px 10px; text-align: center; font-weight: 700; vertical-align: middle; line-height: 1.25; }
body.k .ec-tb thead th:first-child { text-align: left; }
body.k .ec-tb tbody th { text-align: left; padding: 12px 10px; font-weight: 700; color: var(--text); background: var(--surface-2); }
body.k .ec-tb td { padding: 12px 10px; text-align: right; border-top: 1px solid var(--border); font-variant-numeric: tabular-nums; white-space: nowrap; }
body.k .ec-tb tbody tr { border-top: 1px solid var(--border); }
body.k .ec-tb td:nth-child(2), body.k .ec-tb td:nth-child(3) { color: var(--danger); font-weight: 700; }
body.k .ec-tb td.tot { font-weight: 800; }
body.k .ec-tb td:nth-child(7) { color: var(--primary); background: var(--primary-soft); }
body.k .ec-tb td:nth-child(8) { color: var(--text); background: var(--primary-soft); }
body.k .ec-fn { color: var(--text-muted) !important; font-size: .85rem; margin: 8px 0 0; font-style: italic; }
@media (max-width: 860px) {
  body.k .ec-tw { border: 0; overflow: visible; }
  body.k .ec-tb, body.k .ec-tb tbody, body.k .ec-tb tr, body.k .ec-tb th, body.k .ec-tb td { display: block; }
  body.k .ec-tb thead { position: absolute; left: -9999px; }
  body.k .ec-tb tbody tr { border: 1px solid var(--border); border-radius: 14px; overflow: hidden; margin-bottom: 12px; background: var(--surface); }
  body.k .ec-tb tbody th { background: var(--primary); color: var(--on-primary); padding: 12px 14px; font-size: 1rem; }
  body.k .ec-tb td { display: flex; justify-content: space-between; gap: 12px; padding: 10px 14px; text-align: right; white-space: normal; }
  body.k .ec-tb td::before { content: attr(data-l); color: var(--text-muted); font-weight: 500; text-align: left; }
  body.k .ec-tb td:nth-child(2), body.k .ec-tb td:nth-child(3) { font-weight: 700; }
  body.k .ec-tb td:nth-child(2)::before, body.k .ec-tb td:nth-child(3)::before { color: var(--danger); }
}
/* banka ekranları */
body.k .ec-hint { color: var(--text-muted) !important; font-size: .88rem; margin: 0 0 10px; }
body.k .ec-gal { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
@media (max-width: 640px) { body.k .ec-gal { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px; margin-inline: -4px; } body.k .ec-gal figure { flex: 0 0 70%; scroll-snap-align: start; } }
body.k .ec-gal figure { margin: 0; background: var(--surface-2); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
body.k .ec-zoom { border: 0; padding: 0; background: #fff; cursor: zoom-in; display: block; }
body.k .ec-zoom img { width: 100%; height: 300px; object-fit: contain; object-position: top; display: block; }
body.k .ec-gal figcaption { display: flex; gap: 10px; padding: 10px 12px; font-size: .85rem; color: var(--text); line-height: 1.4; }
body.k .ec-gal figcaption b { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--primary); color: var(--on-primary); display: grid; place-items: center; font-size: .78rem; }
body.k .ec-alert { display: flex; gap: 12px; margin-top: 16px; padding: 14px 16px; background: var(--primary-soft); border: 1px solid var(--border); border-radius: 12px; }
body.k .ec-alert i { color: var(--primary); margin-top: 4px; } body.k .ec-alert p { margin: 0; }
body.k .ec-lb { position: fixed; inset: 0; z-index: 10000; background: rgba(0,0,0,.88); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px; gap: 10px; }
body.k .ec-lb[hidden] { display: none; }
body.k .ec-lb img { max-width: 100%; max-height: 82vh; border-radius: 10px; background: #fff; }
body.k .ec-lb p { color: #fff; text-align: center; margin: 0; max-width: 560px; font-size: .9rem; }
body.k .ec-lb-x { position: absolute; top: 14px; right: 14px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: rgba(255,255,255,.16); color: #fff; font-size: 1.2rem; cursor: pointer; }

/* ---- Kurslara kayıt ---- */
body.k .kk { max-width: 1140px; margin: 18px auto 0; }
body.k .kk .k-info { margin: 0 0 18px; }
body.k .kk-status { display: flex; align-items: center; gap: 14px; padding: 14px 18px; border-radius: 14px; margin-bottom: 18px; border: 1px solid var(--border); background: var(--surface); }
body.k .kk-status i { font-size: 1.6rem; }
body.k .kk-status b { display: block; color: var(--text); font-size: 1.05rem; }
body.k .kk-status small { color: var(--text-muted); line-height: 1.4; display: block; }
body.k .kk-status.open { background: var(--primary-soft); border-color: var(--primary); } body.k .kk-status.open i { color: var(--primary); }
body.k .kk-status.closed { background: var(--warning-soft); } body.k .kk-status.closed i { color: var(--warning); }
body.k .kk-sec { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 18px; box-shadow: var(--shadow); margin-bottom: 16px; }
body.k .kk-sec[hidden] { display: none; }
body.k .kk-sec h2 { font-size: clamp(1.05rem, 4vw, 1.3rem); font-weight: 800; color: var(--text); margin: 0 0 12px; display: flex; gap: 10px; align-items: center; line-height: 1.3; }
body.k .kk-sec h2 i, body.k .kk-date h2 i { color: var(--primary); }
body.k .kk-prog { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
body.k .kk-bar { flex: 1 1 140px; height: 8px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); overflow: hidden; }
body.k .kk-bar i { display: block; height: 100%; width: 0; background: var(--primary); transition: width .25s; }
body.k .kk-pt { font-size: .85rem; font-weight: 700; color: var(--text-muted); }
body.k .kk-rs { border: 0; background: none; color: var(--primary); font-weight: 700; font-size: .85rem; cursor: pointer; }
body.k .kk-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
body.k .kk-d { max-width: none; }
body.k .kk-d label { display: flex; align-items: flex-start; gap: 12px; padding: 14px; border: 1.5px solid var(--border); border-radius: 14px; background: var(--surface-2); cursor: pointer; height: 100%; position: relative; }
body.k .kk-d input { position: absolute; opacity: 0; pointer-events: none; }
body.k .kk-i { flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--primary-soft); color: var(--primary); display: grid; place-items: center; font-size: 1.15rem; }
body.k .kk-t { flex: 1; min-width: 0; } body.k .kk-t b { display: block; color: var(--text); margin-bottom: 2px; } body.k .kk-t small { display: block; color: var(--text-muted); line-height: 1.45; font-size: .86rem; }
body.k .kk-ck { flex: none; width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--border); display: grid; place-items: center; color: transparent; font-size: .75rem; background: var(--surface); }
body.k .kk-d input:checked ~ .kk-ck { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
body.k .kk-d input:checked ~ .kk-t b { text-decoration: line-through; opacity: .7; }
body.k .kk-d label:has(input:checked) { border-color: var(--primary); background: var(--primary-soft); }
body.k .kk-d input:focus-visible ~ .kk-ck { outline: 3px solid var(--primary-soft); outline-offset: 2px; }
body.k .kk-sec .ec-alert { margin-top: 14px; }
body.k .kk-date { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 20px; margin-bottom: 18px; text-align: center; box-shadow: var(--shadow); }
body.k .kk-date h2 { font-size: 1.2rem; font-weight: 800; color: var(--text); display: flex; gap: 10px; justify-content: center; align-items: center; margin: 0 0 12px; }
body.k .kk-big { display: inline-block; background: var(--primary); color: var(--on-primary); font-weight: 800; padding: 10px 20px; border-radius: 12px; font-size: clamp(1rem, 4vw, 1.2rem); }
body.k .kk-date p { color: var(--text); margin: 12px auto 0; max-width: 60ch; }
body.k .kk-notes { display: grid; gap: 10px; margin-top: 14px; text-align: left; }
@media (min-width: 720px) { body.k .kk-notes { grid-template-columns: 1fr 1fr; } }
body.k .kk-notes div { background: var(--surface-2); border-left: 4px solid var(--primary); border-radius: 10px; padding: 12px 14px; color: var(--text); line-height: 1.5; font-size: .92rem; }
body.k .kk-notes b { display: block; color: var(--primary); }

/* ---- Süreç sayfaları: e-sınav, direksiyon sınavı, iletişim ---- */
body.k .pg { max-width: 1140px; margin: 18px auto 0; }
body.k .pg .k-info { margin: 0 0 18px; }
body.k .pg-lead { color: var(--text); line-height: 1.65; font-size: 1.02rem; max-width: 70ch; margin: 0 0 16px; }
body.k .pg-fn { color: var(--text-muted) !important; font-size: .85rem; font-style: italic; margin: 6px 0 16px; max-width: none; }
body.k .pg-sec { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 18px; margin-bottom: 16px; box-shadow: var(--shadow); }
body.k .pg-sec h2 { display: flex; gap: 10px; align-items: center; font-size: clamp(1.05rem, 4vw, 1.3rem); font-weight: 800; color: var(--text); margin: 0 0 12px; line-height: 1.3; }
body.k .pg-sec h2 i { color: var(--primary); }
body.k .pg-sec p { color: var(--text); line-height: 1.6; max-width: none; }
body.k .st-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 8px; }
@media (min-width: 720px) { body.k .st-grid { grid-template-columns: repeat(4, 1fr); } }
body.k .st { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 14px 10px; text-align: center; box-shadow: var(--shadow); display: flex; flex-direction: column; align-items: center; gap: 4px; }
body.k .st i { color: var(--primary); font-size: 1.3rem; }
body.k .st b { font-size: 1.35rem; font-weight: 800; color: var(--text); line-height: 1.2; }
body.k .st span { font-size: .8rem; color: var(--text-muted); line-height: 1.3; }
body.k .ru-grid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
body.k .ru-c { display: flex; gap: 12px; align-items: flex-start; padding: 14px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 14px; }
body.k .ru-c b { display: block; color: var(--text); margin-bottom: 2px; }
body.k .ru-c p { margin: 0; color: var(--text-muted) !important; font-size: .9rem; line-height: 1.5; }
body.k .ru-i { flex: none; width: 42px; height: 42px; border-radius: 12px; background: var(--primary-soft); color: var(--primary); display: grid; place-items: center; font-size: 1.1rem; }
body.k .ds { display: grid; gap: 10px; margin: 8px 0; }
body.k .ds-r { display: grid; grid-template-columns: 150px 1fr 32px; gap: 12px; align-items: center; }
@media (max-width: 520px) { body.k .ds-r { grid-template-columns: 1fr 32px; } body.k .ds-r .ds-b { grid-column: 1 / -1; order: 3; } }
body.k .ds-r span { color: var(--text); font-weight: 700; display: flex; gap: 8px; align-items: center; }
body.k .ds-r span i { color: var(--primary); width: 18px; text-align: center; }
body.k .ds-b { height: 14px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--border); overflow: hidden; }
body.k .ds-b i { display: block; height: 100%; background: var(--primary); border-radius: 999px; }
body.k .ds-r > b { font-size: 1.1rem; color: var(--text); text-align: right; }
body.k .pg-win { margin: 0 0 18px; }
body.k .vd-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
body.k .vd { background: var(--surface-2); border: 1px solid var(--border); border-radius: 14px; padding: 14px; }
body.k .vd-h { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
body.k .vd-h h3 { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--text); }
body.k .vd-f { position: relative; padding-top: 56.25%; border-radius: 10px; overflow: hidden; background: #000; }
body.k .vd-f iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body.k .vd p { margin: 10px 0 8px; color: var(--text-muted); font-size: .9rem; line-height: 1.5; }
body.k .vd-b { display: flex; gap: 6px; flex-wrap: wrap; }
body.k .vd-b span { font-size: .75rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--primary-soft); color: var(--primary); }
body.k .pg-cta { display: flex; align-items: center; gap: 14px; padding: 16px 18px; margin-bottom: 16px; background: var(--primary); color: var(--on-primary); border-radius: 14px; text-decoration: none; }
body.k .pg-cta:hover { color: var(--on-primary); opacity: .94; }
body.k .pg-cta > i:first-child { font-size: 1.5rem; } body.k .pg-cta span { flex: 1; } body.k .pg-cta b { display: block; } body.k .pg-cta small { opacity: .85; }
/* iletişim */
body.k .ct { max-width: 1140px; margin: 18px auto 0; display: grid; gap: 16px; align-items: start; }
@media (min-width: 992px) { body.k .ct { grid-template-columns: minmax(0, 1fr) 360px; } }
body.k .ct .contact-card { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 20px; box-shadow: var(--shadow); }
body.k .ct-form h2 { font-size: 1.3rem; font-weight: 800; color: var(--text); margin: 0 0 14px; }
body.k .ct .form-label { font-weight: 700; color: var(--text); }
body.k .ct .form-control { background: var(--surface-2); color: var(--text); border: 1.5px solid var(--border); border-radius: 12px; padding: 11px 14px; min-height: 48px; }
body.k .ct .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); background: var(--surface-2); color: var(--text); }
body.k .ct .form-control.is-invalid { border-color: var(--danger); }
body.k .ct .form-control::placeholder { color: var(--text-muted); opacity: .8; }
body.k .ct .btn-send { width: 100%; min-height: 52px; background: var(--primary); color: var(--on-primary); border: 0; border-radius: 12px; font-weight: 800; }
body.k .ct .btn-send:hover { color: var(--on-primary); opacity: .93; }
body.k .ct .btn-send:disabled { opacity: .7; }
body.k .security-badge { display: flex; gap: 8px; align-items: center; margin-top: 12px; color: var(--text-muted); }
body.k .security-badge i { color: var(--primary); }
body.k .ct-note { display: flex; gap: 12px; padding: 14px; margin-bottom: 14px; background: var(--primary-soft); border: 1px solid var(--border); border-radius: 12px; color: var(--text); }
body.k .ct-note i { color: var(--primary); margin-top: 3px; } body.k .ct-note span, body.k .ct-note small { display: block; } body.k .ct-note small { color: var(--text-muted); margin-top: 4px; }
body.k .ct-side { display: grid; gap: 10px; }
body.k .ct-c { display: flex; gap: 12px; align-items: flex-start; padding: 14px; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; }
body.k .ct-c b { display: block; color: var(--text); margin-bottom: 2px; }
body.k .ct-c p { margin: 0; color: var(--text-muted); font-size: .9rem; line-height: 1.5; }
body.k .ct-c a { color: var(--primary); font-weight: 700; word-break: break-all; }
body.k .ct-h { list-style: none; padding: 0; margin: 4px 0 0; } body.k .ct-h li { max-width: none; display: flex; justify-content: space-between; gap: 14px; padding: 5px 0; border-bottom: 1px dashed var(--border); color: var(--text); font-size: .9rem; } body.k .ct-h li:last-child { border: 0; } body.k .ct-h em { font-style: normal; font-weight: 700; }
body.k .ct-s { display: flex; gap: 10px; margin-top: 6px; } body.k .ct-s a { width: 44px; height: 44px; border-radius: 50%; background: var(--primary-soft); color: var(--primary); display: grid; place-items: center; font-size: 1.2rem; }
body.k .ct-app { max-width: 1140px; margin: 16px auto 0; }

/* ---- 404 sayfası (ana site ve SRC) ---- */
.e4 { max-width: 640px; margin: 28px auto 8px; padding: 0 16px; }
.e4-kart { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow); padding: 34px 22px; text-align: center; }
.e4-no { font-size: clamp(64px, 20vw, 104px); font-weight: 800; letter-spacing: -.04em; line-height: 1; color: var(--primary); }
.e4-kart h1 { font-size: clamp(22px, 5vw, 30px); font-weight: 800; margin: 10px 0 8px; color: var(--text) !important; }
.e4-kart p { color: var(--text-muted); margin: 0 auto 22px; max-width: 46ch; line-height: 1.55; }
.e4-btn { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.e4-btn a { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 10px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface-2); color: var(--text); font-weight: 700; font-size: .92rem; text-decoration: none; }
.e4-btn a i { color: var(--primary); }
.e4-btn a:hover { border-color: var(--primary); }
.e4-btn a.e4-ana { grid-column: 1 / -1; background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.e4-btn a.e4-ana i { color: var(--on-primary); }

/* ---- Ders sonu (ehliyet dersleri) ---- */
.ks-son { max-width: 1140px; margin: 22px auto 8px; padding-inline: 16px; }
.ks-cta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: var(--primary-soft); border: 1px solid var(--border); border-radius: 14px; padding: 16px 18px; }
.ks-cta > i { font-size: 1.6rem; color: var(--primary); }
.ks-cta b { display: block; color: var(--text); }
.ks-cta span { color: var(--text-muted); font-size: .92rem; }
.ks-cta-b { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.ks-cta-b a { padding: 9px 14px; border-radius: 10px; font-weight: 700; font-size: .9rem; text-decoration: none; }
.ks-b1 { background: var(--primary); color: var(--on-primary); }
.ks-b1:hover { background: var(--primary-hover); color: var(--on-primary); }
.ks-b2 { background: var(--surface); border: 1px solid var(--border-strong); color: var(--text); }
.ks-b2:hover { border-color: var(--primary); color: var(--primary); }
.ks-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.ks-nav a { display: block; background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; color: var(--text); font-weight: 700; text-decoration: none; }
.ks-nav a:hover { border-color: var(--primary); }
.ks-nav small { display: block; color: var(--text-muted); font-weight: 500; margin-bottom: 2px; }
.ks-nav .ks-sonraki { text-align: right; }
@media (max-width: 560px) { .ks-cta-b { margin-left: 0; width: 100%; } .ks-cta-b a { flex: 1; text-align: center; } .ks-nav { grid-template-columns: 1fr; } .ks-nav .ks-sonraki { text-align: left; } }

/* Simge yazı tipi sayfa yüklendikten sonra geldiği için, gelmeden önce yer ayır (kayma olmasın) */
body.k .fas, body.k .fab { display: inline-block; min-width: 1em; text-align: center; }
/* AdSense otomatik reklamları sayfa başlığı ve gezinme alanına eklenmesin (düzen kayması) */
.k-top, .k-ders, .k-hero, .k-bolum { google-auto-ads: ignore; }
body.k .ec-kisa { margin: 0 0 20px; padding: 14px 16px; background: var(--primary-soft); border: 1px solid var(--border); border-left: 4px solid var(--primary); border-radius: 12px; }
body.k .ec-kisa b { display: block; color: var(--text); margin-bottom: 4px; } body.k .ec-kisa b i { color: var(--primary); }
body.k .ec-kisa p { margin: 0; color: var(--text); }
body.k .ec-sss details { border: 1px solid var(--border); background: var(--surface); border-radius: 10px; margin: 8px 0; padding: 0 14px; }
body.k .ec-sss summary { cursor: pointer; padding: 12px 0; font-weight: 600; color: var(--text); }
body.k .ec-sss details p { margin: 0 0 12px; color: var(--text-muted); }
body.k .k-qa { margin: 0 0 24px; }
body.k .k-qa h3 { font-size: 1.15rem; margin: 0 0 8px; color: var(--text); }
body.k .k-qa details { border: 1px solid var(--border); background: var(--surface); border-radius: 10px; margin: 8px 0; padding: 0 14px; }
body.k .k-qa summary { cursor: pointer; padding: 12px 0; font-weight: 600; color: var(--text); }
body.k .k-qa details p { margin: 0 0 12px; color: var(--text-muted); }
body.k .k-qa-b { display: flex; gap: 14px; align-items: flex-start; padding-bottom: 12px; }
body.k .k-qa-b p { margin: 0 !important; }
body.k .k-qa-i { display: flex; gap: 8px; flex-shrink: 0; }
body.k .k-qa-i img { width: 64px; height: 64px; background: #fff; border-radius: 8px; padding: 3px; }
@media (max-width: 520px) { body.k .k-qa-b { flex-direction: column; } }
body.k .lo { padding-bottom: 16px; }
body.k .lo-hizli { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0; color: var(--text-muted); }
body.k .lo-btn { display: inline-flex; align-items: center; gap: 8px; background: var(--primary); color: var(--on-primary); border: 0; border-radius: 12px; padding: 12px 20px; font-weight: 700; cursor: pointer; }
body.k .lo-nasil { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 16px 18px; margin: 0 0 20px; }
body.k .lo-nasil h2 { font-size: 1.15rem; margin: 0 0 8px; color: var(--text); }
body.k .lo-nasil ul { margin: 0; padding-left: 20px; color: var(--text); }
body.k .lo-grup { margin: 0 0 26px; }
body.k .lo-grup h2 { font-size: 1.3rem; color: var(--text); margin: 0 0 4px; } body.k .lo-grup h2 i { color: var(--primary); margin-right: 6px; }
body.k .lo-ac { color: var(--text-muted); margin: 0 0 10px; }
body.k .lo-onizle { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
body.k .lo-onizle img { width: 52px; height: 52px; background: #fff; border-radius: 8px; padding: 3px; }
body.k .lo-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
body.k .lo-kart { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; color: var(--text); text-decoration: none; font-weight: 600; }
body.k .lo-kart:hover { border-color: var(--primary); }
body.k .lo-kart > span:nth-child(2) { flex: 1; }
body.k .lo-no { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; border-radius: 50%; background: var(--primary-soft); color: var(--primary); font-weight: 700; }
body.k .lo-bos { color: var(--text-muted); font-style: italic; }
body.k .k-qa-link { margin: 0 0 16px; font-weight: 700; } body.k .k-qa-link a { color: var(--primary); text-decoration: none; }
body.k .lv { padding-bottom: 16px; }
body.k .lv-kod { font-size: .55em; font-weight: 600; opacity: .8; margin-left: 6px; white-space: nowrap; }
body.k .lv-yol { margin: 14px 0; font-size: .9rem; color: var(--text-muted); } body.k .lv-yol a { color: var(--primary); text-decoration: none; }
body.k .lv-ana { display: flex; gap: 22px; align-items: flex-start; background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 20px; margin-bottom: 20px; }
body.k .lv-resim { flex-shrink: 0; background: #fff; border-radius: 14px; padding: 10px; }
body.k .lv-resim img { display: block; width: 220px; height: 220px; object-fit: contain; }
body.k .lv-metin h2 { font-size: 1.3rem; margin: 0 0 8px; color: var(--text); }
body.k .lv-cevap { font-size: 1.1rem; color: var(--text); margin: 0 0 14px; }
body.k .lv-bilgi { display: flex; flex-wrap: wrap; gap: 10px 24px; margin: 0; } body.k .lv-bilgi dt { font-size: .8rem; color: var(--text-muted); font-weight: 600; } body.k .lv-bilgi dd { margin: 0; color: var(--text); font-weight: 700; }
body.k .lv-sinav { background: var(--primary-soft); border: 1px solid var(--border); border-radius: 14px; padding: 16px 18px; margin-bottom: 20px; }
body.k .lv-sinav h2 { font-size: 1.15rem; margin: 0 0 6px; color: var(--text); } body.k .lv-sinav p { color: var(--text); margin: 0 0 12px; }
body.k .lv-btn { text-decoration: none; }
body.k .lv-benzer h2 { font-size: 1.2rem; color: var(--text); margin: 0 0 4px; } body.k .lv-benzer > p { color: var(--text-muted); margin: 0 0 10px; }
body.k .lv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; margin-bottom: 20px; }
body.k .lv-kart { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; color: var(--text); text-decoration: none; font-weight: 600; font-size: .92rem; }
body.k .lv-kart:hover { border-color: var(--primary); } body.k .lv-kart img { width: 56px; height: 56px; background: #fff; border-radius: 8px; padding: 3px; flex-shrink: 0; } body.k .lv-kart small { display: block; color: var(--text-muted); font-weight: 600; }
body.k .lv-gez { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 20px; } body.k .lv-gez a { color: var(--primary); font-weight: 700; text-decoration: none; font-size: .92rem; }
@media (max-width: 640px) { body.k .lv-ana { flex-direction: column; align-items: center; text-align: left; } body.k .lv-resim img { width: 180px; height: 180px; } }
body.k .sp-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 8px 0 4px; }
body.k .sp-btn { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 10px; padding: 8px 14px; font-weight: 700; font-size: .92rem; cursor: pointer; }
body.k .sp-btn:hover { border-color: var(--primary); color: var(--primary); }
body.k .sp-ipucu { color: var(--text-muted); font-size: .88rem; }
body.k .yl-bildirim { margin: 10px 0; padding: 12px 14px; border-radius: 12px; background: var(--primary-soft); border: 1px solid var(--border); color: var(--text); }
body.k .yl-bildirim a { font-weight: 700; color: var(--primary); text-decoration: none; margin-left: 4px; white-space: nowrap; }
body.k .yl { max-width: 760px; margin: 18px auto; }
body.k .yl-ust { display: flex; justify-content: space-between; color: var(--text-muted); font-weight: 600; margin-bottom: 10px; }
body.k .yl-soru { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 18px; }
body.k .yl-medya { text-align: center; margin-bottom: 12px; } body.k .yl-med { max-width: 100%; max-height: 300px; border-radius: 10px; background: #fff; }
body.k .yl-metin { white-space: pre-line; font-size: 1.1rem; font-weight: 600; color: var(--text); margin-bottom: 14px; }
body.k .yl-secenekler { display: grid; gap: 10px; }
body.k .yl-sec { display: flex; align-items: center; gap: 12px; text-align: left; width: 100%; padding: 12px 14px; border: 2px solid var(--border); background: var(--surface-2); color: var(--text); border-radius: 12px; font-size: 1rem; cursor: pointer; }
body.k .yl-sec:hover { border-color: var(--primary); }
body.k .yl-sec.dogru { border-color: #2FA36B; background: rgba(47,163,107,.16); } body.k .yl-sec.yanlis { border-color: #E2574C; background: rgba(226,87,76,.16); }
body.k .yl-harf { display: inline-flex; align-items: center; justify-content: center; min-width: 30px; height: 30px; border-radius: 8px; background: var(--primary-soft); color: var(--primary); font-weight: 800; }
body.k .yl-ic { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } body.k .yl-oimg { width: 84px; height: 84px; object-fit: contain; background: #fff; border-radius: 8px; padding: 3px; }
body.k .yl-sonuc { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: var(--primary-soft); border: 1px solid var(--border); color: var(--text); }
body.k .yl-sonuc.ok b { color: #2FA36B; } body.k .yl-sonuc.no b { color: #E2574C; }
body.k .yl-ack { white-space: pre-line; margin: 8px 0 0; color: var(--text); } body.k .yl-ileri { margin-top: 12px; }
body.k .yl-bos { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 22px; text-align: center; } body.k .yl-bos h2 { font-size: 1.3rem; color: var(--text); margin: 0 0 8px; } body.k .yl-bos p { color: var(--text-muted); }
body.k .yl-yukle { color: var(--text-muted); text-align: center; padding: 30px 0; } body.k .yl-not { color: var(--text-muted); font-size: .85rem; text-align: center; margin: 16px 0 8px; }


/* Günün sorusu arşivi */
body.k .gsa { padding-bottom: 8px; }
body.k .gsa-soru { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 18px; margin: 14px 0; }
body.k .gsa-soru h2 { font-size: 1.15rem; line-height: 1.45; margin: 0 0 12px; }
body.k .gsa-img { display: block; max-width: 100%; max-height: 280px; margin: 0 0 12px; border-radius: 10px; background: #fff; }
body.k .gsa-sik { margin: 0 0 14px; padding-left: 1.6em; }
body.k .gsa-sik li { margin: 6px 0; line-height: 1.5; max-width: none; }
body.k .gsa-sik li img { max-height: 70px; vertical-align: middle; background: #fff; border-radius: 6px; }
body.k .gsa-cevap { background: var(--surface-2); border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; margin-bottom: 14px; }
body.k .gsa-cevap summary { cursor: pointer; font-weight: 700; color: var(--primary); }
body.k .gsa-cevap p { margin: 10px 0 0; line-height: 1.55; max-width: none; }
body.k .gsa-dogru { color: #1f8a57; }
html[data-theme="dark"] body.k .gsa-dogru { color: #7FE3B0; }
body.k .gsa-liste { list-style: none; margin: 14px 0; padding: 0; display: grid; gap: 8px; }
body.k .gsa-liste li { max-width: none; }
body.k .gsa-liste a { display: flex; flex-direction: column; gap: 3px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; color: var(--text); }
body.k .gsa-liste a:hover { border-color: var(--primary); }
body.k .gsa-liste time { font-size: .8rem; color: var(--text-muted); font-weight: 600; }
body.k .gsa-liste span { line-height: 1.4; }

/* Trafik cezaları */
body.k .tc-ara { margin: 6px 0 10px; }
body.k .tc-lbl { display: block; font-weight: 700; margin-bottom: 6px; }
body.k .tc-ara input { width: 100%; padding: 13px 14px; font: inherit; font-size: 1.02rem; color: var(--text); background: var(--surface); border: 2px solid var(--border); border-radius: 12px; }
body.k .tc-ara input:focus { outline: none; border-color: var(--primary); }
body.k .tc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
body.k .tc-chip { border: 1px solid var(--border); background: var(--surface); color: var(--text); border-radius: 999px; padding: 6px 12px; font: inherit; font-size: .88rem; cursor: pointer; }
body.k .tc-chip:hover { border-color: var(--primary); color: var(--primary); }
body.k .tc-say { color: var(--text-muted); font-size: .9rem; margin: 4px 0 8px; }
body.k .tc-h2 { font-size: 1.15rem; margin: 6px 0 10px; }
body.k .tc-liste { display: grid; gap: 12px; }
body.k .tc-k { background: var(--surface); border: 1px solid var(--border); border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 8px; }
body.k .tc-k[hidden] { display: none; }
body.k .tc-vurgu { border-color: var(--primary); box-shadow: 0 0 0 3px var(--primary-soft); }
body.k .tc-ust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
body.k .tc-m { font-weight: 800; color: var(--primary); font-size: 1.05rem; }
body.k .tc-kim { font-size: .78rem; color: var(--text-muted); background: var(--surface-2); border-radius: 999px; padding: 2px 9px; }
body.k .tc-t { font-size: 1rem; line-height: 1.45; font-weight: 600; margin: 0; }
body.k .tc-alt { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
body.k .tc-para b { display: block; color: #C4382E; font-size: 1.35rem; font-weight: 800; }
html[data-theme="dark"] body.k .tc-para b { color: #FF8A80; }
body.k .tc-para b.tc-yok { font-size: 1rem; }
body.k .tc-para small { color: var(--text-muted); font-size: .82rem; }
body.k .tc-puan { color: #C4382E; font-weight: 800; white-space: nowrap; }
html[data-theme="dark"] body.k .tc-puan { color: #FF8A80; }
body.k .tc-d summary { cursor: pointer; color: var(--primary); font-weight: 700; font-size: .92rem; }
body.k .tc-d dl { margin: 8px 0 0; }
body.k .tc-d dt { font-weight: 700; font-size: .85rem; margin-top: 8px; color: var(--text-muted); }
body.k .tc-d dd { margin: 2px 0 0; line-height: 1.5; font-size: .92rem; }
body.k .tc-pay { align-self: flex-start; border: 1px solid var(--primary); background: transparent; color: var(--primary); border-radius: 10px; padding: 7px 12px; font: inherit; font-weight: 700; font-size: .88rem; cursor: pointer; }
body.k .tc-daha { display: block; margin: 14px auto; border: 1px solid var(--primary); background: var(--primary); color: var(--on-primary); border-radius: 10px; padding: 10px 18px; font: inherit; font-weight: 700; cursor: pointer; }
body.k .tc-daha[hidden], body.k .tc-yoksa[hidden] { display: none; }
body.k .tc-not { margin: 22px 0; color: var(--text-muted); font-size: .92rem; line-height: 1.55; }
body.k .tc-not h2 { font-size: 1.05rem; color: var(--text); }
body.k .tc-not p { max-width: none; }
body.k .tc-t.tc-uzun { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

/* E-Sınav ay sayfaları */
body.k .es-liste { margin: 22px 0; }
body.k .es-liste h2 { font-size: 1.2rem; }
body.k .es-liste p { max-width: none; color: var(--text-muted); }
body.k .es-gl { list-style: none; margin: 12px 0; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
body.k .es-gl li { max-width: none; }
body.k .es-gl a { display: flex; flex-direction: column; gap: 3px; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; color: var(--text); }
body.k .es-gl a:hover { border-color: var(--primary); }
body.k .es-gl span { font-size: .8rem; color: var(--text-muted); font-weight: 600; }
body.k .es-gl b { font-size: .95rem; }
body.k .es-ay-gez { display: flex; justify-content: space-between; gap: 12px; margin: 10px 0 18px; }
body.k .es-ay-gez a { color: var(--primary); font-weight: 700; }
body.k .es-tum { font-size: 1rem; margin: 6px 0; }
body.k .es-aylar { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
body.k .es-aylar li { max-width: none; }
body.k .es-aylar a { display: inline-block; border: 1px solid var(--border); background: var(--surface); border-radius: 999px; padding: 6px 12px; font-size: .88rem; color: var(--text); }
body.k .es-aylar a[aria-current="page"] { background: var(--primary); color: var(--on-primary); border-color: var(--primary); }
body.k .tc-btn { display: flex; flex-wrap: wrap; gap: 8px; }