/* Konu sayfası tasarımı (10.10.2026). Palet: petrol #0F6B7C · altın #C5923E · zemin #FBF9F4.
   Başlık Instrument Serif, gövde Plus Jakarta Sans (yerel font: yazi-tipleri.css).
   Metin/HTML'e dokunmaz; yalnız görünüm. Dokunma alanı >=44px. Yatay taşma yok. */
body[data-konu]{--kt-petrol:#0F6B7C;--kt-petrol-k:#0A3D4A;--kt-altin:#C5923E;--kt-altin-k:#8A6318;--kt-metin:#12333D;--kt-soluk:#3D6672;--kt-kenar:#E7E0D2;--kt-kart:#FFFFFF;--kt-hata:#A4452F;--kt-hata-b:#FBF1EE;--kt-ornek-b:#EEF6F7;--kt-ozet-b:#FBF6EA}
main.kutu{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;min-width:0}
main.kutu>*{min-width:0}
.kt-hero{padding:14px 0 20px;margin:0 0 6px}
.kt-hero::before{content:"";display:block;width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--kt-altin),var(--kt-petrol));margin:0 0 14px}
.kt-hero h1{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(2.1rem,5vw,3.25rem);line-height:1.06;letter-spacing:-.01em;color:var(--kt-petrol-k);margin:4px 0 8px;text-wrap:balance;overflow-wrap:anywhere}
.kt-hero .alt{margin:0;color:var(--kt-soluk);font-size:.95rem}
.kt-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0}
.kt-chips li{padding:6px 12px;border-radius:999px;background:#F4F0E8;border:1px solid var(--kt-kenar);color:var(--kt-petrol-k);font-size:.8rem;font-weight:700}
/* Telefonda yol satırı tek satırda kayar (önce 2 satıra kırılıyor, 52 px idi); başlık yukarı itilmez. */
@media (max-width:560px){
  main.kutu .kt-hero .crumbs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:4px 0 14px;padding-bottom:2px}
  main.kutu .kt-hero .crumbs::-webkit-scrollbar{display:none}
  main.kutu .kt-hero .crumbs>*{flex:0 0 auto;white-space:nowrap}
}
.anlatim.kt-anlatim{font-size:1.0625rem;line-height:1.8;padding:6px 28px 28px}
.kt-anlatim p,.kt-anlatim li{max-width:72ch}
.kt-anlatim h2{font-size:1.45rem;font-family:'Instrument Serif',Georgia,serif;font-weight:400;color:var(--kt-petrol-k);border-bottom:1px solid #F0EBDF;padding:0 0 6px}
.kt-anlatim h3,.kt-kutu>h2,.kt-kutu>h3{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-size:1.08rem;font-weight:800;color:var(--kt-petrol-k);line-height:1.35}
.kt-kutu{margin:18px 0;padding:14px 18px 4px;border:1px solid var(--kt-kenar);border-left:4px solid var(--kt-petrol);border-radius:14px;background:var(--kt-ornek-b)}
.kt-kutu>h2,.kt-kutu>h3{margin-top:2px!important;border:0!important;padding:0!important}
.kt-kutu--ornek{border-left-color:var(--kt-petrol);background:var(--kt-ornek-b)}
.kt-kutu--hata{border-left-color:var(--kt-hata);background:var(--kt-hata-b)}
.kt-kutu--ozet{border-left-color:var(--kt-altin);background:var(--kt-ozet-b)}
.kt-anlatim .tab-kaydir{border-radius:12px}
.kt-sonraki{margin:36px 0 0}
.kt-sonraki>h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(1.6rem,3.6vw,2.2rem);color:var(--kt-petrol-k);margin:0 0 14px;border:0}
.kt-kartlar{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.kt-kart{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:16px 18px;border-radius:16px;background:var(--kt-kart);border:1px solid var(--kt-kenar);text-decoration:none;color:var(--kt-metin);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.kt-kart:hover,.kt-kart:focus-visible{transform:translateY(-2px);border-color:var(--kt-petrol);box-shadow:0 14px 26px -18px rgba(10,61,74,.5);outline:none}
.kt-kart small{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--kt-altin-k)}
.kt-kart strong{font-size:1.02rem;color:var(--kt-petrol-k);line-height:1.3}
.kt-kart span{font-size:.88rem;color:var(--kt-soluk);line-height:1.5}
.kt-not{margin:12px 0 0;font-size:.86rem;color:var(--kt-soluk)}
.kt-devam{margin:34px 0 0;display:grid;gap:20px;padding:24px;border-radius:20px;border:1px solid var(--kt-kenar);background:linear-gradient(160deg,#FFFFFF,#F7F3EA)}
.kt-devam h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:1.75rem;line-height:1.1;margin:0;color:var(--kt-petrol-k);border:0;padding:0}
.kt-devam-ust{margin:4px 0 0;font-size:.9rem;color:var(--kt-soluk)}
.kt-adimlar{list-style:none;counter-reset:kta;margin:14px 0 0;padding:0;display:grid;gap:12px}
.kt-adimlar li{counter-increment:kta;display:flex;gap:12px;align-items:flex-start}
.kt-adimlar li::before{content:counter(kta);flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--kt-petrol);color:#fff;font-weight:800;font-size:.86rem}
.kt-adimlar b{display:block;color:var(--kt-petrol-k)}
.kt-adimlar span{font-size:.9rem;color:var(--kt-soluk)}
.kt-tebrik{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#EEF7EC;color:#2F5E36;font-weight:600}
.kt-tebrik[hidden]{display:none}
.kt-diger{margin:14px 0 0;font-size:.88rem;color:var(--kt-soluk)}
.kt-diger a{color:var(--kt-petrol);font-weight:700}
.kt-devam-sag{display:grid;gap:10px;align-content:center}
.kt-btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:14px;font-weight:800;text-decoration:none;text-align:center}
/* Zemin sabit petrol: koyu temada --kt-petrol açık turkuaz (#5ECBDE) olduğu için beyaz yazı kayboluyordu. */
.kt-btn--al{background:linear-gradient(135deg,#0F6B7C,#12879C);color:#fff;box-shadow:0 10px 22px -12px rgba(15,107,124,.6)}
.kt-btn--ikincil{border:1.5px solid var(--kt-altin);color:var(--kt-altin-k);background:#fff}
.kt-kucuk{margin:2px 0 0;font-size:.8rem;line-height:1.5;color:var(--kt-soluk);text-align:center}
.kt-alt-cubuk{position:fixed!important;left:0;right:0;bottom:0;z-index:940;display:flex;justify-content:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(251,249,244,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--kt-kenar);box-shadow:0 -10px 24px -16px rgba(10,61,74,.35);transition:bottom .2s ease}
.kt-alt-cubuk[hidden]{display:none!important}
.kt-alt-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:520px;min-height:48px;border-radius:14px;background:linear-gradient(135deg,var(--kt-petrol),#12879C);color:#fff;font-weight:800;text-decoration:none}
html.kt-alt-acik .ka-toc-ac{bottom:var(--kt-alt-yer,96px)}
html.kt-alt-acik .ka-toc{bottom:calc(var(--kt-alt-yer,96px) + 56px)}
@media (min-width:760px){.kt-devam{grid-template-columns:1.25fr 1fr;align-items:center;padding:30px 32px}}
@media (max-width:860px){body[data-konu]{padding-bottom:84px}}
@media (min-width:861px){.kt-alt-cubuk{display:none!important}}
@media (max-width:520px){.anlatim.kt-anlatim{padding:4px 16px 20px}.kt-devam{padding:20px 18px}}
@media print{.kt-alt-cubuk,.kt-devam-sag{display:none!important}}
@media (prefers-reduced-motion:reduce){.kt-kart,.kt-alt-cubuk{transition:none}.kt-kart:hover,.kt-kart:focus-visible{transform:none}}
html[data-theme="dark"] body[data-konu]{--kt-metin:#E6F2F4;--kt-petrol:#5ECBDE;--kt-petrol-k:#E6F2F4;--kt-soluk:#9DB8C0;--kt-kenar:#1F3A44;--kt-kart:#0F2C34;--kt-altin:#D9A95A;--kt-altin-k:#E0B46A;--kt-hata:#E08A70;--kt-hata-b:#2A1A17;--kt-ornek-b:#0E2A31;--kt-ozet-b:#2A2412}
html[data-theme="dark"] .kt-chips li{background:#0F2C34}
html[data-theme="dark"] .kt-devam{background:linear-gradient(160deg,#0F2C34,#0B1F25)}
html[data-theme="dark"] .kt-btn--ikincil{background:transparent}
html[data-theme="dark"] .kt-tebrik{background:#14291C;color:#B7E2BE}
html[data-theme="dark"] .kt-alt-cubuk{background:rgba(11,27,32,.97)}
html[data-theme="dark"] .kt-anlatim h2,html[data-theme="dark"] .kt-anlatim h3{color:#E6F2F4}

.ilgili h2{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-weight:800;font-size:1.02rem}

/* ---- 2026-10-24: başlık ve kart dili (ana sayfa ritmiyle aynı) ---- */
.kt-hero{padding:18px 0 22px}
.kt-hero::before{display:none}
.kt-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kt-soluk)}
.kt-kicker .kt-no{display:inline-flex;align-items:center;min-height:26px;padding:3px 11px;border-radius:999px;background:rgba(197,146,62,.14);color:var(--kt-altin-k);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.kt-hero h1{font-size:clamp(2.3rem,4.8vw,3.6rem);line-height:1.04;letter-spacing:-.012em}
.kt-kart{box-shadow:0 24px 50px -36px rgba(10,61,74,.45)}
.kt-kart small{display:inline-flex;align-self:flex-start;align-items:center;min-height:24px;padding:2px 10px;border-radius:999px;background:rgba(197,146,62,.12)}
.kt-kart strong{font-size:1.06rem}
article.soru{margin:14px 0;padding:18px 20px 16px;border:1px solid var(--kt-kenar);border-radius:16px;background:var(--kt-kart);box-shadow:0 24px 50px -36px rgba(10,61,74,.4)}
article.soru>h3{margin:0 0 8px;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:800;color:var(--kt-petrol-k)}
article.soru .zor{display:inline-flex;align-items:center;min-height:22px;margin-left:8px;padding:1px 9px;border-radius:999px;background:rgba(197,146,62,.12);color:var(--kt-altin-k);font-size:.74rem;font-weight:700;vertical-align:middle}
html[data-theme="dark"] .kt-kart,html[data-theme="dark"] article.soru{box-shadow:0 24px 50px -36px rgba(0,0,0,.6)}
html[data-theme="dark"] .kt-kicker .kt-no{background:rgba(217,169,90,.16)}
@media (max-width:560px){.kt-hero{padding:12px 0 16px}.kt-kicker{font-size:.72rem;letter-spacing:.1em}article.soru{padding:16px 16px 14px}}

/* Çalışma sayfası blokları (24.10.2026): kart zemini ve metin rengi kt- tokenlarından gelir; beyaz-üstüne-beyaz metin olmaz. */
.kt-blok{background:var(--kt-kart);border:1px solid var(--kt-kenar);border-radius:16px;padding:20px 22px 12px;margin:14px 0;color:var(--kt-metin);box-shadow:0 24px 50px -36px rgba(10,61,74,.45)}
.kt-blok h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:1.5rem;line-height:1.15;color:var(--kt-petrol-k);margin:0 0 10px;padding:0;border:0}
.kt-blok p,.kt-blok li{color:var(--kt-metin);line-height:1.7}
.kt-blok ul,.kt-blok ol{margin:0 0 10px;padding-left:1.25rem}
.kt-blok li{margin:4px 0}
.kt-blok p{margin:0 0 10px}
.kt-blok a{color:var(--kt-petrol);font-weight:700}
html[data-theme="dark"] .kt-blok{box-shadow:0 24px 50px -36px rgba(0,0,0,.6)}

/* Soru sayfası: bölüm kutuları ve CTA kartları (24.10.2026) */
.kt-blok .cta-grup{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}
.kt-blok a.cta{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:16px 18px;border-radius:16px;background:var(--kt-kart);border:1px solid var(--kt-kenar);color:var(--kt-metin);font-weight:800;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.kt-blok a.cta:hover,.kt-blok a.cta:focus-visible{transform:translateY(-2px);border-color:var(--kt-petrol);outline:none}
.kt-blok a.cta span{font-size:.88rem;font-weight:400;color:var(--kt-soluk);line-height:1.5}
.kt-blok a.cta-2{border-color:var(--kt-altin)}
.kt-blok .cta-yol{margin:0 0 6px;color:var(--kt-soluk)}
.kt-blok .cta-rozet{display:inline-flex;align-self:flex-start;padding:1px 9px;border-radius:999px;background:rgba(197,146,62,.12);color:var(--kt-altin-k);font-size:.74rem;font-style:normal}
.kt-blok .cta-rozet[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.kt-blok a.cta{transition:none}.kt-blok a.cta:hover{transform:none}}
