/* Ders Kutusu çalışma kâğıdı: ekranda kâğıt görünümü, baskıda A4 (2 sayfa). calisma_uret.py üretir.
   Cevaplar .cvp öğelerindedir; body.cevapli ya da .ck.cevapli iken görünür (kırmızı, el yazısına yakın). */
.ck {
  --ck-lacivert: #0b2257; --ck-mavi: #2451d6; --ck-mavi-acik: #e8eefe; --ck-turuncu: #ee7d12; --ck-turuncu-acik: #fff1df;
  --ck-yesil: #12a150; --ck-yesil-acik: #e3f6ec; --ck-mor: #7c3aed; --ck-mor-acik: #f0e9fe; --ck-cizgi: #d7deec; --ck-soluk: #5b6479;
  --ck-metin: #111a2e; --ck-cevap: #d61f45; --ck-olcek: 1;
  color: var(--ck-metin); font-family: "Noto Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: calc(10.2pt * var(--ck-olcek)); line-height: 1.38;
}
.ck * { box-sizing: border-box; }
.ck h1, .ck h2, .ck h3, .ck .ck-baslik-font { font-family: Montserrat, "Noto Sans", -apple-system, sans-serif; }

/* Ekranda kâğıt */
@media screen {
  .ck-sayfalar { display: grid; gap: 24px; justify-content: center; }
  .ck { width: min(210mm, 100%); margin-inline: auto; background: #fff; padding: 11mm 11mm 14mm; box-shadow: 0 2px 6px rgb(16 24 40 / .08), 0 18px 40px rgb(16 24 40 / .12); border-radius: 6px; }
}
@media screen and (max-width: 640px) { .ck { padding: 16px 12px 20px; } .ck-iki { grid-template-columns: 1fr !important; } }

/* Üst bant */
.ck-bant { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding-bottom: 7px; border-bottom: 2.4px solid var(--ck-lacivert); }
.ck-marka { display: flex; align-items: center; gap: 7px; }
.ck-marka img { width: 15mm; height: 15mm; display: block; }
.ck-marka b { display: block; font: 800 11pt/1.05 Montserrat, sans-serif; color: var(--ck-lacivert); letter-spacing: .4px; }
.ck-marka b span { color: var(--ck-mavi); }
.ck-marka small { display: block; font: 600 6.3pt/1.4 Montserrat, sans-serif; color: var(--ck-soluk); letter-spacing: 1.6px; }
.ck-bant-orta { text-align: center; }
.ck-etiket { display: inline-block; padding: 3px 11px; border-radius: 999px; background: var(--ck-lacivert); color: #fff; font: 800 8pt/1.4 Montserrat, sans-serif; letter-spacing: 1.6px; }
.ck-etiket.cevapli-etiket { background: var(--ck-cevap); margin-left: 4px; display: none; }
.ck.cevapli .ck-etiket.cevapli-etiket, body.cevapli .ck-etiket.cevapli-etiket { display: inline-block; }
.ck-bilgi { margin-top: 3px; font: 700 9pt/1.3 Montserrat, sans-serif; color: var(--ck-mavi); }
.ck-ogrenci { display: grid; gap: 3px; font-size: 7.6pt; color: var(--ck-soluk); min-width: 50mm; }
.ck-ogrenci span { display: flex; gap: 4px; align-items: flex-end; }
.ck-ogrenci i { flex: 1; border-bottom: 1px solid var(--ck-cizgi); height: 11px; }

/* Başlık ve hatırlayalım */
.ck-konu { display: flex; justify-content: space-between; gap: 12px; align-items: flex-end; margin: 7px 0 6px; }
.ck-konu h1 { font-size: calc(15.5pt * var(--ck-olcek)); line-height: 1.15; color: var(--ck-lacivert); margin: 0; font-weight: 800; }
.ck-konu p { margin: 0; font-size: 7.6pt; color: var(--ck-soluk); max-width: 62%; text-align: right; }
.ck-hatirla { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 7px 11px; border-radius: 9px; background: linear-gradient(90deg, var(--ck-mavi-acik), #f6f8ff); border: 1px solid #cfdbfb; margin-bottom: 8px; }
.ck-hatirla-bas { writing-mode: vertical-rl; transform: rotate(180deg); font: 800 7.6pt/1 Montserrat, sans-serif; letter-spacing: 1.6px; color: var(--ck-mavi); text-align: center; }
.ck-hatirla ul { margin: 0; padding-left: 14px; columns: 2; column-gap: 18px; font-size: calc(8.6pt * var(--ck-olcek)); }
.ck-hatirla li { break-inside: avoid; margin-bottom: 2px; }
.ck-hatirla li::marker { color: var(--ck-mavi); }

/* Sorular */
/* Sorular: calisma_uret.py yarım soruları iki sütuna yükseklikçe dengeli dağıtır (.ck-iki > .ck-sutun); tam genişliktekiler arada */
.ck-sorular { display: grid; gap: calc(7px * var(--ck-olcek)); }
.ck-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; align-items: start; }
.ck-sutun { display: grid; gap: calc(7px * var(--ck-olcek)); align-content: start; }
.ck-soru { position: relative; border: 1px solid var(--ck-cizgi); border-radius: 9px; padding: 7px 9px 8px 9px; break-inside: avoid; page-break-inside: avoid; background: #fff; }
.ck-soru.tam { grid-column: 1 / -1; }
.ck-soru::before { content: ''; position: absolute; left: -1px; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: var(--ck-mavi); }
.ck-soru.d-uygula::before { background: var(--ck-yesil); }
.ck-soru.d-ust::before { background: var(--ck-mor); }
.ck-soru-bas { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.ck-no { flex: none; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; background: var(--ck-lacivert); color: #fff; font: 800 8.4pt/1 Montserrat, sans-serif; }
.ck-tur { font: 700 6.6pt/1.3 Montserrat, sans-serif; letter-spacing: 1.1px; color: var(--ck-mavi); text-transform: uppercase; }
.ck-soru.d-uygula .ck-tur { color: var(--ck-yesil); }
.ck-soru.d-ust .ck-tur { color: var(--ck-mor); }
.ck-soru.d-ust .ck-tur::after { content: ' · DÜŞÜN'; }
.ck-soru-metin { margin: 0 0 5px; font-weight: 600; }
.ck-gorsel { margin: 4px 0 5px; text-align: center; }
.ck-gorsel svg { width: 100%; max-width: 100%; height: auto; flex: initial; max-height: calc(33mm * var(--ck-olcek)); }
.ck-gorsel.kavram svg { max-height: calc(48mm * var(--ck-olcek)); width: 100%; }
.ck-soru.tam .ck-gorsel svg { max-height: calc(30mm * var(--ck-olcek)); }

/* Cevap (yalnız cevaplıda) */
.ck .cvp { color: var(--ck-cevap); font-family: "Noto Sans", sans-serif; font-weight: 700; font-style: italic; visibility: hidden; }
.ck.cevapli .cvp, body.cevapli .ck .cvp { visibility: visible; }

/* Çoktan seçmeli */
.ck-sec { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 10px; margin: 0; padding: 0; list-style: none; }
.ck-sec li { display: flex; gap: 5px; align-items: baseline; }
.ck-sec b { flex: none; display: inline-grid; place-items: center; width: 15px; height: 15px; border: 1.2px solid var(--ck-lacivert); border-radius: 50%; font: 700 7.2pt/1 Montserrat, sans-serif; }
.ck.cevapli .ck-sec li.dogru b, body.cevapli .ck .ck-sec li.dogru b { background: var(--ck-cevap); border-color: var(--ck-cevap); color: #fff; }

/* Doğru-yanlış */
.ck-dy { width: 100%; border-collapse: collapse; }
.ck-dy td { padding: 3px 4px; border-bottom: 1px dashed var(--ck-cizgi); vertical-align: middle; }
.ck-dy td.k { width: 22px; text-align: center; }
.ck-kutu { display: inline-grid; place-items: center; width: 17px; height: 17px; border: 1.2px solid var(--ck-soluk); border-radius: 4px; font: 800 8pt/1 Montserrat, sans-serif; color: var(--ck-soluk); position: relative; }
.ck-kutu .cvp { position: absolute; inset: -3px 0 0; font-size: 12pt; font-style: normal; display: grid; place-items: center; }
.ck-dy-bas td { font: 700 6.8pt/1 Montserrat, sans-serif; color: var(--ck-soluk); border: 0; padding-bottom: 1px; }

/* Boşluk */
.ck-bosluk-liste { margin: 0; padding-left: 16px; }
.ck-bosluk-liste li { margin-bottom: 4px; }
.ck-bos { display: inline-block; min-width: 26mm; border-bottom: 1.2px solid var(--ck-soluk); text-align: center; line-height: 1.1; padding: 0 3px; }
.ck-kelimeler { display: flex; flex-wrap: wrap; gap: 4px; margin: 0 0 6px; }
.ck-kelimeler span { padding: 1px 8px; border: 1px solid var(--ck-mavi); border-radius: 999px; font-size: 8.2pt; color: var(--ck-mavi); background: var(--ck-mavi-acik); }

/* Eşleştirme */
.ck-esle { display: grid; grid-template-columns: 1fr 1fr; gap: 3px 12px; }
.ck-esle div { display: flex; gap: 5px; align-items: baseline; }
.ck-esle .harf { flex: none; font: 800 8pt/1 Montserrat, sans-serif; color: var(--ck-mavi); width: 12px; }
.ck-esle .ck-kutu { flex: none; }

/* Kısa / açık uçlu: satırlar */
.ck-satir { position: relative; height: calc(7.2mm * var(--ck-olcek)); border-bottom: 1px solid var(--ck-cizgi); }
.ck-satirlar { position: relative; }
.ck-satirlar .cvp { position: absolute; left: 2px; top: 1mm; right: 2px; line-height: calc(7.2mm * var(--ck-olcek)); font-size: 9pt; }

/* Tablo */
.ck-tablo { width: 100%; border-collapse: collapse; font-size: calc(8.8pt * var(--ck-olcek)); }
.ck-tablo th { background: var(--ck-mavi-acik); color: var(--ck-lacivert); font: 700 7.6pt/1.3 Montserrat, sans-serif; text-align: left; padding: 4px 6px; border: 1px solid #cfdbfb; }
.ck-tablo td { padding: 4px 6px; border: 1px solid var(--ck-cizgi); height: 7mm; }
.ck-tablo td.bos { background: repeating-linear-gradient(135deg, #fff 0 6px, #fafbff 6px 12px); }

/* Sıralama */
.ck-sira { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
.ck-sira li { display: flex; gap: 6px; align-items: center; }

/* Şifreli kelime */
.ck-sifre { display: grid; gap: 3px; }
.ck-sifre-satir { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; }
.ck-sifre-ipucu { font-size: calc(8.4pt * var(--ck-olcek)); }
.ck-harfler { display: flex; gap: 2px; }
.ck-harf { width: 14px; height: 16px; border: 1px solid var(--ck-soluk); border-radius: 3px; display: grid; place-items: center; font: 700 8pt/1 Montserrat, sans-serif; background: #fff; }
.ck-harf.anahtar { background: var(--ck-turuncu-acik); border-color: var(--ck-turuncu); border-width: 1.6px; }
.ck-harf.bosyer { border: 0; background: transparent; }
.ck-sifre-sonuc { margin-top: 5px; font-weight: 700; }
.ck-sifre-sonuc .ck-bos { min-width: 36mm; }

/* Alt bilgi (ekranda; baskıda @page kenarında) */
.ck-alt { display: none; }
@media screen { .ck-alt { display: flex; justify-content: space-between; margin-top: 8px; font-size: 7pt; color: var(--ck-soluk); } }

/* Baskı */
@page { size: A4; margin: 9mm 9.5mm 11mm; @bottom-left { content: "derskutusu.com · © Ders Kutusu · Tüm hakları saklıdır."; font: 600 6.8pt Montserrat, sans-serif; color: #5b6479; } @bottom-right { content: "Sayfa " counter(page) " / " counter(pages); font: 700 7pt Montserrat, sans-serif; color: #0b2257; } }
@media print {
  html, body { background: #fff !important; margin: 0; }
  .ck { box-shadow: none; padding: 0; width: auto; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .ck-sayfa-sonu { break-before: page; }
}

/* Matematik sembolleri (MEB gösterimi): şapkalı açı, çift oklu doğru */
.s-aci, .s-dogru { position: relative; display: inline-block; padding-top: .34em; line-height: 1; white-space: nowrap; }
.s-aci::before, .s-dogru::before { content: ''; position: absolute; left: .02em; right: .02em; top: 0; height: .34em; background: currentColor;
  -webkit-mask: var(--s-maske) center / 100% 100% no-repeat; mask: var(--s-maske) center / 100% 100% no-repeat; }
.s-aci { --s-maske: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpolygon points='0,30 50,0 100,30 100,21 50,9 0,21'/%3E%3C/svg%3E"); }
.s-dogru { --s-maske: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M0 15 16 2v9h68V2l16 13-16 13v-9H16v9z'/%3E%3C/svg%3E"); }

/* Web sayfası yazdırılırken yalnız kâğıt basılır */
@media print {
  body > header.ust, body > footer.alt, .ck-web-bas, .kalem-dugme, .kalem-katman, .atla { display: none !important; }
  main > .bolum { padding: 0 !important; }
  main .kap { width: auto !important; max-width: none !important; }
}