/* 3. Sınıf 1. Çeyrek Tanılama Sınavları — ortak basılı şablon (A4) */
@page { size: A4; margin: 0; }
:root { --ink:#111; --soft:#555; --line:#bbb; --band:#f1f1f1; }
* { box-sizing: border-box; }
html, body { margin:0; height:auto; background:#e9e9ee; color:var(--ink); font-family:"Segoe UI", Arial, Helvetica, sans-serif; }
body { overflow:auto !important; }

/* ekran araç çubuğu */
.arac { position:sticky; top:0; z-index:5; background:#fff; border-bottom:1px solid #ccc; padding:8px 12px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; font-size:14px; }
.arac button { font:inherit; padding:7px 14px; border:1px solid #888; border-radius:8px; background:#fff; cursor:pointer; }
.arac button.on { background:#1d4ed8; color:#fff; border-color:#1d4ed8; }
.arac .not { color:var(--soft); margin-left:auto; font-size:13px; }
body[data-mod="ogrenci"] .ogretmen-sayfa { display:none; }
body[data-mod="ogretmen"] .ogrenci-sayfa { display:none; }

/* A4 sayfa */
.sayfa { width:210mm; height:297mm; margin:12px auto; background:#fff; padding:7mm 9mm 6mm; display:flex; flex-direction:column; position:relative; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.2); }

.ust { border:1.2px solid var(--ink); border-radius:6px; padding:2.2mm 3mm; display:flex; align-items:center; gap:4mm; font-size:10.5pt; margin-bottom:2mm; }
.ust .baslik { font-weight:800; white-space:nowrap; font-size:11.5pt; }
.ust .alan { flex:1; border-bottom:1px dotted #333; min-width:20mm; height:5.5mm; position:relative; }
.ust .alan span { position:absolute; left:0; bottom:.6mm; font-size:8.5pt; color:var(--soft); }
.ust .kucuk { flex:0 0 16mm; }
.ust.ince { font-size:9.5pt; padding:1.4mm 3mm; }
.ust.ince .baslik { font-size:10pt; }
.yonerge-ogr { font-size:9.5pt; color:#333; margin:0 0 2.5mm; padding:1.2mm 2.5mm; background:var(--band); border-radius:4px; }

.sorular { flex:1; column-count:2; column-gap:9mm; column-rule:1px solid var(--line); column-fill:auto; font-size:12pt; line-height:1.3; min-height:0; overflow:hidden; }
.soru { break-inside:avoid; margin:0 0 4.2mm; display:grid; grid-template-columns:7.5mm 1fr; }
.soru .no { font-weight:800; }
.soru .metin { margin:0 0 1.6mm; }
.soru .parca { border:1px solid var(--line); border-radius:5px; padding:2mm 2.6mm; margin:0 0 1.6mm; font-size:11pt; line-height:1.36; }
.soru .parca .pbaslik { display:block; text-align:center; font-weight:800; margin:0 0 1mm; }
.soru .parca.siir { text-align:center; }
.soru .gorsel { margin:0 0 1.8mm; display:flex; justify-content:center; }
.soru .gorsel img { max-width:100%; display:block; }
.soru .bil { position:relative; }
.soru .bil.yazisiz svg text { display:none; }
.sik { display:grid; gap:.8mm 3mm; }
.sik.iki { grid-template-columns:1fr 1fr; }
.sik.bir { grid-template-columns:1fr; }
.sik b { font-weight:800; margin-right:1.4mm; }
.grup { break-inside:avoid; }
.kesir { display:inline-flex; flex-direction:column; align-items:center; vertical-align:middle; line-height:1.05; font-size:.95em; margin:0 .4mm; }
.kesir i { font-style:normal; border-top:1.2px solid currentColor; padding-top:.2mm; }
u.alt { text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:2px; }

.alt-bilgi { margin-top:2mm; border-top:1px solid var(--line); padding-top:1.4mm; display:flex; justify-content:space-between; align-items:center; font-size:9pt; color:var(--soft); }
.alt-bilgi b { color:var(--ink); }

/* öğretmen sayfası */
.ogretmen-sayfa { font-size:9.5pt; height:auto; min-height:297mm; overflow:visible; }
.ogretmen-sayfa h2 { margin:0 0 1mm; font-size:14pt; }
.ogretmen-sayfa h3 { margin:3.5mm 0 1.5mm; font-size:11pt; }
.ogretmen-sayfa .alt-baslik { color:var(--soft); margin:0 0 2.5mm; }
.anahtar { display:grid; grid-template-columns:repeat(10,1fr); gap:1.2mm; margin:0 0 2mm; }
.anahtar div { border:1px solid #888; border-radius:4px; text-align:center; padding:1.2mm 0; font-size:11pt; }
.anahtar b { font-weight:800; font-size:12pt; }
.dagilim { font-size:9pt; color:var(--soft); margin:0 0 1mm; }
table { border-collapse:collapse; width:100%; font-size:8.8pt; }
th, td { border:1px solid #999; padding:1mm 1.6mm; text-align:left; vertical-align:top; }
th { background:var(--band); }
td.o { text-align:center; white-space:nowrap; }
td.cel { font-size:8.3pt; color:#333; }
tr { break-inside:avoid; }
.etiket { display:inline-block; font-size:7.5pt; font-weight:800; border:1px solid #888; border-radius:3px; padding:0 1mm; margin-left:1mm; color:#333; }
.yonerge { font-size:9.3pt; line-height:1.45; margin:2.5mm 0 0; }
.yonerge li { margin:0 0 1mm; }

@media print {
  html, body { background:#fff; }
  .arac { display:none !important; }
  .sayfa { margin:0; box-shadow:none; page-break-after:always; break-after:page; }
  .sayfa:last-of-type { page-break-after:auto; break-after:auto; }
  .ogretmen-sayfa { min-height:0; }
}