/* ==========================================================================
   SÖZEL ÇALIŞMA KAĞIDI MOTORU | ÇERÇEVE + BLOK STİLLERİ (SVG/CSS; sıfır MB)
   Dil: el yazısı başlıklar (TemelYazı), çıkartma (sticker) kartlar, defter kâğıdı yazma alanları,
   iki renk (ana + ikinci) dönüşümlü, üç başlık biçimi (daire / şerit / etiket).
   Kural: zemin saf beyaz, A4 = 210x297 mm, gövde genişliği 190 mm, sayfa %100 dolu ('uzar' blok).
   Cevaplar .cevap katmanında (cevap anahtarı modunda görünür).
   ========================================================================== */
@font-face { font-family: 'TemelYazi'; src: url('../../fontlar/temelyazi.otf') format('opentype'); font-display: swap; }
:root { --t: #2563eb; --ta: #eff6ff; --tb: #bfdbfe; --t2: #f59e0b; --t2a: #fffbeb; --t2b: #fde68a; --td: #1e3a8a; --m: #0f172a; --soluk: #64748b; --ince: #cbd5e1;
  --el: 'TemelYazi', 'Segoe UI', 'Trebuchet MS', system-ui, sans-serif; --c: var(--t); --ca: var(--ta); --cb: var(--tb); }
* { box-sizing: border-box; }
body { margin: 0; background: #cbd5e1; font-family: 'Segoe UI', 'Trebuchet MS', 'Nunito', system-ui, sans-serif; color: var(--m); }
.arac { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; padding: 10px 14px; background: #fff; border-bottom: 2px solid var(--ince); position: sticky; top: 0; z-index: 30; }
.arac button { font: 800 15px/1 inherit; font-family: inherit; padding: 9px 18px; border-radius: 10px; border: 2px solid var(--t); background: #fff; color: var(--td); cursor: pointer; }
.arac button.ana { background: var(--t); color: #fff; }
.arac .bilgi { font-weight: 800; color: var(--soluk); font-size: 14px; }
.tezgah { display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 22px 10px 70px; }
.hata { margin: 40px auto; max-width: 560px; background: #fff; border: 2px solid #dc2626; border-radius: 12px; padding: 18px; font-weight: 800; color: #991b1b; }

/* ---- görsel öğe (kırpılmış WebP veya SVG çizim) ---- */
.gr { display: block; width: 100%; background-repeat: no-repeat; }
.gr-cizim { aspect-ratio: 1; } .gr-cizim svg { width: 100%; height: 100%; display: block; }

/* ---- A4 ---- */
.a4 { width: 210mm; height: 297mm; background: #fff; box-shadow: 0 6px 28px rgba(15, 23, 42, .28); padding: 6mm 10mm 5mm; display: flex; flex-direction: column; overflow: hidden; position: relative; flex: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.a4-sus { position: absolute; right: 12mm; top: 2.5mm; width: 25mm; height: 13mm; pointer-events: none; opacity: .9; }
.a4-ust { display: flex; align-items: center; gap: 5mm; padding-bottom: 2.4mm; margin-bottom: 3.4mm; border-bottom: 0.7mm dashed var(--t); position: relative; }
.a4-ust .kapak { width: 31mm; flex: none; transform: rotate(-3deg); background: #fff; border: 1mm solid #fff; border-radius: 4mm; box-shadow: 0 0 0 0.45mm var(--t), 1.3mm 1.5mm 0 var(--tb); overflow: hidden; margin: 1mm 0 0.5mm 1mm; padding: 0.6mm; }
.a4-ust.kucuk .kapak { width: 18mm; }
.a4-ust .baslik-kap { flex: 1; min-width: 0; }
.a4-ust .marka { display: inline-block; font-size: 7pt; font-weight: 900; letter-spacing: .1em; color: #fff; background: var(--t); border-radius: 99px; padding: 0.4mm 3mm; }
.a4-ust h1 { margin: 1.2mm 0 0; font-family: var(--el); font-size: 25pt; font-weight: 400; line-height: 1.02; color: var(--td); letter-spacing: .01em; }
.a4-ust.kucuk h1 { font-size: 20pt; }
.a4-ust .altbaslik { font-size: 7.5pt; font-weight: 800; color: var(--soluk); margin-top: 0.8mm; }
.a4-ust .kimlik { font-size: 8.5pt; color: #334155; align-self: flex-end; display: grid; gap: 2.2mm; width: 62mm; flex: none; margin-top: 8mm; }
.a4-ust .kimlik div { display: flex; align-items: flex-end; gap: 1mm; white-space: nowrap; }
.a4-ust .kimlik b { font-weight: 900; color: var(--td); }
.cz { flex: 1; border-bottom: 0.35mm solid #475569; height: 4mm; }
.cz.kisa { flex: 0 0 11mm; }
.a4-govde { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 3.2mm; overflow: hidden; counter-reset: etk; }
.a4-govde.dagit { justify-content: space-between; }
.a4-alt { margin-top: 1.2mm; padding-top: 1.2mm; border-top: 0.5mm dotted var(--tb); display: flex; justify-content: space-between; font-size: 7pt; font-weight: 800; color: #94a3b8; gap: 6mm; }

.blok { flex: 0 0 auto; }
.blok.uzar { flex: 1 1 auto; min-height: 28mm; display: flex; flex-direction: column; }
.yonerge { font-size: 8.5pt; color: #475569; margin: 1mm 0 1.6mm; font-weight: 700; }

/* ---- üç başlık biçimi: 0 daire • 1 şerit • 2 etiket ---- */
.bk-baslik { counter-increment: etk; font-family: var(--el); font-size: 14.5pt; color: var(--c); display: flex; align-items: center; gap: 2.4mm; line-height: 1.1; }
.blok[data-bs="0"] .bk-baslik::before { content: counter(etk); flex: none; width: 8.4mm; height: 8.4mm; border-radius: 50%; background: var(--c); color: #fff; font-size: 14pt; display: flex; align-items: center; justify-content: center; box-shadow: 0.9mm 0.9mm 0 var(--cb); }
.blok[data-bs="0"] .bk-baslik::after { content: ''; flex: 1; border-bottom: 0.55mm dotted var(--c); transform: translateY(1.4mm); }
.blok[data-bs="1"] .bk-baslik { background: var(--c); color: #fff; width: fit-content; max-width: 100%; padding: 0.8mm 8mm 0.8mm 3.4mm; clip-path: polygon(0 0, calc(100% - 4.4mm) 0, 100% 50%, calc(100% - 4.4mm) 100%, 0 100%); border-radius: 1.4mm 0 0 1.4mm; }
.blok[data-bs="1"] .bk-baslik::before { content: counter(etk) '.'; color: var(--cb); }
.blok[data-bs="2"] .bk-baslik { width: fit-content; max-width: 100%; background: #fff; border: 0.6mm solid var(--c); border-radius: 3mm; padding: 0.7mm 3.6mm; box-shadow: 1.1mm 1.1mm 0 var(--cb); transform: rotate(-0.9deg); }
.blok[data-bs="2"] .bk-baslik::before { content: counter(etk); color: #fff; background: var(--c); width: 6mm; height: 6mm; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11pt; flex: none; }
.cevap { visibility: hidden; color: #15803d; font-weight: 800; }
body.cevap-acik .cevap { visibility: visible; }
.kelime-banka { display: flex; flex-wrap: wrap; gap: 1.6mm; margin: 1mm 0 2mm; }
.kb { border: 0.45mm solid var(--c); border-radius: 3mm; padding: 0.5mm 3mm; font-size: 9.5pt; font-weight: 800; background: var(--ca); color: var(--m); transform: rotate(-1deg); }
.kb:nth-child(even) { transform: rotate(1deg); }

/* okuma metni */
.metin-kutu { border: 0.5mm solid var(--c); border-radius: 4mm 6mm 4mm 6mm / 6mm 4mm 6mm 4mm; background: var(--ca); padding: 3mm 4mm; display: flex; gap: 4mm; align-items: center; box-shadow: 1.2mm 1.2mm 0 var(--cb); }
.metin { font-size: 10.5pt; line-height: 1.65; font-weight: 600; flex: 1; }
.metin.iki { column-count: 2; column-gap: 6mm; column-rule: 0.2mm solid var(--cb); }
.metin-gorsel { width: 36mm; flex: none; background: #fff; border-radius: 4mm; padding: 1mm; transform: rotate(2deg); box-shadow: 0 0 0 0.4mm var(--cb); }

/* eşleştirme */
.es-iki { display: grid; grid-template-columns: 1fr 24mm 1fr; align-items: start; }
.es-sutun { display: grid; gap: 2.2mm; }
.es-oge { display: flex; align-items: center; gap: 2.2mm; border-radius: 3mm; padding: 1.2mm 2.6mm; min-height: 9mm; font-size: 10pt; font-weight: 700; background: var(--ca); border: 0.4mm solid var(--cb); position: relative; }
.es-oge.sag { background: #fff; border: 0.45mm solid var(--c); }
.es-oge b { font-family: var(--el); font-weight: 400; font-size: 12pt; color: #fff; background: var(--c); border-radius: 50%; width: 6mm; height: 6mm; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.es-metin { flex: 1; }
.es-oge .nokta { width: 3mm; height: 3mm; border-radius: 50%; border: 0.55mm solid var(--c); flex: none; background: #fff; }
.es-oge:not(.sag) .nokta { margin-left: auto; order: 5; }
.es-cvp { order: 6; font-size: 8pt; }
.es-oge.resimli { min-height: 20mm; }
.es-gr { width: 16mm; flex: none; }

/* sıralama */
.sr-seri { display: grid; gap: 3mm; }
.sr-kart { border: 0.5mm solid var(--c); border-radius: 4mm; padding: 2mm; display: flex; flex-direction: column; align-items: center; gap: 1.6mm; text-align: center; background: #fff; box-shadow: 1mm 1mm 0 var(--cb); position: relative; }
.sr-kart:nth-child(odd) { transform: rotate(-0.6deg); } .sr-kart:nth-child(even) { transform: rotate(0.6deg); }
.sr-gr { width: 100%; max-width: 30mm; margin: 0 auto; }
.sr-no { width: 8.4mm; height: 8.4mm; border-radius: 50%; border: 0.55mm dashed var(--c); display: flex; align-items: center; justify-content: center; font-family: var(--el); font-size: 13pt; margin-top: auto; }
.sr-metin { font-size: 9.5pt; font-weight: 700; line-height: 1.3; }

/* sınıflandırma */
.sn-kartlar { display: flex; flex-wrap: wrap; gap: 1.8mm; margin-bottom: 2.4mm; }
.sn-kartlar.resimli { gap: 2.4mm; }
.sn-kart { border: 0.45mm solid var(--cb); border-radius: 3mm; padding: 0.5mm 2.8mm; background: #fff; font-size: 9.5pt; font-weight: 800; box-shadow: 0.7mm 0.7mm 0 var(--cb); display: inline-flex; flex-direction: column; align-items: center; gap: 0.6mm; }
.sn-kartlar.resimli .sn-kart { padding: 1.2mm; width: 26mm; justify-content: space-between; }
.sn-gr { width: 100%; }
.sn-tablo { display: grid; gap: 3mm; }
.sn-sutun { border: 0.55mm solid var(--c); border-radius: 4mm; overflow: hidden; background: #fff; }
.sn-sutun:nth-child(even) { border-color: var(--t2); }
.sn-sutun:nth-child(even) .sn-bas { background: var(--t2); }
.sn-bas { background: var(--c); color: #fff; text-align: center; font-family: var(--el); font-size: 13pt; padding: 0.8mm; }
.sn-alan { padding: 1.5mm 2.6mm; font-size: 9.5pt; line-height: 1.7; background-image: repeating-linear-gradient(transparent 0, transparent 6.1mm, var(--cb) 6.1mm, var(--cb) 6.5mm); }
.sn-cvp { margin: 0; line-height: 6.6mm; }

/* etiketleme */
.et-iki { display: grid; grid-template-columns: 1.1fr 1fr; gap: 5mm; align-items: center; }
.et-sahne { position: relative; width: 100%; border-radius: 4mm; padding: 1.2mm; background: #fff; box-shadow: 0 0 0 0.45mm var(--c), 1.2mm 1.2mm 0 var(--cb); }
.et-nokta { position: absolute; transform: translate(-50%, -50%); width: 6mm; height: 6mm; border-radius: 50%; background: var(--t2); color: #fff; font-family: var(--el); font-size: 11pt; display: flex; align-items: center; justify-content: center; border: 0.6mm solid #fff; box-shadow: 0 0 0 0.4mm var(--t2); }
.et-liste { display: grid; gap: 3.4mm; }
.et-satir { display: flex; gap: 1.8mm; align-items: baseline; font-family: var(--el); font-size: 13pt; color: var(--td); }
.cizgi { flex: 1; border-bottom: 0.45mm solid #475569; min-height: 6.4mm; font-family: 'Segoe UI', sans-serif; font-size: 10pt; }

/* doğru-yanlış */
.dy-liste { display: grid; gap: 1.8mm; }
.dy-satir { display: flex; align-items: center; gap: 2.4mm; font-size: 10pt; font-weight: 700; padding: 0.8mm 2mm; border-radius: 3mm; background: var(--ca); }
.dy-satir:nth-child(even) { background: #fff; box-shadow: inset 0 0 0 0.3mm var(--cb); }
.dy-sec { display: inline-flex; gap: 1.2mm; flex: none; }
.dy-sec i { width: 6.2mm; height: 6.2mm; border-radius: 50%; border: 0.5mm solid var(--c); background: #fff; font-style: normal; font-family: var(--el); font-size: 10pt; display: inline-flex; align-items: center; justify-content: center; }
body.cevap-acik .dy-sec i.ok { background: #16a34a; border-color: #16a34a; color: #fff; }
.dy-satir b { font-family: var(--el); font-weight: 400; color: var(--c); font-size: 11pt; }

/* boşluk doldurma: cümleler solda, dikey 'Kelime Kutusu' sağda */
.bd-iki { display: grid; grid-template-columns: 1fr 42mm; gap: 6mm; align-items: stretch; }
.bd-liste { display: grid; gap: 2.6mm; align-content: space-around; }
.bd-satir { font-size: 10.5pt; font-weight: 700; line-height: 1.7; }
.bd-satir b { font-family: var(--el); font-weight: 400; color: var(--c); margin-right: 1.5mm; font-size: 12pt; }
.bosluk { display: inline-block; min-width: 24mm; border-bottom: 0.5mm dashed var(--c); text-align: center; margin: 0 0.3mm 0 1mm; line-height: 1.1; }
.bd-kutu { border: 0.55mm dashed var(--c); border-radius: 4mm; background: var(--ca); padding: 2mm 2.4mm; display: flex; flex-direction: column; gap: 1.8mm; align-items: center; justify-content: center; }
.bd-kutu-bas { font-family: var(--el); font-size: 12pt; color: var(--c); }
.bd-kutu .kb { background: #fff; transform: none; width: 100%; text-align: center; }

/* harf kutuları */
.hk-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm 7mm; }
.hk-satir { display: flex; flex-direction: column; gap: 1mm; }
.hk-ipucu { font-size: 9pt; font-weight: 700; } .hk-ipucu b { font-family: var(--el); font-weight: 400; color: var(--c); margin-right: 1.4mm; font-size: 12pt; }
.hk-kutular { display: flex; gap: 0.9mm; flex-wrap: wrap; }
.hk-kutu { width: 6.6mm; height: 7.6mm; border: 0.5mm solid var(--c); border-radius: 1.6mm; display: inline-flex; align-items: center; justify-content: center; font-size: 10pt; background: var(--ca); }
.hk-kutu:nth-child(odd) { transform: rotate(-1.5deg); } .hk-kutu:nth-child(even) { transform: rotate(1.5deg); }

/* kelime avı: küçük ızgara + yanında kutucuklu sözcük listesi */
.ka-iki { display: grid; grid-template-columns: auto 1fr; gap: 7mm; align-items: center; }
.ka-izgara { display: grid; border: 0.55mm solid var(--c); border-radius: 3mm; padding: 1.2mm; width: 64mm; background: #fff; box-shadow: 1.1mm 1.1mm 0 var(--cb); }
.ka-h { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 9.5pt; }
body.cevap-acik .ka-cvp { background: var(--t2b); border-radius: 1.2mm; }
.ka-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 1.8mm 4mm; align-content: center; }
.ka-lbas { grid-column: 1 / -1; font-family: var(--el); font-size: 13pt; color: var(--c); }
.ka-oge { display: flex; align-items: center; gap: 1.8mm; font-size: 9.5pt; font-weight: 800; background: var(--ca); border-radius: 2.4mm; padding: 0.8mm 2mm; }

/* karar kartları */
.kk-izgara { display: grid; gap: 3mm; }
.kk-kart { border: 0.5mm solid var(--c); border-radius: 4mm; padding: 2.2mm 2.8mm; background: #fff; display: flex; flex-direction: column; gap: 1.5mm; box-shadow: 1.1mm 1.1mm 0 var(--cb); }
.kk-kart:nth-child(2n) { border-color: var(--t2); box-shadow: 1.1mm 1.1mm 0 var(--t2b); }
.kk-no { font-family: var(--el); font-size: 11pt; color: var(--c); }
.kk-gr { width: 70%; margin: 0 auto; }
.kk-metin { font-size: 9.5pt; font-weight: 800; line-height: 1.35; }
.kk-sec { display: flex; align-items: flex-start; gap: 1.6mm; font-size: 9pt; font-weight: 700; line-height: 1.3; }
.kk-daire { width: 5.2mm; height: 5.2mm; border-radius: 50%; border: 0.45mm solid var(--c); font-family: var(--el); font-size: 9pt; display: inline-flex; align-items: center; justify-content: center; flex: none; }
body.cevap-acik .kk-sec.dogru .kk-daire { background: #16a34a; border-color: #16a34a; color: #fff; }

/* yazma kutusu: defter kâğıdı */
.yk { flex: 1; min-height: 20mm; display: flex; flex-direction: column; gap: 1.6mm; margin-top: 1.6mm; position: relative; }
.yk::before { content: ''; position: absolute; left: 10mm; top: -3.2mm; width: 20mm; height: 5.6mm; background: var(--t2b); opacity: .85; transform: rotate(-3deg); border-radius: 0.6mm; z-index: 2; }
.yk-cizgili { flex: 1; min-height: 14mm; border: 0.4mm solid var(--cb); border-radius: 2mm; background-color: #fffdf3; box-shadow: 1mm 1mm 0 var(--cb);
  background-image: linear-gradient(90deg, transparent 10mm, #fda4af 10mm, #fda4af 10.35mm, transparent 10.35mm), repeating-linear-gradient(transparent 0, transparent 7.4mm, #bfdbfe 7.4mm, #bfdbfe 7.8mm); background-position: 0 1.5mm; }
.yk-cizgili.kisa { flex: 0 0 24mm; }
.yk-hitap, .yk-imza { font-family: var(--el); font-size: 13pt; color: var(--td); }
.yk-imza { text-align: right; }
.yk-cerceve { flex: 1; min-height: 24mm; border: 0.7mm dashed var(--c); border-radius: 5mm; position: relative; background: #fff; }
.yk-cerceve span { position: absolute; left: 4mm; top: 2.4mm; font-family: var(--el); font-size: 11pt; color: var(--cb); }
.yk-balon { display: grid; grid-template-columns: 1fr 1fr; gap: 7mm; align-items: stretch; }
.yk-kol { display: flex; flex-direction: column; gap: 4.5mm; }
.yk-kol .yk-b { flex: 1; }
.yk-kisi { width: 17mm; margin-left: 6mm; } .yk-kisi.sag { margin-left: auto; margin-right: 6mm; }
.blok:not(.uzar) .yk-b { min-height: 34mm; }
.yk-b { border: 0.6mm solid var(--c); border-radius: 7mm; padding: 3.4mm; font-size: 10pt; font-weight: 800; background: #fff; position: relative; min-height: 30mm; box-shadow: 1.2mm 1.2mm 0 var(--cb); }
.yk-b.b2 { border-color: var(--t2); box-shadow: 1.2mm 1.2mm 0 var(--t2b); }
.yk-b::after { content: ''; position: absolute; bottom: -3.4mm; left: 9mm; width: 5mm; height: 5mm; background: #fff; border-right: 0.6mm solid var(--c); border-bottom: 0.6mm solid var(--c); transform: rotate(45deg) skew(10deg, 10deg); }
.yk-b.b2::after { border-color: var(--t2); left: auto; right: 9mm; }
.yk-form { gap: 2.4mm; }
.yk-form::before { display: none; }
.yk-alan { flex: 1; display: flex; flex-direction: column; gap: 0.8mm; }
.yk-etiket { font-family: var(--el); font-size: 12pt; color: var(--td); }

/* döngü çemberi */
.dc-sahne { position: relative; width: 190mm; height: 66mm; margin: 0 auto; }
.dc-svg { position: absolute; inset: 0; width: 190mm; height: 66mm; }
.dc-elips { fill: none; stroke: var(--c); stroke-width: 0.6; stroke-dasharray: 2.4 1.6; }
.dc-ok { fill: var(--t2); }
.dc-kutu { position: absolute; background: #fff; border: 0.6mm solid var(--c); border-radius: 4mm; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 10pt; text-align: center; box-shadow: 1mm 1mm 0 var(--cb); }
.dc-kutu.resimli { flex-direction: column; justify-content: space-between; padding: 1mm 1mm 0.4mm; }
.dc-gr { width: 100%; flex: 1; min-height: 0; } .dc-gr svg { width: 100%; height: 100%; }
.dc-ad { display: block; width: 100%; border-bottom: 0.4mm solid #475569; min-height: 5.4mm; line-height: 5.4mm; font-size: 9.5pt; margin-top: 0.4mm; }
.dc-no { position: absolute; left: -2.4mm; top: -2.6mm; width: 5.6mm; height: 5.6mm; border-radius: 50%; background: var(--t2); color: #fff; font-family: var(--el); font-size: 10pt; display: flex; align-items: center; justify-content: center; z-index: 2; }
.dc-merkez { position: absolute; text-align: center; font-family: var(--el); font-size: 13pt; color: var(--td); line-height: 1.2; }

/* öz değerlendirme */
.oz-tablo { border: 0.5mm solid var(--c); border-radius: 4mm; overflow: hidden; background: #fff; box-shadow: 1mm 1mm 0 var(--cb); }
.oz-ust, .oz-satir { display: grid; grid-template-columns: 1fr 22mm 22mm 28mm; align-items: center; padding: 0.8mm 2.6mm; font-size: 9pt; font-weight: 800; }
.oz-ust { background: var(--c); color: #fff; font-family: var(--el); font-weight: 400; font-size: 11pt; }
.oz-ust i, .oz-satir i { font-style: normal; text-align: center; }
.oz-satir { border-top: 0.2mm solid var(--cb); }
.oz-satir i { font-size: 13pt; }

/* 5N1K */
.nk-izgara { display: grid; gap: 3mm; }
.nk-kart { border: 0.5mm solid var(--c); border-radius: 4mm; padding: 0 2.4mm 2.2mm; display: flex; flex-direction: column; gap: 1mm; overflow: hidden; background: #fff; box-shadow: 1mm 1mm 0 var(--cb); }
.nk-kart:nth-child(2n) { border-color: var(--t2); box-shadow: 1mm 1mm 0 var(--t2b); }
.nk-kart:nth-child(2n) .nk-et { background: var(--t2); }
.nk-et { margin: 0 -2.4mm; background: var(--c); color: #fff; font-family: var(--el); font-size: 13pt; padding: 0.6mm 3mm; }
.nk-soru { font-size: 8.5pt; font-weight: 700; color: #475569; line-height: 1.3; }
.nk-cizgi { min-height: 14mm; background-image: repeating-linear-gradient(transparent 0, transparent 6.7mm, var(--cb) 6.7mm, var(--cb) 7.1mm); font-size: 9.5pt; line-height: 7.1mm; }

/* kontrol listesi */
.kl-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4mm 6mm; }
.kl-satir { display: flex; align-items: center; gap: 2mm; font-size: 10pt; font-weight: 700; background: var(--ca); border-radius: 3mm; padding: 1mm 2.4mm; }
.kl-kutu { width: 5.6mm; height: 5.6mm; border: 0.55mm solid var(--c); border-radius: 1.4mm; flex: none; background: #fff; }
.kl-gr { width: 11mm; flex: none; }

@media print {
  body { background: #fff; }
  .arac { display: none !important; }
  .tezgah { padding: 0; gap: 0; display: block; }
  .a4 { box-shadow: none; margin: 0; zoom: 1 !important; page-break-after: always; break-after: page; }
  .a4:last-child { page-break-after: auto; break-after: auto; }
  @page { size: A4; margin: 0; }
}

/* ?sayfa=N önizleme modu */
body.tek { background: #fff; }
body.tek .arac { display: none; }
body.tek .tezgah { padding: 0; }
body.tek .a4 { box-shadow: none; zoom: 1 !important; }

.yk-mektup::before { left: auto; right: 14mm; }

/* ---- Ek Sayfalar: test + açık uçlu sorular ---- */
.ts-liste { flex: 1; display: grid; grid-auto-rows: 1fr; gap: 3mm; margin-top: 1.4mm; }
.blok:not(.uzar) .ts-liste { grid-auto-rows: auto; }
.ts-kart { border: 0.5mm solid var(--c); border-radius: 4mm; padding: 2.2mm 3mm; display: flex; flex-direction: column; justify-content: center; gap: 1.8mm; background: #fff; box-shadow: 1mm 1mm 0 var(--cb); }
.ts-kart:nth-child(even) { border-color: var(--t2); box-shadow: 1mm 1mm 0 var(--t2b); }
.ts-soru { display: flex; gap: 2.4mm; font-size: 10.5pt; font-weight: 800; line-height: 1.4; }
.ts-soru b { flex: none; width: 7mm; height: 7mm; border-radius: 50%; background: var(--c); color: #fff; font-family: var(--el); font-weight: 400; font-size: 12pt; display: flex; align-items: center; justify-content: center; }
.ts-kart:nth-child(even) .ts-soru b { background: var(--t2); }
.ts-siklar { display: grid; gap: 1.2mm; padding-left: 9.4mm; }
.ts-siklar.satir { grid-auto-flow: column; grid-auto-columns: 1fr; }
.ts-sik { display: flex; align-items: flex-start; gap: 1.8mm; font-size: 10pt; font-weight: 700; line-height: 1.3; }
body.cevap-acik .ts-sik.dogru .kk-daire { background: #16a34a; border-color: #16a34a; color: #fff; }
.ks-liste { flex: 1; display: flex; flex-direction: column; gap: 3mm; margin-top: 1.4mm; }
.ks-soru { flex: 1; display: flex; flex-direction: column; gap: 1.4mm; min-height: 30mm; }
.ks-metin { display: flex; gap: 2.4mm; font-size: 10.5pt; font-weight: 800; line-height: 1.4; }
.ks-metin b { flex: none; width: 7mm; height: 7mm; border-radius: 50%; background: var(--c); color: #fff; font-family: var(--el); font-weight: 400; font-size: 12pt; display: flex; align-items: center; justify-content: center; }
.ks-soru .yk-cizgili { flex: 1; }

/* Ek sayfa gösterimi (araç çubuğu düğmesiyle; kapalıyken ekranda ve baskıda yok) */
body.ek-kapali .a4.ek { display: none; }

/* resimli sınıflandırma kartları: yükseklik sınırlı (ince/uzun kırpmalar sayfayı şişirmesin) */
.sn-kartlar.resimli .sn-gr { height: 26mm; width: calc(26mm * var(--oran, 1)); max-width: 100%; margin: 0 auto; aspect-ratio: auto; }
.sn-kartlar.resimli .sn-kart { width: auto; min-width: 24mm; }
.yk-form .yk-cizgili { min-height: 10mm; }