/* Sınav Deneme Merkezi (2026-10-28) — /sinav-deneme/*: sekme şeridi, hub listesi, küçük ekler.
   Motor sınıfları (.kq-*, .klv-*, .eh-*) site.css + ehliyet2.css'ten gelir. Dil: hap/dolgu yok; kalın üst çizgi + alt çizgi + tipografi. */

/* ── sekme şeridi (KPSS/ehliyet/yeni sayfalarda H1'in altında) ── */
.dn-sekmeler { display: flex; gap: 0 18px; margin: -8px 0 20px; border-bottom: 1px solid var(--line); font-size: 14px; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.dn-sekmeler::-webkit-scrollbar { display: none; }
.dn-sekme { flex: none; padding: 8px 2px 9px; font-weight: 600; color: var(--ink-soft); border-bottom: 3px solid transparent; margin-bottom: -1px; touch-action: manipulation; }
.dn-sekme:hover { color: var(--ink); text-decoration: none; }
.dn-sekme.is-active { color: var(--ink); border-bottom-color: var(--accent); }
.dn-sekme--tum { margin-left: auto; color: var(--link); }
/* 2026-10-28 UI denetimi: dar ekranda şerit taşıyor; 'Tüm denemeler' başa alınır (hub'da aktif sekme görünsün), sağ kenar solarak kaydırma ipucu verir */
@media (max-width: 680px) {
    .dn-sekmeler { gap: 0 12px; padding-right: 48px; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 44px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 44px), transparent); }
    .dn-sekme--tum { order: -1; margin-left: 0; }
}

/* ── sayfa üstü biçim satırı ── */
.dn-bicim { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: -6px 0 18px; font-size: 14px; color: var(--ink-soft); }
.dn-bicim b { color: var(--ink); font-variant-numeric: tabular-nums; }

/* ── kurulum: seviye satırı + alan satırı + mod grupları ── */
.kq-levels.dn-alanlar { grid-template-columns: repeat(3, 1fr); margin-top: -6px; }
.kq-levels.dn-alanlar .kq-level { padding: 11px 14px; }
.kq-levels.dn-alanlar .kq-level strong { font-size: 16px; }
.dn-grup .kq-modes { margin: 0 0 16px; }
.dn-grup .kq-modes .btn { align-items: center; }
.dn-grup .btn-ghost { background: var(--bg); border-color: var(--line); color: var(--ink); }
.dn-grup .btn-ghost:hover { border-color: var(--ink); }
.dn-grup .btn-ghost small { color: var(--ink-faint); }
.dn-dersler.eh-konular { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dn-dersler .eh-konu { border-top-color: var(--ink); }
.dn-dersler .eh-konu:hover { border-color: var(--ink); background: color-mix(in srgb, var(--ink) 4%, var(--bg)); }
.dn-test-ad { font-size: 13px; color: var(--ink-faint); }
.klv-score-main small.dn-toplam { font-size: 13px; font-weight: 600; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.eh-r-konu b small { font-weight: 500; color: var(--ink-faint); }
.kq-rev-s { font-weight: 700; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--gold); margin-right: 4px; }
.dn-kaynak { margin: 16px 0 0; }

/* ── hub listesi ── */
.dn-liste { list-style: none; margin: 8px 0 0; padding: 0; }
.dn-satir { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.6fr) auto; gap: 10px 32px; align-items: start; padding: 18px 0 20px; border-top: 3px solid var(--ink); }
.dn-satir + .dn-satir { border-top-width: 1px; border-top-color: var(--line); }
.dn-satir-ad { font-family: var(--serif); font-size: clamp(26px, 3.6vw, 34px); line-height: 1.05; letter-spacing: -.02em; margin: 0; }
.dn-satir-ad a { color: inherit; }
.dn-satir-ad a:hover { text-decoration: none; color: var(--accent); }
.dn-satir-ad small { display: block; font-family: var(--sans); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); margin-top: 6px; }
.dn-satir-bicim { margin: 4px 0 0; font-size: 14px; color: var(--ink-soft); }
.dn-satir-bicim b { color: var(--ink); font-variant-numeric: tabular-nums; }
.dn-satir-tanitim { margin: 0; font-size: 15px; line-height: 1.55; }
.dn-satir-sayi { display: block; margin-top: 8px; font-size: 12.5px; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.dn-satir-eylem { display: grid; gap: 8px; justify-items: stretch; min-width: 150px; }
.dn-satir-eylem .btn { justify-content: center; padding: 9px 16px; font-size: 14px; }
.dn-satir-eylem .btn-ghost { border-color: var(--ink); color: var(--ink); }
.dn-satir-eylem .btn-ghost:hover { background: var(--ink); color: var(--bg); }

/* ── son çözdüklerin (hub, bu cihazda) ── */
.dn-son { margin: 26px 0 0; padding-top: 12px; border-top: 3px solid var(--ink); }
.dn-son ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.dn-son li { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto auto; gap: 4px 14px; align-items: baseline; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.dn-son li b { font-family: var(--serif); font-size: 16px; }
.dn-son li em { font-style: normal; font-weight: 800; font-variant-numeric: tabular-nums; }
.dn-son li em.is-iyi { color: #1f7a45; } .dn-son li em.is-orta { color: #b7791f; } .dn-son li em.is-zayif { color: #b42318; }
.dn-son li small { color: var(--ink-faint); font-variant-numeric: tabular-nums; }

/* ── alt bağlantılar ── */
.dn-takvim { margin: 22px 0 0; padding: 14px 0 0; border-top: 1px solid var(--line); font-size: 15px; }
.dn-takvim p { margin: 0 0 6px; }

@media (max-width: 900px) {
    .dn-satir { grid-template-columns: minmax(0, 1fr) auto; }
    .dn-satir-tanitim { grid-column: 1 / -1; }
    .dn-dersler.eh-konular { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
    .kq-levels.dn-alanlar { grid-template-columns: repeat(3, 1fr); gap: 8px; }
    .kq-levels.dn-alanlar .kq-level { padding: 10px 10px; }
    .kq-levels.dn-alanlar .kq-level strong { font-size: 14.5px; }
    .kq-levels.dn-alanlar .kq-level small { font-size: 11.5px; }
    .kq-levels.dn-seviyeler { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .dn-grup .kq-modes .btn { width: 100%; }
    .dn-satir { grid-template-columns: 1fr; gap: 8px; padding: 16px 0; }
    .dn-satir-eylem { grid-template-columns: 1fr 1fr; }
    .dn-son li { grid-template-columns: 60px minmax(0, 1fr) auto; }
    .dn-son li small { grid-column: 2 / -1; }
}
@media (max-width: 560px) {
    .dn-dersler.eh-konular { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .dn-dersler .eh-konu { padding: 10px 11px; }
    .dn-dersler .eh-konu strong { font-size: 14.5px; }
}
.dn-son-h { margin: 0 0 10px; font-family: var(--serif); font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
.dn-son-h small { font-family: var(--sans); font-size: 12.5px; font-weight: 600; color: var(--ink-faint); letter-spacing: 0; }
@media (max-width: 680px) { .dn-sayfa .kq-map { flex-basis: 100%; max-height: 120px; } }