/* Puan hesaplama (/hesaplama/…) — "Premium Light SaaS" görünümü (2026-10-12).
   Araç sayfaları her açılışta açık temada (site-nav.mjs → TOOL_PATH). Sıra: calendar.css (temel) → takvim-dark.css
   (üst menü, koyu görünüm ve siyah/amber açık katman) → bu dosya. Açık kurallar body.calc-page:not(.takvim-dark) altında;
   tema düğmesi takvim-dark sınıfını ekleyince takvimin koyu görünümü geçerli olur. Eski lacivert (#2B4BB0) bu sayfada kullanılmaz. */

/* ---------- Bölüm renkleri: Sayısal teal, Sözel mor, ÖBP / EA amber-turuncu (iki temada da) ---------- */
.calc-page .calc [data-group=DGS]{--grad:linear-gradient(90deg,#2DD4BF,#0D9488)}
.calc-page .calc [data-group=ALES]{--grad:linear-gradient(90deg,#C084FC,#7E22CE)}
.calc-page .calc [data-group=YKS]{--grad:linear-gradient(90deg,#FBBF24,#EA580C)}
.calc-page:not(.takvim-dark) .calc [data-group=DGS]{--accent:#0D9488;--accent-soft:rgba(13,148,136,.14)}
.calc-page:not(.takvim-dark) .calc [data-group=ALES]{--accent:#9333EA;--accent-soft:rgba(147,51,234,.14)}
.calc-page:not(.takvim-dark) .calc [data-group=YKS]{--accent:#D97706;--accent-soft:rgba(245,158,11,.18)}

/* ---------- Zemin (ana sayfanın açık temasıyla aynı sıcak krem #F5F2EA) ve yazı (slate-900) ---------- */
body.calc-page:not(.takvim-dark){--bg:#F5F2EA;--card:#FFFFFF;--card-2:#FAF8F3;--hair:#E2E8F0;--hair-2:#CBD5E1;--text:#0F172A;--muted:#475569;--faint:#64748B;--amber:#D97706;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 20px 25px -5px rgba(226,232,240,.5),0 8px 10px -6px rgba(226,232,240,.5);
  background:radial-gradient(900px 420px at 92% -12%,rgba(245,158,11,.07),transparent 62%),#F5F2EA;background-repeat:no-repeat;background-color:#F5F2EA}
.calc-page .glow{background:radial-gradient(closest-side,rgba(245,158,11,.10),rgba(245,158,11,0))}
.calc-page:not(.takvim-dark) h1{color:#0F172A}
.calc-page:not(.takvim-dark) .hub-hero .eyebrow{color:#64748B;letter-spacing:.2em}
.calc-page:not(.takvim-dark) .hub-hero .eyebrow::before{background:#F59E0B}
/* "puan hesaplama": parlayan amber-500 (takvim-dark.css'teki koyu altının yerine) */
.calc-page:not(.takvim-dark) h1 em.shiny-text{color:#F59E0B;background-image:linear-gradient(to right,transparent,rgba(255,247,222,.95) 50%,transparent),linear-gradient(180deg,#FBBF24,#F59E0B 45%,#D97706);filter:drop-shadow(0 6px 18px rgba(245,158,11,.22))}
.calc-page:not(.takvim-dark) .verification{background:#FFFFFF;border-color:#E2E8F0;color:#64748B;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.calc-page:not(.takvim-dark) .dot{background:#10B981;box-shadow:0 0 10px rgba(16,185,129,.6)}
.calc-page:not(.takvim-dark) .crumbs a{color:#64748B}.calc-page:not(.takvim-dark) .crumbs a:hover{color:#B45309}

/* ---------- Hesap kartları: beyaz, yumuşak yükseltilmiş gölge (shadow-xl shadow-slate-200/50) ---------- */
.calc-page:not(.takvim-dark) .calc-panel,.calc-page:not(.takvim-dark) .score-card{background:#FFFFFF;border:1px solid rgba(226,232,240,.8);box-shadow:var(--shadow)}
.calc-page:not(.takvim-dark) .calc-panel{padding:22px;border-radius:20px}
.calc-page .calc-panel legend{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:750;letter-spacing:-.01em}
.calc-page .calc-panel legend::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--grad);box-shadow:0 0 0 4px var(--accent-soft,color-mix(in srgb,var(--accent) 16%,transparent))}
.calc-page:not(.takvim-dark) .calc-sub{color:#94A3B8}
.calc-page:not(.takvim-dark) .calc-field label{color:#334155}
.calc-page:not(.takvim-dark) .calc-box input{background:#FAF8F3;border:1px solid #E2E8F0;color:#0F172A;box-shadow:none}
.calc-page:not(.takvim-dark) .calc-box input:hover{border-color:#CBD5E1}
.calc-page:not(.takvim-dark) .calc .calc-box input:focus{background:#FFFFFF;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.calc-page:not(.takvim-dark) .calc-stats{padding-top:12px;border-top:1px solid #F1F5F9;color:#64748B}
.calc-page:not(.takvim-dark) .calc-stats strong{color:#0F172A}

/* Kaydırıcılar: dolu kısım bölüm renginde (--fill, dgs-ui.mjs), beyaz tutamaç + renkli halka; mavi yok. */
.calc-page .calc input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--fill,50%),var(--hair) var(--fill,50%) 100%)}
.calc-page .calc input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--hair)}
.calc-page .calc input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent)}
.calc-page:not(.takvim-dark) .calc input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;background:#FFFFFF;border:2px solid var(--accent);box-shadow:0 1px 3px rgba(15,23,42,.18),0 0 0 4px var(--accent-soft);transition:box-shadow .2s,transform .2s}
.calc-page:not(.takvim-dark) .calc input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#FFFFFF;border:2px solid var(--accent);box-shadow:0 1px 3px rgba(15,23,42,.18),0 0 0 4px var(--accent-soft)}
.calc-page:not(.takvim-dark) .calc input[type=range]:hover::-webkit-slider-thumb,.calc-page:not(.takvim-dark) .calc input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1);box-shadow:0 1px 3px rgba(15,23,42,.18),0 0 0 6px var(--accent-soft)}
.calc-page:not(.takvim-dark) .calc input[type=range]:focus-visible{outline:2px solid var(--accent)}

/* Not sistemi düğmeleri (seçili: takvim-dark.css açık katmanındaki slate-900 hap) ve kırık ÖBP anahtarı */
.calc-page:not(.takvim-dark) .calc-scale button{background:#FFFFFF;border-color:#E2E8F0;color:#475569;box-shadow:none}
.calc-page:not(.takvim-dark) .calc-scale button[aria-pressed=true]{background:#0F172A;border-color:#0F172A;color:#FFFFFF;box-shadow:0 6px 16px -8px rgba(15,23,42,.6)}
.calc-page:not(.takvim-dark) .calc-switch input:checked+.calc-switch-ui{background:linear-gradient(90deg,#FBBF24,#F59E0B)}
.calc-page:not(.takvim-dark) .calc-switch-ui::after{background:#FFFFFF;box-shadow:0 1px 3px rgba(15,23,42,.25)}
.calc-page:not(.takvim-dark) .calc-switch input:checked+.calc-switch-ui::after{background:#FFFFFF}

/* ---------- Sonuç kartları: kalın siyah sayı, bölüm renginde parlak çubuk ---------- */
.calc-page:not(.takvim-dark) .score-card{gap:10px;padding:20px 22px;border-radius:20px}
.calc-page:not(.takvim-dark) .score-card .tag{color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px}
.calc-page:not(.takvim-dark) .score-value{color:#0F172A;font-weight:800;letter-spacing:-.035em}
.calc-page .score-bar{height:8px}
.calc-page:not(.takvim-dark) .score-bar{background:#F1F5F9}
.calc-page .score-bar span{background:var(--grad,var(--accent));box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}
.calc-page:not(.takvim-dark) .score-parts{color:#64748B}
.calc-page:not(.takvim-dark) .is-invalid .score-card{border-color:#E2E8F0}
.calc-page:not(.takvim-dark) .calc-warning{background:#FFFBEB;border-color:#FCD34D;color:#78350F}
.calc-page:not(.takvim-dark) .calc-warning strong{color:#B45309}
.calc-page:not(.takvim-dark) .calc-note{color:#64748B}

/* ---------- Kurallar (SSS) ve bağlantı kartları ---------- */
.calc-page:not(.takvim-dark) .qa{background:#FFFFFF;border-color:#E2E8F0;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.calc-page:not(.takvim-dark) .qa:hover{box-shadow:var(--shadow)}
.calc-page:not(.takvim-dark) .qa:target{border-color:rgba(245,158,11,.55);box-shadow:0 0 30px -10px rgba(245,158,11,.4)}
.calc-page:not(.takvim-dark) .faq-meta a{color:#B45309}
.calc-page:not(.takvim-dark) .strip-title{color:#0F172A}

/* Koyu görünüm (tema düğmesi): takvim-dark.css legend'ı soluklaştırır; başlıklar okunur kalsın. */
.calc-page.takvim-dark .calc-panel legend{color:var(--text)}
.calc-page.takvim-dark .score-bar{background:rgba(255,255,255,.08)}

/* ---------- Alt çağrı bandı: koyu blok yerine yumuşak amber (Premium Light) ---------- */
body.calc-page:not(.takvim-dark) .cta{color:#0F172A;border:1px solid rgba(245,158,11,.22);background:radial-gradient(70% 140% at 100% 0%,rgba(251,191,36,.20),transparent 60%),linear-gradient(120deg,#FFFBEB 0%,#FFF7ED 100%);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(15,23,42,.04),0 24px 48px -24px rgba(217,119,6,.28)}
body.calc-page:not(.takvim-dark) .cta::before{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(251,191,36,.16),transparent 72%)}
body.calc-page:not(.takvim-dark) .cta h2{color:#0F172A}
body.calc-page:not(.takvim-dark) .cta p:not(.eyebrow){color:#475569}
body.calc-page:not(.takvim-dark) .cta .eyebrow{color:#B45309;text-shadow:none}
body.calc-page:not(.takvim-dark) .cta .eyebrow::before{background:#F59E0B}
body.calc-page:not(.takvim-dark) .cta h2 em.shiny-text{color:#F59E0B;background-image:linear-gradient(to right,transparent,rgba(255,247,222,.95) 50%,transparent),linear-gradient(180deg,#FBBF24,#F59E0B 45%,#D97706);filter:drop-shadow(0 4px 12px rgba(245,158,11,.25))}
body.calc-page:not(.takvim-dark) .cta .primary{border-radius:999px;border:0;color:#1C1405;background:linear-gradient(180deg,#FBBF24,#F59E0B);text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 24px -8px rgba(217,119,6,.55)}
body.calc-page:not(.takvim-dark) .cta .primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 4px rgba(245,158,11,.18),0 14px 30px -8px rgba(217,119,6,.6)}
body.calc-page:not(.takvim-dark) .cta .primary::after{display:none}

/* ---------- KPSS Atama Pusulası (/rehber/atama-pusulasi/, body.atama-page) — eski lacivert yok ---------- */
/* Derinlik: krem zeminde slate-200/50 gölge tek başına görünmediği için altına hafif koyu bir katman eklenir */
.atama-page:not(.takvim-dark){--atama-lift:0 1px 2px rgba(15,23,42,.05),0 12px 32px -12px rgba(15,23,42,.16),0 20px 25px -5px rgba(226,232,240,.5);--atama-lift-hover:0 1px 2px rgba(15,23,42,.06),0 18px 40px -14px rgba(15,23,42,.22),0 24px 30px -6px rgba(226,232,240,.6)}
/* Panel ve filtreler: beyaz kart (shadow-xl), slate-50 alanlar, amber odak halkası */
.atama-page:not(.takvim-dark) .atama-panel{background:#FFFFFF;border:1px solid rgba(226,232,240,.9);border-radius:20px;box-shadow:var(--atama-lift)}
.atama-page:not(.takvim-dark) .atama-levels button{background:#FFFFFF;color:#334155;border:1px solid #E2E8F0;box-shadow:0 1px 2px rgba(15,23,42,.05)}
.atama-page:not(.takvim-dark) .atama-levels button:hover{border-color:#CBD5E1;color:#0F172A;background:#F8FAFC}
.atama-page:not(.takvim-dark) .atama-levels button[aria-pressed=true]{background:#1E293B;color:#FFFFFF;border-color:#1E293B;box-shadow:0 4px 6px -1px rgba(30,41,59,.25),0 2px 4px -2px rgba(30,41,59,.2)}
.atama-page:not(.takvim-dark) #bolum-search,.atama-page:not(.takvim-dark) .atama-filters select,.atama-page:not(.takvim-dark) .atama-filters input{background-color:rgba(241,245,249,.55);border:1px solid rgba(226,232,240,.45);color:#0F172A;box-shadow:none;transition:background-color .15s,border-color .15s,box-shadow .15s}
.atama-page:not(.takvim-dark) #bolum-search:hover,.atama-page:not(.takvim-dark) .atama-filters select:hover,.atama-page:not(.takvim-dark) .atama-filters input:hover{background-color:rgba(241,245,249,.9);border-color:rgba(226,232,240,.8)}
.atama-page:not(.takvim-dark) #bolum-search:focus,.atama-page:not(.takvim-dark) .atama-filters select:focus,.atama-page:not(.takvim-dark) .atama-filters input:focus{outline:none;background-color:#FFFFFF;border-color:#F59E0B;box-shadow:0 0 0 2px rgba(245,158,11,.5)}
.atama-page:not(.takvim-dark) .atama-bolum>label,.atama-page:not(.takvim-dark) .atama-filters label>span{color:#64748B}
.atama-page:not(.takvim-dark) .atama-current span{color:#B45309}
.atama-page:not(.takvim-dark) .atama-suggest{background:#FFFFFF;border-color:#E2E8F0;box-shadow:0 24px 48px -16px rgba(15,23,42,.22)}
.atama-page:not(.takvim-dark) .atama-suggest button:hover,.atama-page:not(.takvim-dark) .atama-suggest button:focus-visible{background:#FFFBEB}
/* Özet rozetleri: cam hap (white/80 + blur + shadow-sm), sayı amber-600 */
.atama-page:not(.takvim-dark) .atama-stats>span{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #E2E8F0;color:#475569;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.atama-page:not(.takvim-dark) .atama-stats strong{color:#D97706;font-weight:800}
.atama-page:not(.takvim-dark) .atama-stats small{color:#64748B}
/* Sonuç kartları: ferah analitik kart — kutu içinde kutu yok; TABAN büyük, TAVAN/KONTENJAN yanında ikincil; altta amber gradyan çubuk */
.atama-page .kadro-card{position:relative;overflow:hidden;gap:10px;padding:22px 22px 26px;border-radius:20px}
.atama-page .kadro-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#FBBF24,#F59E0B 50%,#EA580C);box-shadow:0 0 14px rgba(245,158,11,.45)}
.atama-page .kadro-card .tag{border:0;padding:4px 10px;font-size:.7rem;font-weight:500;letter-spacing:.02em}
.atama-page .kadro-kurum{font-size:1.125rem;line-height:1.35;font-weight:700;letter-spacing:-.015em}
.atama-page .kadro-nums{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:6px 22px;margin:10px 0 0}
.atama-page .kadro-nums div,.atama-page .kadro-nums div:first-child{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.atama-page .kadro-nums dt,.atama-page .kadro-nums div:first-child dt{font-size:.66rem;font-weight:600;letter-spacing:.1em}
.atama-page .kadro-nums dd{margin:4px 0 0;font-size:1rem;font-weight:700;line-height:1.2}
.atama-page .kadro-nums div:first-child dd{font-size:2.25rem;font-weight:800;line-height:1;letter-spacing:-.035em}
.atama-page:not(.takvim-dark) .kadro-card{background:#FFFFFF;border:1px solid rgba(226,232,240,.9);box-shadow:var(--atama-lift)}
.atama-page:not(.takvim-dark) .kadro-card:hover,.atama-page:not(.takvim-dark) .kadro-card:focus-within{border-color:#E2E8F0;box-shadow:var(--atama-lift-hover)}
.atama-page:not(.takvim-dark) .kadro-card .tag{background:#F1F5F9;color:#475569}
.atama-page:not(.takvim-dark) .kadro-kurum{color:#0F172A}
.atama-page:not(.takvim-dark) .kadro-meta{color:#64748B}
.atama-page:not(.takvim-dark) .kadro-nums dt,.atama-page:not(.takvim-dark) .kadro-nums div:first-child dt{color:#64748B}
.atama-page:not(.takvim-dark) .kadro-nums dd{color:#334155}
.atama-page:not(.takvim-dark) .kadro-nums div:first-child dd{color:#0F172A}
.atama-page:not(.takvim-dark) .kadro-nums small{color:#B45309}
.atama-page:not(.takvim-dark) .atama-more{background:#FFFFFF;color:#0F172A;border-color:#E2E8F0;box-shadow:0 1px 2px rgba(15,23,42,.06)}
.atama-page:not(.takvim-dark) .atama-more:hover{border-color:#F59E0B;color:#B45309;box-shadow:0 0 0 2px rgba(245,158,11,.4)}
.atama-page:not(.takvim-dark) .atama-dir a:hover{color:#B45309}
/* Koyu görünüm (tema düğmesi): lacivert yerine takvimin amber vurgusu */
.atama-page.takvim-dark .atama-panel,.atama-page.takvim-dark .kadro-card,.atama-page.takvim-dark .atama-stats>span{background:var(--card);border-color:var(--hair)}
.atama-page.takvim-dark .atama-levels button[aria-pressed=true]{background:#F59E0B;color:#1C1405;border-color:#F59E0B;box-shadow:0 8px 24px -8px rgba(245,158,11,.5)}
.atama-page.takvim-dark .kadro-card .tag{background:rgba(255,255,255,.07);color:var(--muted)}
.atama-page.takvim-dark .kadro-nums dt,.atama-page.takvim-dark .kadro-nums div:first-child dt{color:var(--faint)}
.atama-page.takvim-dark .kadro-nums dd,.atama-page.takvim-dark .kadro-nums div:first-child dd,.atama-page.takvim-dark .atama-stats strong{color:var(--text)}
.atama-page.takvim-dark .kadro-card:hover,.atama-page.takvim-dark .kadro-card:focus-within{border-color:rgba(245,184,65,.4);box-shadow:0 0 30px -10px rgba(245,184,65,.3)}
.atama-page.takvim-dark #bolum-search:focus,.atama-page.takvim-dark .atama-filters select:focus,.atama-page.takvim-dark .atama-filters input:focus{border-color:rgba(245,184,65,.7);box-shadow:0 0 0 4px rgba(245,184,65,.12)}
.atama-page.takvim-dark .atama-current span,.atama-page.takvim-dark .atama-dir a:hover{color:#FBBF24}

/* ---------- KPSS puan hesaplama (/hesaplama/kpss/): düzey seçici, tek büyük sonuç kartı, istatistik bilgi notu ---------- */
.calc-page .calc-levels{flex-wrap:wrap}
.calc-page .calc-levels button{flex:1 1 0;min-height:42px;border-radius:12px;font-weight:700}
.calc-page .calc-levels button span{margin-left:4px;font-size:.74rem;font-weight:600;opacity:.7}
.calc-page .kpss-score{gap:6px;padding:24px}
.calc-page .kpss-score-label{font-size:.82rem;font-weight:600;color:var(--muted)}
.calc-page .kpss-score .score-value{font-size:3rem}
.calc-page .kpss-stats{display:grid;gap:10px;padding:16px 18px;border-radius:16px;font-size:.78rem;line-height:1.55;color:var(--faint);background:var(--card);border:1px dashed var(--hair-2)}
.calc-page .kpss-stats h3{margin:0;font-size:.8rem;font-weight:750;letter-spacing:.02em;color:var(--text)}
.calc-page .kpss-stats dl{display:grid;gap:4px;margin:0}
.calc-page .kpss-stats dl div{display:flex;justify-content:space-between;gap:12px}
.calc-page .kpss-stats dt{color:var(--muted);font-weight:600}
.calc-page .kpss-stats dd{margin:0;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}
.calc-page .kpss-stats p{margin:0}
.calc-page .kpss-stats a{color:var(--amber)}
.calc-page .kpss-stats-warning{padding:8px 10px;border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--amber) 10%,var(--card));border:1px solid color-mix(in srgb,var(--amber) 45%,transparent)}
.calc-page:not(.takvim-dark) .kpss-stats{background:#FAF8F3;border-color:#CBD5E1}
.calc-page:not(.takvim-dark) .kpss-stats a{color:#B45309}
.calc-page:not(.takvim-dark) .calc-levels button{background:#FFFFFF;border-color:#E2E8F0;color:#475569}
.calc-page:not(.takvim-dark) .calc-levels button[aria-pressed=true]{background:#0F172A;border-color:#0F172A;color:#FFFFFF;box-shadow:0 6px 16px -8px rgba(15,23,42,.6)}
.calc-page.takvim-dark .calc-levels button[aria-pressed=true]{background:#F59E0B;color:#1C1405;border-color:#F59E0B}
@media(max-width:600px){.calc-page .kpss-score{grid-template-columns:1fr}.calc-page .kpss-score .score-value{justify-self:start;font-size:2.4rem}.calc-page .kpss-stats dl div{flex-direction:column;gap:0}.calc-page .kpss-stats dd{text-align:left}}
/* KPSS: aynı netlerin geçmiş yıllardaki puanı */
.calc-page .kpss-years{display:grid;gap:10px;padding:18px 20px;border-radius:16px;background:var(--card);border:1px solid var(--hair-2)}
.calc-page .kpss-years h3{margin:0;font-size:.9rem;font-weight:750;color:var(--text)}
.calc-page .kpss-years-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.calc-page .kpss-years-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--hair-2)}
.calc-page .kpss-years-list li:last-child{border-bottom:0}
.calc-page .kpss-year{font-size:.86rem;font-weight:600;color:var(--muted);text-decoration:none}
.calc-page a.kpss-year:hover{text-decoration:underline}
.calc-page .kpss-years-list strong{font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--text)}
.calc-page .kpss-years-note{margin:0;font-size:.8rem;color:var(--faint)}
.calc-page .kpss-rule{margin:0;padding:12px 16px;border-radius:12px;font-size:.8rem;line-height:1.5;color:var(--muted);background:var(--card);border:1px dashed var(--hair-2)}