/* ============================================================
   ÇALIŞMA KİTABI TEMASI — challenge.css
   Challenge sayfaları (/challenge, /arsiv, /liderler, /kurallar, /challenge/{slug}).
   tema.css → pages/challenge.css → excel-izgara.css'ten SONRA yüklenir.
   Bölüm rengi: altın (.ck-kat-challenge). Sınıf ön eki .ckc-*.
   JS kancaları (data-ch, #challenge-paket, .ch-sonuc/.ch-btn/.ch-begen/.ch-kilit sınıfları,
   .cc-* yorum sınıfları) korunur; yalnız görünüm ezilir.
   Kurallar: inline yok, gradient yok, gölge yok, emoji yok, hover'da hareket yok.
   Tüm seçiciler body.tema-calisma-kitabi altında.
   ============================================================ */

/* ---------- Kök: pages/challenge.css + excel-izgara.css tokenlarını temaya bağla ---------- */
body.tema-calisma-kitabi .ckc {
    padding-bottom: 80px;
    --ch-yesil: var(--ck-c);
    --ch-yesil-koyu: var(--ck-murekkep);
    --ch-yesil-orta: var(--ck-c);
    --ch-yesil-acik: var(--ck-c-acik);
    --ch-yesil-cok-acik: var(--ck-zemin);
    --ch-kirmizi: var(--ck-bordo);
    --ch-kirmizi-acik: var(--ck-bordo-acik);
    --ch-sari: var(--ck-altin-acik);
    --ch-gri: var(--ck-metin);
    --ch-cizgi: var(--ck-cizgi);
    --ch-kod: var(--ck-mono);
    /* ızgara (.xi) tokenları */
    --site-yuzey: var(--ck-kagit);
    --site-baslik: var(--ck-murekkep);
    --site-metin: var(--ck-metin);
    --site-cizgi-guclu: var(--ck-cizgi-koyu);
    --site-odak: var(--ck-c);
    --site-font: var(--ck-bas);
    --site-radius-alan: 10px;
    --site-radius-kart: 0px;
    --site-radius-rozet: 10px;
    --slate-100: var(--ck-zemin);
    --slate-200: var(--ck-izgara);
    --slate-700: var(--ck-metin);
    --c: var(--ck-c);
    --c-acik: var(--ck-c-acik);
    --kat-beceri: var(--ck-c);
    --kat-beceri-acik: var(--ck-c-acik);
    --green-900: var(--ck-yesil);
    --green-100: var(--ck-yesil-acik);
    --wine-700: var(--ck-bordo);
    --wine-100: var(--ck-bordo-acik);
    --clay-700: var(--ck-turuncu);
    --clay-100: var(--ck-turuncu-acik);
    --blue-800: var(--ck-mavi);
    --plum-700: var(--ck-mor);
    --orange-700: var(--ck-turuncu);
    --teal-700: var(--ck-teal);
}
body.tema-calisma-kitabi .ckc .xi { --xi-kod: var(--ck-mono); border: 0; border-radius: 0; }
body.tema-calisma-kitabi .ckc .xi .xi-tablo thead th, body.tema-calisma-kitabi .ckc .xi .xi-tablo tbody th { font-family: var(--ck-bas); }
body.tema-calisma-kitabi .ckc .xi .xi-cubuk { border-bottom: 1px solid var(--ck-cizgi); }

/* ---------- Ortak: tipografi, ekmek kırıntısı ---------- */
body.tema-calisma-kitabi .ckc .breadcrumb { padding: 24px 0 0; font-size: 13px; font-weight: 800; }
body.tema-calisma-kitabi .ckc .breadcrumb a { color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckc .breadcrumb a:hover { color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .breadcrumb .current { color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .breadcrumb > i { color: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .ckc-h1 { font-size: clamp(36px, 4.6vw, 64px); letter-spacing: -0.035em; line-height: .98; margin: 16px 0 0; }
body.tema-calisma-kitabi .ckc-h1 em { font-style: normal; color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-h1--sayfa { font-size: clamp(32px, 4vw, 52px); }
body.tema-calisma-kitabi .ckc-sayfa-bas { padding: 32px 0 8px; }
body.tema-calisma-kitabi .ckc-bolum { padding: clamp(48px, 6vw, 80px) 0 0; }
body.tema-calisma-kitabi .ckc-not { margin: 20px 0 0; font-size: 14px; font-weight: 600; color: var(--ck-soluk); line-height: 1.55; max-width: 760px; }
body.tema-calisma-kitabi .ckc-not a { color: var(--ck-c); font-weight: 800; }
body.tema-calisma-kitabi .ckc-bos { margin: 0; font-size: 15px; font-weight: 600; color: var(--ck-metin); line-height: 1.55; }
body.tema-calisma-kitabi .ckc-bos .fad { color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-bos a { color: var(--ck-c); font-weight: 800; }

/* Rozetler (JS .ch-rozet--* varyantlarını da kapsar) */
body.tema-calisma-kitabi .ckc .ch-rozet { height: 28px; padding: 0 10px; border-radius: 8px; background: var(--ck-kagit); border: 2px solid var(--ck-c); color: var(--ck-murekkep); font: 900 12px var(--ck-bas); letter-spacing: .04em; text-transform: uppercase; gap: 6px; text-decoration: none; }
body.tema-calisma-kitabi .ckc .ch-rozet .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-rozet--kolay, body.tema-calisma-kitabi .ckc .ch-rozet--orta { background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ckc .ch-rozet--zor { background: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc .ch-rozet--zor .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; }
body.tema-calisma-kitabi .ckc .ch-rozet--kirmizi { border-color: var(--ck-bordo); color: var(--ck-bordo); background: var(--ck-bordo-acik); }
body.tema-calisma-kitabi .ckc .ch-rozet--gri { border-color: var(--ck-cizgi-koyu); color: var(--ck-metin); }
body.tema-calisma-kitabi .ckc a.ch-rozet:hover { border-color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .ch-etiket { font: 900 11px var(--ck-bas); letter-spacing: .08em; text-transform: uppercase; color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckc .ck-zorluk { display: inline-flex; gap: 3px; align-items: center; }
body.tema-calisma-kitabi .ckc .ck-zorluk i { display: block; width: 10px; height: 14px; border-radius: 3px; background: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .ckc .ck-zorluk i.is-dolu { background: var(--ck-c); }

/* Düğmeler: .ch-btn JS'in sınıf eklediği düğmelerde kalır → ck-dugme diline çekilir */
body.tema-calisma-kitabi .ckc .ch-btn { height: 44px; padding: 0 18px; border-radius: 12px; border: 2px solid var(--ck-cizgi-koyu); background: var(--ck-kagit); color: var(--ck-murekkep); font: 900 15px/1 var(--ck-bas); gap: 8px; text-decoration: none; white-space: nowrap; }
body.tema-calisma-kitabi .ckc .ch-btn:hover { background: var(--ck-kagit); border-color: var(--ck-c); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .ch-btn .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; --fa-secondary-opacity: .5; }
body.tema-calisma-kitabi .ckc .ch-btn--ana { background: var(--ck-c); border-color: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc .ch-btn--ana:hover { background: var(--ck-murekkep); border-color: var(--ck-murekkep); color: var(--ck-kagit); }
body.tema-calisma-kitabi .ckc .ch-btn--tehlike { border-color: var(--ck-bordo); color: var(--ck-bordo); background: var(--ck-bordo-acik); }
body.tema-calisma-kitabi .ckc .ch-btn--tehlike:hover { border-color: var(--ck-bordo); background: var(--ck-bordo-acik); color: var(--ck-bordo); }
body.tema-calisma-kitabi .ckc .ch-btn:disabled { opacity: .5; cursor: default; }
body.tema-calisma-kitabi .ckc .ck-dugme { height: 44px; font-size: 15px; }

/* Sekme dizisi (dönem / seviye / sıralama seçiciler) */
body.tema-calisma-kitabi .ckc-sekmeler { display: flex; flex-wrap: wrap; gap: 8px; }
body.tema-calisma-kitabi .ckc-sekmeler a { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 10px; border: 2px solid var(--ck-cizgi-koyu); background: var(--ck-kagit); color: var(--ck-murekkep); font: 900 14px var(--ck-bas); text-decoration: none; white-space: nowrap; }
body.tema-calisma-kitabi .ckc-sekmeler a::before { content: ""; width: 9px; height: 9px; border-radius: 3px; background: var(--ck-cizgi-koyu); flex: none; }
body.tema-calisma-kitabi .ckc-sekmeler a:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-sekmeler a.is-aktif { background: var(--ck-c); border-color: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc-sekmeler a.is-aktif::before { background: #fff; }

/* Avatar: yuvarlak değil, hücre gibi köşeli */
body.tema-calisma-kitabi .ckc .ch-avatar, body.tema-calisma-kitabi .ckc-avatar { width: 36px; height: 36px; border-radius: 10px; background: var(--ck-c); color: #fff; font: 900 15px var(--ck-bas); display: inline-flex; align-items: center; justify-content: center; flex: none; }

/* Kart (yan panel, form, çözümler) */
body.tema-calisma-kitabi .ckc-kart { border: 2px solid var(--ck-cizgi); border-radius: var(--ck-r-kart); background: var(--ck-kagit); padding: 24px 26px; }
body.tema-calisma-kitabi .ckc-kart-bas { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 20px; font-weight: 900; letter-spacing: -0.02em; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc-kart-bas .fad { color: var(--ck-c); font-size: 18px; --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-sayac { display: inline-grid; place-items: center; min-width: 32px; height: 26px; padding: 0 8px; border-radius: 8px; background: var(--ck-c-acik); color: var(--ck-c); font: 800 12px var(--ck-mono); margin-left: 4px; }

/* ============ INDEX ============ */
body.tema-calisma-kitabi .ckc-hero { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: center; padding: 64px 0 56px; }
body.tema-calisma-kitabi .ckc-hero-alt { font-size: 18px; color: var(--ck-metin); font-weight: 600; margin: 22px 0 0; max-width: 620px; line-height: 1.55; }
body.tema-calisma-kitabi .ckc-hero .ck-dugmeler { margin-top: 28px; }
body.tema-calisma-kitabi .ckc-sayilar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body.tema-calisma-kitabi .ckc-sayi { background: var(--ck-kagit); border: 2px solid var(--ck-c); border-radius: var(--ck-r-kart); padding: 22px 24px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
body.tema-calisma-kitabi .ckc-sayi--genis { grid-column: span 2; }
body.tema-calisma-kitabi .ckc-sayi > .fad { font-size: 20px; color: var(--ck-c); --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); --fa-secondary-opacity: .45; }
body.tema-calisma-kitabi .ckc-sayi strong { font-size: clamp(32px, 3vw, 44px); font-weight: 900; letter-spacing: -0.04em; color: var(--ck-c); line-height: 1; font-variant-numeric: tabular-nums; }
body.tema-calisma-kitabi .ckc-sayi span { font-size: 13px; font-weight: 800; color: var(--ck-metin); line-height: 1.4; }
body.tema-calisma-kitabi .ckc-sayi .ck-dugme { align-self: flex-start; margin-top: 4px; }
body.tema-calisma-kitabi .ckc-guncel a.ck-kitap { display: block; text-decoration: none; color: inherit; min-width: 0; }
body.tema-calisma-kitabi .ckc-guncel a.ck-kitap:hover { border-color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc-guncel .ck-kitap-tablo td { max-width: 0; text-overflow: ellipsis; }
body.tema-calisma-kitabi .ckc-guncel .ck-kitap-tablo td.ck-kitap-cevap { border: 2px dashed var(--ck-c); }
body.tema-calisma-kitabi .ckc-guncel .ck-kitap-sekmeler span.is-aktif { color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc-guncel .ck-meta a { color: inherit; text-decoration: none; }
body.tema-calisma-kitabi .ckc-bos-yuzey { border-radius: var(--ck-r-yuzey); background: var(--ck-c-acik); padding: clamp(28px, 4vw, 48px); }

/* Liste: challenge kartları (index "önceki", arşiv) */
body.tema-calisma-kitabi .ckc-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.tema-calisma-kitabi .ckc-kart-ch { position: relative; border-radius: var(--ck-r-kart); background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); padding: 24px; display: flex; flex-direction: column; gap: 10px; min-height: 210px; min-width: 0; }
body.tema-calisma-kitabi .ckc-kart-ch:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-kart-ch.is-cozuldu { background: var(--ck-c-acik); border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-kart-no { font-size: 44px; font-weight: 900; letter-spacing: -0.05em; color: var(--ck-c); line-height: .9; }
body.tema-calisma-kitabi .ckc-kart-tarih { font: 700 12px var(--ck-mono); color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckc-kart-baslik { font-size: 19px; font-weight: 900; letter-spacing: -0.015em; line-height: 1.25; color: var(--ck-murekkep); text-decoration: none; }
body.tema-calisma-kitabi .ckc-kart-baslik::after { content: ""; position: absolute; inset: 0; }
body.tema-calisma-kitabi .ckc-kart-meta { margin-top: auto; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; font-size: 13px; font-weight: 800; color: var(--ck-metin); }
body.tema-calisma-kitabi .ckc-kart-meta span { display: inline-flex; align-items: center; gap: 6px; }
body.tema-calisma-kitabi .ckc-kart-meta .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-kart-cozuldu { position: absolute; top: 20px; right: 20px; display: inline-flex; align-items: center; gap: 6px; font: 900 11px var(--ck-bas); letter-spacing: .06em; text-transform: uppercase; color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-kart-cozuldu .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }

/* ============ ARŞİV ============ */
body.tema-calisma-kitabi .ckc-filtre { display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; margin: 24px 0 28px; }
body.tema-calisma-kitabi .ckc-etiket-ara { display: flex; align-items: stretch; height: 44px; border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; overflow: hidden; background: var(--ck-kagit); min-width: 0; }
body.tema-calisma-kitabi .ckc-etiket-ara:focus-within { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-etiket-ara label { display: grid; place-items: center; padding: 0 12px; font: italic 900 15px var(--ck-bas); color: var(--ck-c); border-right: 1px solid var(--ck-cizgi); }
body.tema-calisma-kitabi .ckc-etiket-ara input { min-width: 0; width: 220px; border: 0; background: transparent; padding: 0 12px; font: 500 14px var(--ck-mono); color: var(--ck-murekkep); outline: none; }
body.tema-calisma-kitabi .ckc-etiket-ara button { border: 0; background: var(--ck-c); color: #fff; padding: 0 16px; font: 900 14px var(--ck-bas); cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
body.tema-calisma-kitabi .ckc-etiket-ara button:hover { background: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc-etiket-ara button .fad { --fa-primary-color: #fff; --fa-secondary-color: #fff; }
body.tema-calisma-kitabi .ckc-sayfalama { margin-top: 28px; display: flex; justify-content: center; }
body.tema-calisma-kitabi .ckc-sayfalama nav { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
body.tema-calisma-kitabi .ckc-sayfalama a, body.tema-calisma-kitabi .ckc-sayfalama span[aria-current] span, body.tema-calisma-kitabi .ckc-sayfalama span[aria-disabled] span { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 10px; border: 2px solid var(--ck-cizgi-koyu); background: var(--ck-kagit); color: var(--ck-murekkep); font: 900 14px var(--ck-bas); text-decoration: none; }
body.tema-calisma-kitabi .ckc-sayfalama a:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-sayfalama span[aria-current] span { background: var(--ck-c); border-color: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc-sayfalama span[aria-disabled] span { opacity: .45; }
body.tema-calisma-kitabi .ckc-sayfalama p { display: none; }

/* ============ LİDERLER ============ */
body.tema-calisma-kitabi .ckc-lider { margin-top: 24px; }
body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo th, body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo td { height: 56px; }
body.tema-calisma-kitabi .ckc-lider-uye { display: flex; align-items: center; gap: 12px; font-weight: 800; color: var(--ck-murekkep); min-width: 0; }
body.tema-calisma-kitabi .ckc-lider-uye span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.tema-calisma-kitabi .ckc-lider .ck-sayfa-no { font: 800 13px var(--ck-mono); }
body.tema-calisma-kitabi .ckc-lider tr.is-ilk .ck-sayfa-no { background: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc-lider tr.is-ben td { background: var(--ck-c-acik); font-weight: 900; }
body.tema-calisma-kitabi .ckc-lider tr.is-ben td.ck-sayfa-no { background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ckc-lider tr.is-ben.is-ilk td.ck-sayfa-no { background: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc-lider td.ckc-puan { color: var(--ck-c); font-weight: 800; }
body.tema-calisma-kitabi .ckc-lider .ckc-bos { padding: 32px 24px; }

/* ============ KURALLAR ============ */
body.tema-calisma-kitabi .ckc-kurallar { max-width: 880px; margin-top: 24px; border: 2px solid var(--ck-cizgi); border-radius: var(--ck-r-yuzey); background: var(--ck-kagit); padding: clamp(24px, 4vw, 48px); counter-reset: ckc-kural; }
body.tema-calisma-kitabi .ckc-kurallar h2 { counter-increment: ckc-kural; font-size: 24px; margin: 40px 0 12px; display: flex; gap: 14px; align-items: center; }
body.tema-calisma-kitabi .ckc-kurallar h2::before { content: counter(ckc-kural, decimal-leading-zero); flex: none; font: 800 13px var(--ck-mono); color: var(--ck-c); background: var(--ck-c-acik); border-radius: 8px; padding: 5px 9px; }
body.tema-calisma-kitabi .ckc-kurallar h2:first-child { margin-top: 0; }
body.tema-calisma-kitabi .ckc-kurallar p, body.tema-calisma-kitabi .ckc-kurallar li { font-size: 16px; line-height: 1.65; color: var(--ck-metin); font-weight: 600; margin: 0 0 12px; }
body.tema-calisma-kitabi .ckc-kurallar li { margin-bottom: 8px; }
body.tema-calisma-kitabi .ckc-kurallar ul { margin: 0 0 12px; padding-left: 22px; }
body.tema-calisma-kitabi .ckc-kurallar strong { color: var(--ck-murekkep); font-weight: 900; }
body.tema-calisma-kitabi .ckc-kurallar a { color: var(--ck-c); font-weight: 800; }

/* ============ SHOW ============ */
body.tema-calisma-kitabi .ckc-bas { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: end; padding: 32px 0 28px; }
body.tema-calisma-kitabi .ckc-bas-metin { min-width: 0; }
body.tema-calisma-kitabi .ckc-bas-satir { display: flex; gap: 22px; align-items: flex-start; margin-top: 12px; }
body.tema-calisma-kitabi .ckc-bas .ck-afis-no { font-size: clamp(64px, 8vw, 112px); margin-top: 0; flex: none; }
body.tema-calisma-kitabi .ckc-bas h1 { font-size: clamp(30px, 3.6vw, 48px); letter-spacing: -0.03em; line-height: 1.05; margin: 8px 0 0; }
body.tema-calisma-kitabi .ckc-bas .ck-meta { margin-top: 18px; }
body.tema-calisma-kitabi .ckc-bas .ck-meta > span { display: inline-flex; align-items: center; gap: 6px; }
body.tema-calisma-kitabi .ckc-bas-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
body.tema-calisma-kitabi .ckc-sayac-kutu { border: 2px solid var(--ck-c); border-radius: var(--ck-r-kart); background: var(--ck-kagit); padding: 16px 20px; display: flex; flex-direction: column; gap: 6px; min-width: 200px; }
body.tema-calisma-kitabi .ckc-sayac-kutu span { font: 900 11px var(--ck-bas); letter-spacing: .08em; text-transform: uppercase; color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckc-sayac-kutu .ch-kalan { font: 800 26px var(--ck-mono); letter-spacing: -0.02em; color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-govde { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; }
body.tema-calisma-kitabi .ckc-ana { min-width: 0; display: flex; flex-direction: column; gap: 28px; }
body.tema-calisma-kitabi .ckc-ana > [hidden] { display: none !important; }

/* Hikâye yüzeyi + görev */
body.tema-calisma-kitabi .ckc-hikaye-kart { border-radius: var(--ck-r-yuzey); background: var(--ck-c-acik); padding: clamp(24px, 3.2vw, 40px); }
body.tema-calisma-kitabi .ckc-hikaye { font-size: 17px; line-height: 1.6; color: var(--ck-murekkep); font-weight: 600; }
body.tema-calisma-kitabi .ckc-hikaye p { margin: 0 0 10px; }
body.tema-calisma-kitabi .ckc-gorev { margin-top: 22px; background: var(--ck-kagit); border: 2px solid var(--ck-c); border-radius: var(--ck-r-kart); padding: 22px 24px; display: flex; flex-direction: column; gap: 10px; }
body.tema-calisma-kitabi .ckc-gorev-metin { margin: 0; font-size: 16px; line-height: 1.6; color: var(--ck-murekkep); font-weight: 700; }
body.tema-calisma-kitabi .ckc-cevap-alani { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; height: 32px; padding: 0 12px; border-radius: 8px; background: var(--ck-c-acik); color: var(--ck-murekkep); font: 700 13px var(--ck-mono); }
body.tema-calisma-kitabi .ckc-cevap-alani .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-zor-not { margin-top: 16px; font-size: 14px; font-weight: 600; color: var(--ck-metin); gap: 8px; }
body.tema-calisma-kitabi .ckc .ch-zor-not .fad { color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-ipucu-kutu { margin-top: 16px; border: 2px dashed var(--ck-c); border-left-width: 2px; border-radius: var(--ck-r-alan); background: var(--ck-kagit); padding: 14px 18px; font-size: 15px; font-weight: 600; line-height: 1.55; }
body.tema-calisma-kitabi .ckc-kaynak { margin: 16px 0 0; font-size: 13px; font-weight: 600; color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckc .ch-veri-html { margin-top: 20px; }
body.tema-calisma-kitabi .ckc .ch-veri-html summary { font: 800 13px var(--ck-bas); color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-veri-html table { margin-top: 10px; font: 500 13px var(--ck-mono); background: var(--ck-kagit); }
body.tema-calisma-kitabi .ckc .ch-veri-html th, body.tema-calisma-kitabi .ckc .ch-veri-html td { border: 1px solid var(--ck-izgara); padding: 6px 10px; }
body.tema-calisma-kitabi .ckc .ch-veri-html th { background: var(--ck-zemin); font: 800 12px var(--ck-bas); }
body.tema-calisma-kitabi .ckc .ch-veri-html .ch-etiket { margin: 12px 0 0; display: block; }

/* Çalışma kitabı çerçevesi: sayfanın yıldızı */
body.tema-calisma-kitabi .ckc-kitap { border-radius: var(--ck-r-kart); border: 2px solid var(--ck-c); background: var(--ck-kagit); overflow: hidden; min-width: 0; }
body.tema-calisma-kitabi .ckc-kitap-bas { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--ck-cizgi); background: var(--ck-zemin); font: 800 13px var(--ck-bas); color: var(--ck-metin); flex-wrap: wrap; }
body.tema-calisma-kitabi .ckc-kitap-bas .fad { color: var(--ck-yesil); --fa-primary-color: var(--ck-yesil); --fa-secondary-color: var(--ck-yesil-orta); font-size: 16px; }
body.tema-calisma-kitabi .ckc-kitap-ad { flex: 1 1 160px; font: 700 13px var(--ck-mono); color: var(--ck-murekkep); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
body.tema-calisma-kitabi .ckc-kitap-bas .ckc-cevap-alani { margin-left: auto; height: 28px; font-size: 12px; }
body.tema-calisma-kitabi .ckc .ch-izgara-kap { border: 0; border-radius: 0; background: var(--ck-kagit); }
body.tema-calisma-kitabi .ckc .ch-alt-bar { padding: 16px 18px; gap: 14px; border-top: 1px solid var(--ck-cizgi); background: var(--ck-zemin); }
body.tema-calisma-kitabi .ckc .ch-sure { font: 800 15px var(--ck-mono); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .ch-sure .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-alt-sag { gap: 10px; }
body.tema-calisma-kitabi .ckc .ch-yazim { font: 800 13px var(--ck-bas); color: var(--ck-metin); gap: 8px; }
body.tema-calisma-kitabi .ckc .ch-yazim select { height: 36px; border: 2px solid var(--ck-cizgi-koyu); border-radius: 10px; padding: 0 10px; background: var(--ck-kagit); color: var(--ck-murekkep); font: 800 13px var(--ck-bas); }
body.tema-calisma-kitabi .ckc .ch-yazim select:focus { outline: none; border-color: var(--ck-c); }

/* Sonuç (JS className'i 'ch-sonuc ch-sonuc--tam|kismi' yazar) */
body.tema-calisma-kitabi .ckc .ch-sonuc { border-radius: var(--ck-r-kart); padding: 22px 26px; border: 2px solid var(--ck-cizgi); background: var(--ck-kagit); font-weight: 600; }
body.tema-calisma-kitabi .ckc .ch-sonuc strong { font-size: 18px; font-weight: 900; letter-spacing: -0.01em; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .ch-sonuc p { margin: 8px 0 0; font-size: 15px; color: var(--ck-metin); }
body.tema-calisma-kitabi .ckc .ch-sonuc--tam { border-color: var(--ck-yesil); background: var(--ck-yesil-acik); }
body.tema-calisma-kitabi .ckc .ch-sonuc--kismi { border-color: var(--ck-bordo); background: var(--ck-bordo-acik); }
body.tema-calisma-kitabi .ckc .ch-sonuc-yanlis { font-family: var(--ck-mono); }
body.tema-calisma-kitabi .ckc .ch-misafir { border: 2px dashed var(--ck-c); border-radius: var(--ck-r-kart); padding: 20px 24px; background: var(--ck-c-acik); gap: 14px; font-weight: 700; }
body.tema-calisma-kitabi .ckc .ch-misafir .fad { color: var(--ck-c); font-size: 22px; }

/* Çözüm paylaşma formu */
body.tema-calisma-kitabi .ckc .ch-form { border: 2px solid var(--ck-cizgi); border-radius: var(--ck-r-kart); background: var(--ck-kagit); padding: 26px 28px; gap: 14px; }
body.tema-calisma-kitabi .ckc .ch-form label { font: 800 13px var(--ck-bas); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .ch-form textarea, body.tema-calisma-kitabi .ckc .ch-form input[type="text"] { border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; padding: 12px 14px; font: 600 15px var(--ck-bas); color: var(--ck-murekkep); background: var(--ck-kagit); box-sizing: border-box; }
body.tema-calisma-kitabi .ckc .ch-form textarea:focus, body.tema-calisma-kitabi .ckc .ch-form input[type="text"]:focus { outline: none; border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-form textarea.ch-form-formul { font: 500 15px var(--ck-mono); min-height: 84px; }
body.tema-calisma-kitabi .ckc .ch-ceviri { font: 500 13px var(--ck-mono); color: var(--ck-c); min-height: 20px; }
body.tema-calisma-kitabi .ckc .ch-form-check { font-size: 14px; font-weight: 700; color: var(--ck-metin); gap: 10px; }
body.tema-calisma-kitabi .ckc .ch-form-check input { width: 18px; height: 18px; accent-color: var(--ck-c); }

/* Kilit */
body.tema-calisma-kitabi .ckc .ch-kilit { border: 2px dashed var(--ck-c); border-radius: var(--ck-r-yuzey); padding: 44px 24px; background: var(--ck-c-acik); gap: 12px; }
body.tema-calisma-kitabi .ckc .ch-kilit > .fad { font-size: 36px; color: var(--ck-c); --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-kilit .ckc-kart-bas { margin: 0; font-size: 24px; }
body.tema-calisma-kitabi .ckc .ch-kilit p { font-size: 15px; font-weight: 600; color: var(--ck-metin); max-width: 560px; line-height: 1.55; }
body.tema-calisma-kitabi .ckc .ch-kilit--aciliyor { border-style: solid; }
body.tema-calisma-kitabi .ckc .ch-kilit-eylemler { gap: 10px; margin-top: 6px; }

/* Çözümler */
body.tema-calisma-kitabi .ckc-cozumler-bas { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
body.tema-calisma-kitabi .ckc-cozumler-bas .ckc-kart-bas { margin: 0; }
body.tema-calisma-kitabi .ckc .ch-sira { gap: 8px; margin: 0; }
body.tema-calisma-kitabi .ckc .ch-sira a { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 10px; border: 2px solid var(--ck-cizgi-koyu); background: var(--ck-kagit); color: var(--ck-murekkep); font: 900 13px var(--ck-bas); text-decoration: none; }
body.tema-calisma-kitabi .ckc .ch-sira a:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-sira a.aktif { background: var(--ck-c); border-color: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc .ch-cozum { border: 2px solid var(--ck-cizgi); border-radius: var(--ck-r-kart); background: var(--ck-kagit); padding: 20px 22px; margin-bottom: 12px; grid-template-columns: 36px minmax(0, 1fr); gap: 14px; }
body.tema-calisma-kitabi .ckc .ch-cozum--altin { border-color: var(--ck-c); background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ckc .ch-cozum-bas { font-size: 13px; font-weight: 700; color: var(--ck-metin); gap: 8px 10px; }
body.tema-calisma-kitabi .ckc .ch-cozum-bas strong { color: var(--ck-murekkep); font-weight: 900; font-size: 15px; }
body.tema-calisma-kitabi .ckc .ch-kod { margin-top: 10px; font: 500 14px var(--ck-mono); background: var(--ck-zemin); border: 1px solid var(--ck-izgara); border-radius: 10px; padding: 12px 14px; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .ch-cozum--altin .ch-kod { background: var(--ck-kagit); }
body.tema-calisma-kitabi .ckc .ch-kod + .ch-kod { margin-top: 8px; }
body.tema-calisma-kitabi .ckc .ch-cozum-aciklama { font-size: 15px; font-weight: 600; color: var(--ck-metin); margin: 10px 0 0; line-height: 1.55; }
body.tema-calisma-kitabi .ckc .ch-cozum-alt { margin-top: 12px; }
body.tema-calisma-kitabi .ckc .ch-begen { height: 32px; padding: 0 12px; border-radius: 10px; border: 2px solid var(--ck-cizgi-koyu); background: var(--ck-kagit); color: var(--ck-murekkep); font: 900 13px var(--ck-bas); gap: 6px; }
body.tema-calisma-kitabi .ckc .ch-begen:hover:not(:disabled) { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-begen--aktif, body.tema-calisma-kitabi .ckc .ch-begen:disabled { background: var(--ck-c-acik); border-color: var(--ck-c); color: var(--ck-murekkep); opacity: 1; }
body.tema-calisma-kitabi .ckc .ch-begen .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .ch-resmi { border: 2px solid var(--ck-c); border-radius: var(--ck-r-kart); background: var(--ck-kagit); padding: 24px 28px; }
body.tema-calisma-kitabi .ckc .ch-resmi .ckc-kart-bas { margin-bottom: 12px; }
body.tema-calisma-kitabi .ckc .ch-spoiler > summary { cursor: pointer; list-style: none; }
body.tema-calisma-kitabi .ckc .ch-spoiler > summary .ckc-kart-bas { margin: 0; }
body.tema-calisma-kitabi .ckc .ch-spoiler > summary .ch-etiket { margin-left: 8px; }
body.tema-calisma-kitabi .ckc .ch-spoiler[open] > summary { margin-bottom: 12px; }
body.tema-calisma-kitabi .ckc .ch-resmi-aciklama { font-size: 15px; font-weight: 600; color: var(--ck-metin); line-height: 1.6; margin-top: 12px; }

/* Yan panel: çözenler şeridi, nasıl oynanır, önceki/sonraki */
body.tema-calisma-kitabi .ckc-yan { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 88px; min-width: 0; }
body.tema-calisma-kitabi .ckc-cozenler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; max-height: 460px; overflow: auto; }
body.tema-calisma-kitabi .ckc-cozen { display: grid; grid-template-columns: 32px 36px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid var(--ck-izgara); font-size: 14px; }
body.tema-calisma-kitabi .ckc-cozen:first-child { border-top: 0; padding-top: 0; }
body.tema-calisma-kitabi .ckc-cozen-sira { display: grid; place-items: center; height: 28px; border-radius: 8px; background: var(--ck-zemin); color: var(--ck-soluk); font: 800 12px var(--ck-mono); }
body.tema-calisma-kitabi .ckc-cozen.is-ilk .ckc-cozen-sira { background: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc-cozen-ad { font-weight: 800; color: var(--ck-murekkep); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.tema-calisma-kitabi .ckc-cozen-ad small { display: block; font: 800 11px var(--ck-bas); letter-spacing: .04em; text-transform: uppercase; color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-cozen-sure { font: 700 12px var(--ck-mono); color: var(--ck-soluk); white-space: nowrap; }
body.tema-calisma-kitabi .ckc-cozen.is-reveal { opacity: .6; }
body.tema-calisma-kitabi .ckc-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
body.tema-calisma-kitabi .ckc-nav a { display: flex; flex-direction: column; gap: 4px; min-width: 0; border: 2px solid var(--ck-cizgi); border-radius: 12px; background: var(--ck-kagit); padding: 12px 14px; font-weight: 800; font-size: 13px; line-height: 1.3; color: var(--ck-murekkep); text-decoration: none; }
body.tema-calisma-kitabi .ckc-nav a:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-nav a small { font: 900 11px var(--ck-bas); letter-spacing: .06em; text-transform: uppercase; color: var(--ck-soluk); display: inline-flex; align-items: center; gap: 6px; }
body.tema-calisma-kitabi .ckc-nav a small .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-nav a.is-sonraki { text-align: right; align-items: flex-end; }
body.tema-calisma-kitabi .ckc-nav a span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }

/* ---------- Yorumlar (calc-comments.css → kart dili; .cc-* JS kancaları aynen) ---------- */
body.tema-calisma-kitabi .ckc .calc-comments-card { background: var(--ck-kagit); border: 2px solid var(--ck-cizgi); border-radius: var(--ck-r-kart); padding: 26px 28px; margin: 0; box-shadow: none; }
body.tema-calisma-kitabi .ckc .calc-comments-header { border-bottom: 1px solid var(--ck-cizgi); padding-bottom: 16px; margin-bottom: 18px; }
body.tema-calisma-kitabi .ckc .calc-comments-title { font: 900 20px var(--ck-bas); letter-spacing: -0.02em; color: var(--ck-murekkep); gap: 10px; }
body.tema-calisma-kitabi .ckc .calc-comments-title i { color: var(--ck-c); --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .calc-comments-count { color: var(--ck-soluk); font-weight: 800; font-size: 14px; }
body.tema-calisma-kitabi .ckc .calc-comments-sort { gap: 8px; }
body.tema-calisma-kitabi .ckc .calc-comments-sort .sort-btn { height: 36px; padding: 0 14px; border: 2px solid var(--ck-cizgi-koyu); border-radius: 10px; background: var(--ck-kagit); color: var(--ck-murekkep); font: 900 13px var(--ck-bas); transition: none; }
body.tema-calisma-kitabi .ckc .calc-comments-sort .sort-btn:hover { background: var(--ck-kagit); border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .calc-comments-sort .sort-btn.active { background: var(--ck-c); border-color: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc .cc-avatar { width: 36px; height: 36px; border-radius: 10px; background: var(--ck-c); color: #fff; font: 900 15px var(--ck-bas); }
body.tema-calisma-kitabi .ckc .cc-replies .cc-avatar { width: 30px; height: 30px; font-size: 13px; border-radius: 8px; }
body.tema-calisma-kitabi .ckc .cc-item { border-top: 1px solid var(--ck-izgara); padding: 18px 0; column-gap: 14px; }
body.tema-calisma-kitabi .ckc .cc-item:first-child { border-top: 0; padding-top: 0; }
body.tema-calisma-kitabi .ckc .cc-item.cc-pinned { background: var(--ck-c-acik); border-left: 3px solid var(--ck-c); border-radius: 0 12px 12px 0; padding-left: 14px; }
body.tema-calisma-kitabi .ckc .cc-meta-row-top .cc-author { color: var(--ck-murekkep); font-weight: 900; font-size: 15px; }
body.tema-calisma-kitabi .ckc .cc-meta-row-top .cc-time { color: var(--ck-soluk); font-weight: 600; }
body.tema-calisma-kitabi .ckc .cc-meta-sep { color: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .ckc .cc-author-role { color: var(--ck-bordo); font-weight: 800; }
body.tema-calisma-kitabi .ckc .cc-author-role--supporter { color: var(--ck-yesil); }
body.tema-calisma-kitabi .ckc .cc-content { color: var(--ck-metin); font-weight: 600; font-size: 15px; }
body.tema-calisma-kitabi .ckc .cc-content blockquote { border-left: 3px solid var(--ck-c); background: var(--ck-zemin); color: var(--ck-metin); }
body.tema-calisma-kitabi .ckc .cc-content code, body.tema-calisma-kitabi .ckc .cc-content pre, body.tema-calisma-kitabi .ckc .cc-editor code, body.tema-calisma-kitabi .ckc .cc-editor pre { font-family: var(--ck-mono); }
body.tema-calisma-kitabi .ckc .cc-content a { color: var(--ck-c); font-weight: 800; }
body.tema-calisma-kitabi .ckc .cc-pill { border-radius: 6px; font-family: var(--ck-bas); }
body.tema-calisma-kitabi .ckc .cc-pill-question { background: var(--ck-mavi-acik); color: var(--ck-mavi); }
body.tema-calisma-kitabi .ckc .cc-pill-pinned { background: var(--ck-c-acik); color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .cc-action { color: var(--ck-metin); font: 800 13px var(--ck-bas); border-radius: 8px; transition: none; }
body.tema-calisma-kitabi .ckc .cc-action:hover:not(:disabled) { background: var(--ck-c-acik); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .cc-action.cc-like.is-liked { color: var(--ck-c); background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ckc .cc-reply-count { color: var(--ck-soluk); font-weight: 700; }
body.tema-calisma-kitabi .ckc .cc-replies { border-left: 2px solid var(--ck-izgara); padding-left: 16px; }
body.tema-calisma-kitabi .ckc .cc-attach-img { border: 2px solid var(--ck-cizgi); border-radius: 10px; transition: none; }
body.tema-calisma-kitabi .ckc .cc-attach-img:hover { opacity: 1; border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .calc-comment-composer, body.tema-calisma-kitabi .ckc .calc-composer--bottom { background: var(--ck-zemin); border: 2px solid var(--ck-cizgi); border-top: 2px solid var(--ck-cizgi); border-radius: var(--ck-r-alan); box-shadow: none; padding: 20px 22px; margin: 22px 0 0; }
body.tema-calisma-kitabi .ckc .cc-reply-composer .calc-comment-composer { margin-top: 12px; }
body.tema-calisma-kitabi .ckc .cc-composer-label { color: var(--ck-soluk); font-weight: 600; }
body.tema-calisma-kitabi .ckc .cc-editor-wrapper { border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; background: var(--ck-kagit); transition: none; }
body.tema-calisma-kitabi .ckc .cc-editor-wrapper:focus-within { border-color: var(--ck-c); box-shadow: none; }
body.tema-calisma-kitabi .ckc .cc-toolbar { background: var(--ck-zemin); border-bottom: 1px solid var(--ck-cizgi); border-radius: 10px 10px 0 0; padding: 8px 10px; gap: 4px; }
body.tema-calisma-kitabi .ckc .cc-toolbar button { color: var(--ck-metin); border-radius: 8px; transition: none; }
body.tema-calisma-kitabi .ckc .cc-toolbar button:hover { background: var(--ck-c-acik); color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ckc .cc-toolbar button.active { background: var(--ck-c-acik); color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .cc-tb-sep { background: var(--ck-cizgi); }
body.tema-calisma-kitabi .ckc .cc-editor { color: var(--ck-murekkep); font-family: var(--ck-bas); font-weight: 600; }
body.tema-calisma-kitabi .ckc .cc-editor:empty::before { color: var(--ck-soluk); }
body.tema-calisma-kitabi .ckc .cc-composer-actions { margin-top: 14px; }
body.tema-calisma-kitabi .ckc .cc-hint { color: var(--ck-soluk); font-weight: 600; font-size: 13px; }
body.tema-calisma-kitabi .ckc .cc-btn-submit { background: var(--ck-c); border: 2px solid var(--ck-c); border-radius: 12px; height: 44px; padding: 0 20px; font: 900 15px var(--ck-bas); color: #fff; transition: none; }
body.tema-calisma-kitabi .ckc .cc-btn-submit:hover:not(:disabled) { background: var(--ck-murekkep); border-color: var(--ck-murekkep); opacity: 1; }
body.tema-calisma-kitabi .ckc .cc-btn-cancel { border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; height: 44px; padding: 0 16px; font: 900 14px var(--ck-bas); color: var(--ck-murekkep); background: var(--ck-kagit); }
body.tema-calisma-kitabi .ckc .cc-btn-cancel:hover { border-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .cc-empty { color: var(--ck-metin); padding: 36px 16px; font-weight: 600; }
body.tema-calisma-kitabi .ckc .cc-empty i { color: var(--ck-c); --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .cc-locked { border: 2px dashed var(--ck-c); border-radius: var(--ck-r-kart); background: var(--ck-c-acik); color: var(--ck-metin); padding: 36px 20px; font-weight: 600; }
body.tema-calisma-kitabi .ckc .cc-locked i.fa-lock { color: var(--ck-c); --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc .cc-locked-login { height: 44px; padding: 0 20px; border-radius: 12px; background: var(--ck-c); border: 2px solid var(--ck-c); color: #fff; font: 900 15px var(--ck-bas); transition: none; }
body.tema-calisma-kitabi .ckc .cc-locked-login:hover { background: var(--ck-murekkep); border-color: var(--ck-murekkep); opacity: 1; }
body.tema-calisma-kitabi .ckc .cc-mention-dropdown { border: 2px solid var(--ck-cizgi-koyu); border-radius: 12px; box-shadow: none; background: var(--ck-kagit); }
body.tema-calisma-kitabi .ckc .cc-mention-item:hover, body.tema-calisma-kitabi .ckc .cc-mention-item.active { background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ckc .cc-report-picker { background: var(--ck-zemin); border: 2px solid var(--ck-cizgi); border-radius: 10px; }

/* ---------- Gece: dolgulu düğmelerde açık altın üstüne koyu yazı ---------- */
html.dark body.tema-calisma-kitabi .ckc :is(.ch-btn--ana, .ch-rozet--zor, .ckc-sekmeler a.is-aktif, .ch-sira a.aktif, .sort-btn.active, .cc-btn-submit, .cc-locked-login, .ckc-etiket-ara button, .ckc-sayfalama span[aria-current] span) { color: var(--ck-zemin); }
html.dark body.tema-calisma-kitabi .ckc :is(.ch-avatar, .ckc-avatar, .cc-avatar, .ckc-cozen.is-ilk .ckc-cozen-sira, .ckc-lider tr.is-ilk .ck-sayfa-no) { color: var(--ck-zemin); }
html.dark body.tema-calisma-kitabi .ckc .ch-rozet--zor .fad, html.dark body.tema-calisma-kitabi .ckc .ckc-etiket-ara button .fad { --fa-primary-color: var(--ck-zemin); --fa-secondary-color: var(--ck-zemin); }

/* ---------- Duyarlı ---------- */
@media (max-width: 1100px) {
    body.tema-calisma-kitabi .ckc-hero { grid-template-columns: 1fr; gap: 32px; padding-top: 48px; }
    body.tema-calisma-kitabi .ckc-govde { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi .ckc-yan { position: static; }
    body.tema-calisma-kitabi .ckc-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
    body.tema-calisma-kitabi .ckc-bas { grid-template-columns: 1fr; gap: 20px; }
    body.tema-calisma-kitabi .ckc-bas-sag { align-items: flex-start; }
    body.tema-calisma-kitabi .ckc .ch-alt-bar > .ch-btn--ana { width: 100%; justify-content: center; }
    body.tema-calisma-kitabi .ckc .ch-alt-sag { margin-left: 0; width: 100%; }
    body.tema-calisma-kitabi .ckc .ch-alt-sag .ch-btn { flex: 1 1 auto; justify-content: center; white-space: normal; height: auto; min-height: 44px; padding: 10px 14px; }
}
@media (max-width: 640px) {
    body.tema-calisma-kitabi .ckc-liste { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi .ckc-hero { padding: 36px 0 40px; }
    body.tema-calisma-kitabi .ckc-sayilar { grid-template-columns: 1fr 1fr; }
    body.tema-calisma-kitabi .ckc-bas-satir { flex-direction: column; gap: 8px; }
    body.tema-calisma-kitabi .ckc-bas .ck-afis-no { font-size: 64px; }
    body.tema-calisma-kitabi .ckc-sayac-kutu { min-width: 0; width: 100%; box-sizing: border-box; }
    body.tema-calisma-kitabi .ckc-kart { padding: 20px; }
    body.tema-calisma-kitabi .ckc .ch-form, body.tema-calisma-kitabi .ckc .ch-resmi, body.tema-calisma-kitabi .ckc .calc-comments-card { padding: 20px; }
    body.tema-calisma-kitabi .ckc .ch-cozum { padding: 16px; grid-template-columns: 32px minmax(0, 1fr); gap: 10px; }
    body.tema-calisma-kitabi .ckc-kurallar h2 { font-size: 20px; }
    body.tema-calisma-kitabi .ckc-nav { grid-template-columns: 1fr; }
    body.tema-calisma-kitabi .ckc-nav a.is-sonraki { text-align: left; align-items: flex-start; }
    body.tema-calisma-kitabi .ckc-kitap-bas .ckc-cevap-alani { margin-left: 0; }
    body.tema-calisma-kitabi .ckc-etiket-ara { width: 100%; }
    body.tema-calisma-kitabi .ckc-etiket-ara input { width: auto; flex: 1; }
    body.tema-calisma-kitabi .ckc .ch-yazim { width: 100%; }
    body.tema-calisma-kitabi .ckc .ch-yazim select { flex: 1; min-width: 0; }
    /* Mobil: # · Üye · Puan · Çözüm (Seri, tema.css'in 5. sütun gizlemesiyle düşer); sabit sütun genişliği, ad kısaltılır */
    body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo { table-layout: fixed; }
    body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo th, body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo td { padding: 0 8px; font-size: 14px; }
    body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo th { font-size: 11px; letter-spacing: .02em; white-space: nowrap; }
    body.tema-calisma-kitabi .ckc-lider .ck-sayfa-no { width: 36px; padding: 0; }
    body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo th:nth-child(3), body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo th:nth-child(4) { width: 72px; }
    body.tema-calisma-kitabi .ckc-lider .ck-sayfa-tablo td:nth-child(2) { overflow: hidden; }
    body.tema-calisma-kitabi .ckc-lider .ckc-avatar { width: 30px; height: 30px; font-size: 13px; border-radius: 8px; }
}

/* ===== Tek sayfa: önceki challenge'lar + liderler + kurallar (show altı) ===== */
body.tema-calisma-kitabi .ckc-tek { margin-top: 56px; display: grid; gap: 56px; padding-bottom: 32px; }
body.tema-calisma-kitabi .ckc-tek .ck-bolum-bas { margin-bottom: 20px; }
body.tema-calisma-kitabi .ckc-tek .ck-sayfa-tablo tr.is-ilk .ck-sayfa-no { background: var(--ck-c-acik); color: var(--ck-c); font-weight: 900; }
body.tema-calisma-kitabi .ckc-tek .ck-sayfa-tablo tr.is-ben td { background: var(--ck-c-acik); }
body.tema-calisma-kitabi .ckc-tek .ck-sayfa-ad { display: flex; align-items: center; gap: 10px; font-weight: 800; }
body.tema-calisma-kitabi .ckc-bos--kutu { padding: 22px; margin: 0; }
body.tema-calisma-kitabi .ckc-durum { margin: 14px 0 0; font-weight: 700; color: var(--ck-metin); }
body.tema-calisma-kitabi .ckc-durum .fad { --fa-primary-color: var(--ck-c); --fa-secondary-color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-kurallar { border: 2px solid var(--ck-c); border-radius: var(--ck-r-yuzey); background: var(--ck-c-acik); padding: 0; }
body.tema-calisma-kitabi .ckc-kurallar > summary { cursor: pointer; list-style: none; display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; padding: clamp(22px, 3vw, 32px) clamp(24px, 4vw, 48px); align-items: center; }
body.tema-calisma-kitabi .ckc-kurallar > summary::-webkit-details-marker { display: none; }
body.tema-calisma-kitabi .ckc-kurallar > summary .ck-kicker { grid-column: 1; }
body.tema-calisma-kitabi .ckc-kurallar > summary .ck-h2 { grid-column: 1; margin: 4px 0 0; display: block; }
body.tema-calisma-kitabi .ckc-kurallar-ok { grid-column: 2; grid-row: 1 / span 2; width: 48px; height: 48px; border-radius: 12px; background: var(--ck-kagit); border: 2px solid var(--ck-c); display: grid; place-items: center; color: var(--ck-c); }
body.tema-calisma-kitabi .ckc-kurallar-ok .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; }
body.tema-calisma-kitabi .ckc-kurallar[open] .ckc-kurallar-ok { background: var(--ck-c); color: #fff; }
body.tema-calisma-kitabi .ckc-kurallar-metin { background: var(--ck-kagit); border-top: 2px solid var(--ck-c); border-radius: 0 0 22px 22px; padding: clamp(22px, 3vw, 32px) clamp(24px, 4vw, 48px); font-size: 16px; color: var(--ck-metin); }
body.tema-calisma-kitabi .ckc-kurallar-metin h3 { font-size: 19px; margin: 22px 0 8px; color: var(--ck-murekkep); display: flex; align-items: center; gap: 10px; }
body.tema-calisma-kitabi .ckc-kurallar-metin h3::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--ck-c); }
body.tema-calisma-kitabi .ckc-kurallar-metin h3:first-child { margin-top: 0; }
body.tema-calisma-kitabi .ckc-kurallar-metin p, body.tema-calisma-kitabi .ckc-kurallar-metin li { line-height: 1.6; font-weight: 600; }
body.tema-calisma-kitabi .ckc-kurallar-metin a { color: var(--ck-c); font-weight: 800; }

/* ===== Kilitli çözüm kutusu + admin cevapları ===== */
body.tema-calisma-kitabi .ch-cozumler--kilitli { margin-bottom: 16px; border: 2px solid var(--ck-cizgi); border-radius: var(--ck-r-kart); background: var(--ck-kagit); padding: 20px 22px; }
body.tema-calisma-kitabi .ch-cozumler--kilitli .ch-h2 { font-size: 20px; margin: 0 0 12px; display: flex; align-items: center; gap: 10px; }
body.tema-calisma-kitabi .ch-cozum--kilitli .ch-kod-kilit { display: flex; align-items: center; gap: 10px; margin-top: 8px; padding: 10px 12px; border: 2px dashed var(--ck-c); border-radius: 10px; background: var(--ck-c-acik); color: var(--ck-c); }
body.tema-calisma-kitabi .ch-cozum--kilitli .ch-kod-kilit .fad { --fa-primary-color: currentColor; --fa-secondary-color: currentColor; }
body.tema-calisma-kitabi .ch-kod-kilit-cubuk { flex: 1; height: 10px; border-radius: 5px; background: var(--ck-cizgi-koyu); }
body.tema-calisma-kitabi .ch-admin-cevaplar { margin-top: 24px; padding: 22px; border: 2px dashed var(--ck-bordo); border-radius: var(--ck-r-kart); background: var(--ck-kagit); }
body.tema-calisma-kitabi .ch-admin-cevaplar .ch-h2 { font-size: 20px; margin: 0 0 14px; display: flex; align-items: center; gap: 10px; color: var(--ck-murekkep); }
body.tema-calisma-kitabi .ch-admin-cevaplar .ch-h2 .fad { --fa-primary-color: var(--ck-bordo); --fa-secondary-color: var(--ck-bordo); }
body.tema-calisma-kitabi .ch-admin-liste { display: grid; gap: 12px; }
body.tema-calisma-kitabi .ch-admin-satir { padding: 14px 16px; border: 1px solid var(--ck-cizgi); border-radius: 12px; }
body.tema-calisma-kitabi .ch-admin-satir.is-cozuldu { border-left: 4px solid var(--ck-yesil); }
body.tema-calisma-kitabi .ch-admin-satir.is-bekliyor { border-left: 4px solid var(--ck-bordo); }
body.tema-calisma-kitabi .ch-admin-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--ck-metin); }
body.tema-calisma-kitabi .ch-admin-bas strong { color: var(--ck-murekkep); font-weight: 900; }
body.tema-calisma-kitabi .ch-admin-formuller { display: grid; gap: 6px; margin-top: 10px; }
body.tema-calisma-kitabi .ch-admin-formuller .ch-kod { display: block; font-family: var(--ck-mono); font-size: 13px; padding: 8px 10px; border-radius: 8px; background: var(--ck-zemin); border: 1px solid var(--ck-cizgi); overflow-wrap: anywhere; }
body.tema-calisma-kitabi .ch-admin-formuller .ch-kod b { color: var(--ck-c); margin-right: 8px; }