/* 📚 Test kitapçığı (test-kitap.js). EKRAN: renkler temanın değişkenlerinden (--card, --ink, --line, --primary, --muted, --warn); dokunma alanı en az 44 px;
   320 px telefonda yana taşma yok. BELGE (#pdfBelge.tk-kitap, yalnız yazdırmada görünür): A4, siyah-beyaz yazıcıda okunaklı (koyu mürekkep, renge dayanan
   bilgi yok), her test yeni sayfada, şıklılar iki sütunda, soru sayfa sonunda bölünmez; son sayfada ters, florlu çizgili cevap anahtarı + iki QR + ERTUR imzası.
   Filigran ve alt marka satırı pdf.js pdfYazdir'dan (style.css .pb-damgali); burada yalnız tk- sınıfları. */
.tk-kok { display:flex; flex-direction:column; gap:12px; min-width:0; max-width:100%; }
.tk-kok .card { min-width:0; }
.tk-kok h2 { margin:0 0 6px; font-size:22px; }
.tk-kok h3 { margin:0 0 8px; font-size:17px; }
.tk-kok p { margin:6px 0; overflow-wrap:anywhere; }
.tk-soluk { color:var(--muted); font-size:14px; }
.tk-gizli { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.tk-giris-bas { display:flex; gap:12px; align-items:flex-start; }
.tk-giris-ik { flex:0 0 48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:var(--primary); color:var(--koci-on-primary, #fff); }
.tk-giris-ik svg { width:28px; height:28px; }
.tk-bilgi { font-size:15px; background:var(--bg2, var(--bg)); border:1px solid var(--line); border-radius:12px; padding:10px 12px; }
.tk-uyari { display:block; margin-top:4px; color:var(--warn, #9a6200); font-weight:700; }
.tk-ayar { display:flex; flex-direction:column; gap:14px; }
.tk-satir { display:flex; flex-direction:column; gap:6px; min-width:0; }
.tk-satir-bas { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.tk-etk { font-size:13px; font-weight:800; color:var(--muted); }
.tk-segler { display:flex; flex-wrap:wrap; gap:6px; }
.tk-seg { flex:1 1 auto; min-width:44px; min-height:44px; padding:6px 10px; border:2px solid var(--line); border-radius:12px; background:var(--card); color:var(--ink); font:inherit; font-size:14px; font-weight:800; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.2; }
.tk-seg small { font-size:11.5px; font-weight:600; color:var(--muted); }
.tk-seg.on { border-color:var(--primary); background:var(--primary); color:var(--koci-on-primary, #fff); }
.tk-seg.on small { color:inherit; opacity:.9; }
.tk-seg:disabled { opacity:.45; cursor:default; }
.tk-seg3 .tk-seg { flex:1 1 0; min-width:92px; }
.tk-iki-satir { display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:700px) { .tk-iki-satir { grid-template-columns:auto 1fr; } }
.tk-sayac { display:flex; align-items:center; gap:8px; }
.tk-sayac .tk-seg { flex:0 0 52px; font-size:22px; }
.tk-sayac output { min-width:36px; text-align:center; font-size:24px; font-weight:900; }
.tk-turler { display:grid; grid-template-columns:1fr; gap:8px; }
@media (min-width:480px) { .tk-turler { grid-template-columns:1fr 1fr; } }
.tk-tur, .tk-konu { display:flex; align-items:center; gap:10px; width:100%; min-height:52px; text-align:left; background:var(--card); color:var(--ink); border:2px solid var(--line); border-radius:14px; padding:8px 12px; font:inherit; cursor:pointer; }
.tk-tur.on, .tk-konu.on { border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }
.tk-konu[aria-disabled="true"] { opacity:.55; cursor:default; }
.tk-konu-tik { flex:0 0 28px; width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:2px solid var(--line); font-weight:900; color:var(--muted); }
.tk-tur.on .tk-konu-tik, .tk-konu.on .tk-konu-tik { background:var(--primary); border-color:var(--primary); color:var(--koci-on-primary, #fff); }
.tk-konu-tx { display:flex; flex-direction:column; min-width:0; flex:1 1 auto; }
.tk-konu-tx b { overflow-wrap:anywhere; font-size:16px; }
.tk-konu-tx small { color:var(--muted); font-size:13px; overflow-wrap:anywhere; }
.tk-celiski { color:var(--bad, #c73a3f) !important; font-weight:700; }
.tk-konu-bolum { display:flex; flex-direction:column; gap:8px; border-top:1px solid var(--line); padding-top:10px; }
.tk-cipler { display:flex; flex-wrap:wrap; gap:8px; }
.tk-cip { display:inline-flex; align-items:center; max-width:100%; min-height:44px; background:var(--card); color:var(--ink); border:2px solid var(--primary); border-radius:22px; padding-left:12px; font-weight:700; font-size:15px; }
.tk-cip > span { overflow-wrap:anywhere; padding:6px 0; min-width:0; }
.tk-cip button { flex:0 0 44px; min-width:44px; min-height:44px; border:0; background:none; color:var(--muted); font-size:22px; line-height:1; border-radius:22px; cursor:pointer; }
.tk-ara { width:100%; min-height:48px; }
.tk-liste { display:flex; flex-direction:column; gap:8px; padding:4px 0 8px; }
.tk-seviye { border-top:1px solid var(--line); }
.tk-seviye summary { min-height:44px; display:flex; align-items:center; gap:8px; cursor:pointer; padding:4px 2px; }
.tk-seviye summary small { color:var(--muted); }
.tk-ozet { font-size:15px; margin:0; padding-top:10px; border-top:1px dashed var(--line); }
.tk-indir svg, .tk-son-kart svg, .tk-cvp-neden svg, #tkCvpYeni svg { width:20px; height:20px; flex:0 0 auto; vertical-align:-4px; margin-right:6px; }
.tk-alt-not { text-align:center; margin:0 8px; }
.tk-son-kart { display:flex; flex-direction:column; gap:10px; }
.tk-son-kart > div:first-child { display:flex; flex-direction:column; gap:2px; }
.tk-son-kart small { color:var(--muted); overflow-wrap:anywhere; }
.tk-son-dugmeler { display:flex; flex-wrap:wrap; gap:8px; }
.tk-son-dugmeler .btn { flex:1 1 150px; width:auto; margin:0; }
.tk-kok button:focus-visible, .tk-kok summary:focus-visible { outline:3px solid var(--primary); outline-offset:2px; }
/* ✅ cevap ekranı */
.tk-cvp-git { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.tk-cvp-git .tk-seg { flex:0 1 auto; }
.tk-cvp-liste { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.tk-cvp-soru { display:flex; gap:10px; align-items:flex-start; padding-bottom:12px; border-bottom:1px solid var(--line); }
.tk-cvp-soru:last-child { border-bottom:0; padding-bottom:0; }
.tk-cvp-soru > div { flex:1; min-width:0; }
.tk-cvp-soru .tk-no { flex:0 0 30px; height:30px; border-radius:50%; border:2px solid var(--line); display:flex; align-items:center; justify-content:center; font-weight:900; font-size:14px; }
.tk-cvp-q { font-weight:700; margin:2px 0 4px !important; }
.tk-cvp-siklar { display:grid; grid-template-columns:1fr; gap:4px; font-size:15px; margin-top:6px; }
@media (min-width:480px) { .tk-cvp-siklar { grid-template-columns:1fr 1fr; } }
.tk-cvp-siklar span.dogru, .tk-cvp-dogru { color:var(--ok); font-weight:800; }
.tk-cvp-neden { display:flex; gap:6px; align-items:flex-start; font-size:14px; color:var(--muted); margin:6px 0 0 !important; }
.tk-cvp .tk-bosluk { display:inline-block; width:56px; border-bottom:2px solid currentColor; vertical-align:baseline; }
.tk-yanlis { color:var(--bad, #c73a3f); font-weight:900; }
@media (prefers-reduced-motion: reduce) { .tk-kok * { transition:none !important; } }

/* ─── 🖨️ BELGE (yalnız yazdırmada; #pdfBelge ekranda gizli) ─────────────────── */
@media print {
  html.tk-yazdir { color-scheme:light !important; background:#fff !important; }   /* koyu temada kök «color-scheme: dark» kâğıt kenarını siyaha boyamasın (eski Safari: :has() yok) */
  #pdfBelge.tk-kitap { page:tkSayfa; }
  body.pdf-modu #pdfBelge.tk-kitap { font-size:10.4pt; line-height:1.36; color:#111827; }
  #pdfBelge.tk-kitap * { -webkit-print-color-adjust:exact; print-color-adjust:exact; box-sizing:border-box; }
  #pdfBelge.tk-kitap section { margin:0; break-inside:auto; }   /* style.css «#pdfBelge section { break-inside:avoid }» testleri tek blok yapmasın */
  #pdfBelge.tk-kitap p { margin:0; }
  #pdfBelge.tk-kitap h1, #pdfBelge.tk-kitap h2 { color:#1f2a44; }
  /* kapak bandı: açık zemin + koyu çerçeve (siyah-beyaz yazıcıda mürekkep yemez) */
  .tk-kapak { border:1.6pt solid #1f2a44; border-radius:4mm; padding:4mm 5mm 3.5mm; background:#f3f5fa; break-inside:avoid; }
  .tk-kapak-ust { display:flex; align-items:center; gap:4mm; }
  .tk-kapak-logo { flex:0 0 15mm; height:15mm; border-radius:3.5mm; border:1.4pt solid #1f2a44; display:flex; align-items:center; justify-content:center; color:#1f2a44; background:#fff; }
  .tk-kapak-logo .ik, .tk-kapak-logo svg { display:block; width:10mm; height:10mm; }
  .tk-kapak-baslik { flex:1; min-width:0; }
  .tk-kapak-baslik small { display:block; font-size:8.4pt; letter-spacing:.14em; text-transform:uppercase; font-weight:800; color:#4b5563; }
  #pdfBelge.tk-kitap .tk-kapak-baslik h1 { font-size:21pt; line-height:1.1; margin:.6mm 0 0; }
  .tk-kapak-sev { border:1.6pt solid #1f2a44; border-radius:2.5mm; padding:1.4mm 3.6mm; font-size:17pt; font-weight:900; color:#1f2a44; background:#fff; }
  .tk-kapak-bilgi { display:flex; flex-wrap:wrap; gap:1.2mm 6mm; margin-top:3mm; padding-top:2.4mm; border-top:.6pt solid #b6bdcc; font-size:9.6pt; color:#374151; }
  .tk-kapak-bilgi b { color:#111827; }
  #pdfBelge.tk-kitap .tk-kapak-konu { font-size:9.4pt; margin-top:1.6mm; color:#1f2937; }
  #pdfBelge.tk-kitap .tk-kapak-kisi { font-size:8.2pt; color:#6b7280; margin-top:1mm; text-align:right; }
  .tk-ad { display:flex; gap:6mm; margin:4.5mm 0 2mm; font-size:10pt; color:#1f2937; }
  .tk-ad span { flex:1; display:flex; align-items:flex-end; gap:2mm; white-space:nowrap; }
  .tk-ad span:first-child { flex:2.2; }
  .tk-ad i { flex:1; height:5mm; border-bottom:.8pt solid #4b5563; }
  #pdfBelge.tk-kitap .tk-yonerge { font-size:8.6pt; color:#4b5563; margin:0 0 5mm; }
  /* testler: her test yeni sayfada; başlık sol çubuk + alt çizgi */
  .tk-test + .tk-test { break-before:page; }
  .tk-test-bas { display:flex; align-items:baseline; flex-wrap:wrap; gap:1mm 4mm; border-left:2.6mm solid #1f2a44; border-bottom:1.4pt solid #1f2a44; padding:.6mm 0 1.6mm 3mm; margin:0 0 2.5mm; break-after:avoid; }
  #pdfBelge.tk-kitap .tk-test-bas h2 { font-size:15.5pt; margin:0; }
  .tk-test-konu { flex:1 1 60mm; font-size:8.4pt; color:#4b5563; }
  .tk-puan { font-size:9pt; color:#374151; white-space:nowrap; display:flex; align-items:flex-end; gap:1.5mm; }
  .tk-puan i { display:inline-block; width:30mm; height:4mm; border-bottom:.8pt solid #4b5563; }
  .tk-puan i.kisa { width:9mm; }
  #pdfBelge.tk-kitap .tk-yon { font-size:9.2pt; font-weight:800; color:#1f2a44; margin:1.5mm 0 1.2mm; padding:.9mm 2.5mm; border:.6pt solid #b6bdcc; border-radius:1.5mm; background:#f3f5fa; break-after:avoid; }
  .tk-iki { column-count:2; column-gap:8mm; column-rule:.5pt solid #c9cfdb; }
  .tk-soru { display:flex; gap:2.2mm; break-inside:avoid; padding:1.5mm 0 2.3mm; border-bottom:.4pt dotted #b9c0cc; }
  .tk-no { flex:0 0 6.4mm; height:6.4mm; border:1pt solid #1f2a44; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:8.8pt; color:#1f2a44; }
  .tk-govde { flex:1; min-width:0; }
  #pdfBelge.tk-kitap .tk-q { font-weight:600; color:#111827; overflow-wrap:anywhere; }
  #pdfBelge.tk-kitap .tk-tr { font-size:8.4pt; color:#4b5563; font-style:italic; margin-top:.4mm; }
  .tk-siklar { display:grid; gap:.7mm 2.5mm; margin-top:1.3mm; font-size:9.8pt; color:#111827; }
  .tk-siklar span { padding-left:4.6mm; text-indent:-4.6mm; overflow-wrap:anywhere; }
  .tk-siklar b { color:#1f2a44; font-weight:800; margin-right:.6mm; }
  .tk-s4 { grid-template-columns:repeat(4, 1fr); } .tk-s3 { grid-template-columns:repeat(3, 1fr); } .tk-s2 { grid-template-columns:1fr 1fr; } .tk-s1 { grid-template-columns:1fr; }
  .tk-bosluk { display:inline-block; width:17mm; height:1em; border-bottom:1pt solid #111827; margin:0 .8mm; vertical-align:-.15em; }
  .tk-yazili .tk-cizgi { display:block; height:8.5mm; border-bottom:.8pt solid #4b5563; margin-top:.5mm; }
  .tk-yanlis { color:#111827; font-weight:900; }
  #pdfBelge.tk-kitap .tk-test-son { text-align:center; font-size:7.4pt; color:#9ca3af; margin-top:3mm; }
  /* son sayfa: cevap anahtarı ters, florlu çizgili zeminde, kendi silik filigranının içinde (ödev kartı .odk-cevap gibi: dikkatle bakmadıkça okunmasın) */
  .tk-son { break-before:page; display:flex; flex-direction:column; gap:4mm; min-height:236mm; }
  #pdfBelge.tk-kitap .tk-son-bas h2 { font-size:15.5pt; margin:0 0 1mm; }
  #pdfBelge.tk-kitap .tk-son-bas p { font-size:8.8pt; color:#4b5563; }
  .tk-anahtar { position:relative; overflow:hidden; border:.6pt dashed #c3cf63; border-radius:3mm; padding:4mm 5mm; background:repeating-linear-gradient(-45deg, rgba(214,240,80,.4) 0 1.2mm, rgba(255,255,255,0) 1.2mm 2.6mm); }
  .tk-anahtar-damga { position:absolute; inset:0; display:grid; grid-template-columns:repeat(3, 1fr); align-content:space-evenly; justify-items:center; pointer-events:none; z-index:0; }
  .tk-anahtar-damga span { transform:rotate(-24deg); font-weight:900; font-size:12.5pt; letter-spacing:2px; color:#1f2a44; opacity:.075; white-space:nowrap; margin:3mm 0; }
  .tk-ak { position:relative; z-index:1; transform:rotate(180deg); font-size:7.5pt; line-height:1.6; letter-spacing:.04em; color:#9bb53a; opacity:.82; break-inside:avoid; padding:.8mm 0; border-top:.4pt dotted rgba(155, 181, 58, .55); }
  .tk-ak:last-child { border-top:0; }
  .tk-anahtar-sik .tk-ak { font-size:6.4pt; line-height:1.45; letter-spacing:.02em; }   /* yazılı cevap çoksa (çeviri, düzelt) anahtar tek sayfaya sığsın */
  .tk-ak b { color:#8aa02a; margin-right:1.4mm; }
  .tk-ak span { margin-right:1.7mm; white-space:nowrap; }
  .tk-ak .tk-ak-uzun { white-space:normal; }
  .tk-son-alt { display:flex; justify-content:space-between; align-items:flex-end; gap:6mm; margin-top:auto; break-inside:avoid; }
  .tk-qrlar { display:flex; align-items:flex-start; gap:5mm; }
  #pdfBelge.tk-kitap .tk-qrlar .pb-qr > div { width:26mm; height:26mm; }
  #pdfBelge.tk-kitap .tk-qrlar .pb-qr figcaption { font-size:8pt; max-width:30mm; margin-top:.8mm; }
  #pdfBelge.tk-kitap .tk-qr-not { font-size:7.4pt; color:#6b7280; max-width:42mm; align-self:center; }
  /* ✍️ ERTUR imzası (Riven 22 Eki «bizim ERTUR imzası olsun»): mühür çerçevesi + el yazısı imza + şirket unvanı; metinler markaAl()'dan */
  .tk-imza { transform:rotate(-2.5deg); border:1.4pt solid #27408b; outline:.5pt solid #27408b; outline-offset:.9mm; border-radius:2.5mm; padding:2.4mm 4mm 2mm; margin:0 2mm 2mm 0; color:#27408b; text-align:center; display:flex; flex-direction:column; gap:.6mm; width:70mm; }
  .tk-imza small { font-size:6.6pt; letter-spacing:.24em; font-weight:800; }
  .tk-imza b { font-size:12.5pt; letter-spacing:.06em; }
  .tk-imza-el { font-family:"Snell Roundhand", "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive; font-size:24pt; line-height:1.05; border-bottom:.6pt solid #27408b; margin:0 7mm; padding-bottom:.4mm; }
  .tk-imza-sirket { font-size:6.6pt; line-height:1.3; }
  .tk-imza i { font-style:normal; font-size:6.6pt; opacity:.85; }
}