/* Tatil kitapçığı ortak stil: temel kurallar (eski elle yazılmış kitapçıktan) + YENİ GÖRÜNÜM katmanı */
@page{size:A4;margin:0}
:root{
  --mat:#3354D1;--mat-l:#EEF2FF;
  --tr:#D9365E;--tr-l:#FFF0F4;
  --fen:#138A57;--fen-l:#EAF8F0;
  --hb:#E07800;--hb-l:#FFF5E6;
  --ing:#6A45E0;--ing-l:#F3EFFF;
  --gun:#0B7A8C;--gun-l:#E6F7FA;
  --ink:#1c2540;--mut:#5f6a85;--line:#9aa3b8;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{background:#e6eaf2;font-family:'Nunito','Segoe UI',Arial,sans-serif;color:var(--ink);font-size:10.6pt;line-height:1.3}
.page{position:relative;width:210mm;height:297mm;margin:8mm auto;background:#fff;padding:8mm 11mm 27mm;overflow:hidden;box-shadow:0 4px 24px rgba(20,30,70,.16);break-after:page;page-break-after:always;display:flex;flex-direction:column}
.page>.task{flex:1 1 auto}
.page>.hd,.page>.read{flex:none}
@media print{body{background:#fff}.page{margin:0;box-shadow:none}.noprint{display:none!important}body:not(.print-ek) .ek{display:none!important}}
h1,h2,h3,.bal{font-family:'Baloo 2','Nunito',sans-serif}
.c-mat{--c:var(--mat);--cl:var(--mat-l)}.c-tr{--c:var(--tr);--cl:var(--tr-l)}
.c-fen{--c:var(--fen);--cl:var(--fen-l)}.c-hb{--c:var(--hb);--cl:var(--hb-l)}
.c-ing{--c:var(--ing);--cl:var(--ing-l)}.c-gun{--c:var(--gun);--cl:var(--gun-l)}

/* başlık */
.hd{display:flex;align-items:center;gap:3.5mm;padding-bottom:2mm;margin-bottom:2.4mm;border-bottom:2.5px solid var(--c)}
.hd .day{background:var(--c);color:#fff;border-radius:3.5mm;padding:1.6mm 3mm;text-align:center;line-height:1.05;min-width:29mm}
.hd .day b{display:block;font-family:'Baloo 2';font-size:14pt;font-weight:800}
.hd .day span{font-size:8pt;font-weight:700}
.hd .ttl{flex:1;min-width:0}
.hd .ttl small{font-weight:800;font-size:8pt;letter-spacing:.8px;color:var(--c)}
.hd .ttl h1{font-size:19pt;line-height:1.05;font-weight:800}
.hd .kz{font-size:7.4pt;color:var(--mut);font-weight:700;margin-top:.6mm;line-height:1.2}
.hd .kz b{color:var(--c)}
.hd .hero{width:19mm;height:19mm;object-fit:contain;flex:none}

/* görev */
.task{border:1.6px solid var(--c);border-radius:3.5mm;padding:1.7mm 3mm 1.8mm;margin-bottom:1.6mm;position:relative;break-inside:avoid}
.th{display:flex;align-items:center;gap:2mm;margin-bottom:.8mm}
.num{min-width:6.4mm;height:6.4mm;border-radius:3.2mm;background:var(--c);color:#fff;font-family:'Baloo 2';font-weight:800;font-size:10.5pt;display:grid;place-items:center;flex:none;line-height:1;padding:0 1.2mm}
.th h3{font-size:11.6pt;color:var(--c);font-weight:800;line-height:1.05}
.th .pts{margin-left:auto;font-size:8pt;font-weight:800;color:var(--mut)}
.ins{font-size:9.2pt;color:var(--mut);font-weight:600;margin-bottom:.8mm}
.ins b{color:var(--ink)}
.tip{background:var(--cl);border-left:3px solid var(--c);border-radius:1.5mm;padding:1.2mm 2.5mm;font-size:9.3pt;font-weight:700;margin:.5mm 0 1.2mm}
.tip b{color:var(--c)}
.row{display:flex;gap:3mm;align-items:center;flex-wrap:wrap}
.sa{justify-content:space-around}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.2mm 5mm}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2mm 4mm}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4mm 3mm}
.g5{display:grid;grid-template-columns:repeat(5,1fr);gap:1.4mm 2mm}
.g6{display:grid;grid-template-columns:repeat(6,1fr);gap:1.4mm 2mm}
.ctr{text-align:center}
.q{margin:.7mm 0;font-weight:700}
.q .n{color:var(--c);font-weight:800;margin-right:1mm}
.sm{font-size:9.4pt}

/* yazma alanları */
.bl{display:inline-block;border-bottom:1.8px dotted var(--line);min-width:16mm;height:5.2mm;vertical-align:baseline;margin:0 .8mm}
.bl.s{min-width:10mm}.bl.m{min-width:22mm}.bl.l{min-width:36mm}.bl.xl{min-width:58mm}.bl.f{display:block;min-width:0;margin:0}
.box{display:inline-block;width:8mm;height:8mm;border:1.8px solid var(--c);border-radius:2mm;vertical-align:middle;background:#fff}
.box.s{width:6.4mm;height:6.4mm;border-radius:1.6mm}
.box.w{width:13mm;height:8.5mm}
.ln{border-bottom:1.4px solid #d4d9e4;height:7.4mm}
.ln.d{border-bottom:1.6px dotted var(--line)}
.lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(7.6mm - 1.3px),#cfd5e1 calc(7.6mm - 1.3px),#cfd5e1 7.6mm)}
.draw{border:1.6px dashed var(--c);border-radius:2.5mm;position:relative;background:#fff}
.draw em{position:absolute;top:.8mm;left:2mm;font-size:7.8pt;font-weight:800;color:var(--mut);font-style:normal}
.fw{display:inline-flex;flex-direction:column;vertical-align:middle;margin:0 .8mm;gap:.6mm;align-items:center}
.fw i{display:block;width:7.5mm;height:5.6mm;border:1.6px solid var(--c);border-radius:1.2mm}
.fw i:first-child{border-bottom-width:1.6px}
.frac{display:inline-flex;flex-direction:column;align-items:center;line-height:.95;font-family:'Baloo 2';font-weight:800;font-size:12pt;vertical-align:middle;margin:0 .6mm}
.frac s{display:block;width:115%;height:1.8px;background:var(--ink);margin:.4mm 0;text-decoration:none}
.chip{display:inline-block;background:var(--cl);color:var(--ink);border:1.4px solid var(--c);border-radius:10mm;padding:.2mm 2.4mm;font-weight:800;font-size:9.4pt;white-space:nowrap}
.bank{display:flex;flex-wrap:wrap;gap:1.4mm;margin:.4mm 0 1.4mm;align-items:center}
.bank:before{content:"Sözcük kutusu:";font-size:8.2pt;font-weight:800;color:var(--mut)}
.bank.en:before{content:"Word box:"}
.bank.nb:before{content:none}
.opt{display:inline-flex;align-items:center;gap:1.2mm;margin-right:3.5mm;font-weight:700}
.opt i{width:4.6mm;height:4.6mm;border:1.6px solid var(--c);border-radius:50%;display:inline-block;flex:none}
.dy{display:inline-flex;gap:1mm;margin-left:1mm}
.dy span{width:6mm;height:6mm;border:1.5px solid var(--c);border-radius:50%;display:grid;place-items:center;font-size:8.5pt;font-weight:800;color:var(--c)}
.big{font-family:'Baloo 2';font-weight:800;font-size:13pt}

/* tablolar */
.tbl{width:100%;border-collapse:collapse;font-weight:700;font-size:9.6pt}
.tbl th{background:var(--c);color:#fff;font-family:'Baloo 2';padding:.8mm 1.2mm;font-size:9.6pt;font-weight:700;border:1.4px solid var(--c)}
.tbl td{border:1.4px solid var(--c);padding:0 1.6mm;height:7.4mm;text-align:center}
.tbl td.l{text-align:left;background:var(--cl)}
.tbl.t td{height:6.4mm}
.tbl.x td{height:8.6mm}

/* okuma metni */
.read{border:1.6px solid var(--c);border-radius:3.5mm;padding:2.5mm 4mm;margin-bottom:2mm;background:linear-gradient(var(--cl),#fff 40%)}
.read h2{font-size:14pt;color:var(--c);text-align:center;margin-bottom:1mm}
.read p{text-indent:6mm;font-size:10.4pt;line-height:1.45;font-weight:600;text-align:justify}
.read .lnno{float:right;font-size:7.6pt;color:var(--mut)}

/* test */
.mcq{display:grid;grid-template-columns:1fr 1fr;gap:2mm 5mm}
.mq{border:1.4px solid #d6dbe6;border-radius:2.5mm;padding:1.6mm 2.4mm;break-inside:avoid}
.mq .h{display:flex;gap:1.6mm;align-items:baseline;font-weight:800;font-size:9.8pt;margin-bottom:.8mm}
.mq .h i{font-style:normal;flex:none;background:var(--c);color:#fff;border-radius:1.5mm;padding:0 1.6mm;font-size:8.6pt}
.mq .h u{text-decoration:none;font-size:7.2pt;color:var(--c);font-weight:800;flex:none;border:1px solid var(--c);border-radius:1mm;padding:0 1mm}
.mq .o{display:grid;grid-template-columns:1fr 1fr;gap:.4mm 3mm;font-size:9.4pt;font-weight:700}
.mq .o span:before{content:attr(data-k);display:inline-grid;place-items:center;width:4.6mm;height:4.6mm;border:1.4px solid var(--c);border-radius:50%;font-size:7.6pt;margin-right:1.2mm;color:var(--c);font-weight:800}

/* alt bilgi */
.ft{position:absolute;left:11mm;right:11mm;bottom:5mm;height:18mm;display:flex;align-items:center;gap:3.5mm;border-top:1.6px solid #e1e5ee;padding-top:1.5mm}
.ft .pg{font-family:'Baloo 2';font-weight:800;font-size:12.5pt;color:#fff;background:var(--c);width:8.5mm;height:8.5mm;border-radius:50%;display:grid;place-items:center;flex:none}
.self{flex:1;font-size:8.2pt;font-weight:800;color:var(--mut);line-height:1.2}
.self div{display:flex;gap:2.6mm;margin-top:.8mm;color:var(--ink)}
.self div span{display:inline-flex;align-items:center;gap:1mm}
.self div span:before{content:"";width:4mm;height:4mm;border:1.5px solid var(--c);border-radius:50%}
.self.msg{font-size:8.6pt}
.qrs{display:flex;gap:3mm;flex:none}
.qr{display:flex;align-items:center;gap:1.6mm}
.qr .code{width:14.5mm;height:14.5mm;flex:none;border:1.2px solid var(--c);border-radius:1.4mm;padding:.6mm;background:#fff}
.qr .code svg{width:100%;height:100%;display:block}
.qr .lab{font-size:7.2pt;line-height:1.18;font-weight:800;max-width:22mm}
.qr .lab span{display:block;color:var(--c)}

svg.clk{width:21mm;height:21mm}
svg.fr{width:13.5mm;height:13.5mm}
svg.fr.bar{width:25mm;height:9.5mm}
.wsg{border-collapse:collapse}
.wsg td{width:5.6mm;height:5.6mm;border:1.2px solid var(--c);text-align:center;font-family:'Baloo 2';font-weight:800;font-size:10.5pt}
.cal{border-collapse:collapse;font-family:'Baloo 2';font-weight:700;font-size:10pt}
.cal th{background:var(--c);color:#fff;padding:.4mm 1.5mm;font-size:8.6pt}
.cal td{border:1.2px solid #c9d0de;width:8.4mm;height:6.2mm;text-align:center}
.cal td.t{background:#FFE8A3}
.cal caption{font-weight:800;color:var(--c);font-size:10.5pt;margin-bottom:.6mm}
.img{object-fit:contain;display:block;margin:0 auto}

/* kapak */
.cover{display:block;padding:0}
.cover .band{position:absolute;inset:0 0 auto 0;height:122mm;background:linear-gradient(140deg,#2E4CC4 0%,#6A45E0 58%,#D9365E 100%);border-bottom-left-radius:55% 14mm;border-bottom-right-radius:55% 14mm;overflow:hidden}
.cover .band i{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.cover .inner{position:relative;padding:15mm 14mm 0;text-align:center;color:#fff}
.cover .tag{display:inline-block;background:#FFD43B;color:#3b2f00;font-family:'Baloo 2';font-weight:800;font-size:12.5pt;border-radius:10mm;padding:.8mm 6mm}
.cover h1{font-size:46pt;line-height:.95;font-weight:800;margin-top:6mm}
.cover h1 span{display:block;color:#FFD43B;font-size:52pt}
.cover .sub{font-size:13pt;font-weight:700;margin-top:4mm;opacity:.95}
.cover .grade{position:absolute;right:14mm;top:84mm;width:36mm;height:36mm;border-radius:50%;background:#FFD43B;color:#3b2f00;display:grid;place-items:center;text-align:center;font-family:'Baloo 2';font-weight:800;line-height:.9;box-shadow:0 3px 0 rgba(0,0,0,.15)}
.cover .grade b{font-size:38pt;display:block}.cover .grade span{font-size:12pt}
.cover .mascots{position:absolute;left:0;right:0;top:124mm;display:flex;justify-content:center;align-items:flex-end;gap:4mm}
.cover .stats{position:absolute;left:16mm;right:16mm;top:192mm;display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;text-align:center}
.cover .stats div{border:1.6px solid #dfe4ef;border-radius:3mm;padding:2mm 1mm}
.cover .stats b{display:block;font-family:'Baloo 2';font-size:19pt;color:#2E4CC4;line-height:1}
.cover .stats span{font-size:8.6pt;font-weight:800;color:var(--mut)}
.cover .subj{position:absolute;left:12mm;right:12mm;top:214mm;display:flex;justify-content:center;gap:2.4mm}
.cover .subj span{font-weight:800;font-size:10.5pt;color:#fff;padding:1mm 4mm;border-radius:10mm}
.cover .namebox{position:absolute;left:20mm;right:20mm;top:229mm;border:2px solid #2E4CC4;border-radius:5mm;padding:3mm 6mm}
.cover .namebox div{display:flex;align-items:flex-end;gap:3mm;font-family:'Baloo 2';font-weight:700;font-size:12.5pt;color:#2E4CC4;margin:1.6mm 0}
.cover .namebox div i{flex:1;border-bottom:1.8px dotted var(--line);height:7mm}
.cover .foot{position:absolute;left:0;right:0;bottom:8mm;text-align:center;font-weight:800;color:var(--mut);font-size:9.4pt}

/* plan & cevap */
.plan{width:100%;border-collapse:separate;border-spacing:0 1.6mm;font-size:9.6pt}
.plan td{padding:1.6mm 2.4mm;vertical-align:middle;background:var(--cl)}
.plan td:first-child{border-radius:3mm 0 0 3mm;background:var(--c);color:#fff;font-family:'Baloo 2';font-weight:800;line-height:1.05;text-align:center;width:27mm}
.plan td:first-child small{display:block;font-size:8pt;font-weight:700}
.plan td:nth-child(3){width:22mm;text-align:center;font-weight:800;color:var(--c)}
.plan td:last-child{border-radius:0 3mm 3mm 0;text-align:center;width:13mm}
.plan td b{color:var(--c)}
.ans{columns:2;column-gap:6mm;font-size:8.3pt;line-height:1.25}
.ans h4{font-family:'Baloo 2';font-size:9.4pt;color:#fff;background:var(--c);display:inline-block;border-radius:1.5mm;padding:0 2mm;margin:1.6mm 0 .4mm}
.ans p{font-weight:600;margin:0;break-inside:avoid}
.ans div{break-inside:avoid}
.ekbar{position:fixed;right:14px;bottom:14px;z-index:9;display:flex;gap:8px;align-items:center;background:#fff;border-radius:30px;padding:6px 6px 6px 14px;box-shadow:0 4px 18px rgba(0,0,0,.22);font:700 13px 'Nunito',sans-serif}
.ekbar button{background:#2E4CC4;color:#fff;border:0;border-radius:30px;padding:10px 16px;font:800 13px 'Nunito',sans-serif;cursor:pointer}
.ekbar label{display:flex;gap:6px;align-items:center;cursor:pointer}
.eknote{background:#FFF3BF;border:1.5px dashed #E0A800;border-radius:3mm;padding:1.5mm 3mm;font-size:8.6pt;font-weight:700;margin-bottom:2mm}
.dotstep{display:inline-block;vertical-align:bottom}
.shape{display:inline-block;width:6.5mm;height:6.5mm;vertical-align:middle;margin:0 .6mm}
.shape.tri{width:0;height:0;border-left:3.6mm solid transparent;border-right:3.6mm solid transparent;border-bottom:6.4mm solid var(--tr)}
.shape.sq{background:var(--mat);border-radius:1mm}
.shape.ci{background:var(--hb);border-radius:50%}

/* ==========================================================================
   YENİ GÖRÜNÜM (sözel kağıt motoruyla aynı dil): TemelYazı el yazısı başlıklar, çıkartma (sticker) kartlar,
   iki renk (ders rengi + ikinci vurgu), defter kâğıdı alanları, çizimli kapak. Yukarıdaki temel kurallar korunur,
   aşağıdakiler üzerine yazar. Hem elle yazılmış 3. sınıf kitapçığı hem de motorla üretilen kitapçıklar kullanır.
   ========================================================================== */
@font-face{font-family:'TemelYazi';src:url('../fontlar/temelyazi.otf') format('opentype');font-display:swap}
:root{--el:'TemelYazi','Baloo 2','Nunito',sans-serif}
/* ders renkleri: --c ana, --cl açık zemin, --cb orta ton (gölge), --c2 ikinci vurgu, --c2b ikinci vurgu orta ton */
.c-mat{--c:#3354D1;--cl:#EEF2FF;--cb:#BFC9F2;--c2:#F59E0B;--c2b:#FCE0B1}
.c-tr{--c:#D9365E;--cl:#FFF0F4;--cb:#F3BFCB;--c2:#0EA5E9;--c2b:#B2E2F8}
.c-fen{--c:#138A57;--cl:#EAF8F0;--cb:#B3DAC9;--c2:#F59E0B;--c2b:#FCE0B1}
.c-hb{--c:#E07800;--cl:#FFF5E6;--cb:#F5D4AD;--c2:#2563EB;--c2b:#B9CDF9}
.c-ing{--c:#6A45E0;--cl:#F3EFFF;--cb:#CFC3F5;--c2:#10B981;--c2b:#B3E9D7}
.c-gun{--c:#0B7A8C;--cl:#E6F7FA;--cb:#B1D4DA;--c2:#F97316;--c2b:#FDD2B4}
body{font-family:'Nunito','Segoe UI','Trebuchet MS',Arial,sans-serif}
h1,h2,h3,.bal{font-family:var(--el)}
.page{padding:7mm 11mm 25mm}

/* ---- sayfa başlığı ---- */
.hd{gap:4.5mm;padding-bottom:2.6mm;margin-bottom:3.2mm;border-bottom:.7mm dashed var(--c);align-items:center;position:relative}
.hd:after{content:"";position:absolute;right:30mm;top:-3mm;width:24mm;height:14mm;pointer-events:none;
  background:
   radial-gradient(circle at 18% 30%,var(--c2) 0 1.3mm,transparent 1.5mm),
   radial-gradient(circle at 70% 18%,var(--c) 0 .9mm,transparent 1.1mm),
   radial-gradient(circle at 46% 72%,var(--c2) 0 .8mm,transparent 1mm),
   radial-gradient(circle at 90% 62%,var(--c) 0 1.2mm,transparent 1.4mm)}
.hd .day{background:var(--c);border-radius:4mm;padding:2mm 3.2mm;min-width:31mm;transform:rotate(-2.5deg);box-shadow:1.3mm 1.4mm 0 var(--cb)}
.hd .day b{font-family:var(--el);font-weight:400;font-size:17pt;line-height:1}
.hd .day span{font-size:7.8pt;font-weight:800;margin-top:.6mm;display:block}
.hd .ttl small{display:inline-block;background:var(--cl);color:var(--c);border-radius:99px;padding:.3mm 2.8mm;font-weight:900;font-size:7.4pt;letter-spacing:.09em;border:.3mm solid var(--cb)}
.hd .ttl h1{font-family:var(--el);font-weight:400;font-size:25pt;line-height:1.02;margin-top:1mm;letter-spacing:.005em}
.hd .kz{margin-top:1.2mm;font-size:7.4pt}
.hd .kz b{background:var(--cl);border-radius:1mm;padding:0 1mm}
.hd .hero{width:27mm;height:27mm;padding:1mm;background:#fff;border-radius:5mm;object-fit:contain;transform:rotate(3deg);
  box-shadow:0 0 0 .45mm var(--c),1.3mm 1.5mm 0 var(--cb);margin-right:1mm}

/* ---- görev kartları (çıkartma) ---- */
.task{border:.5mm solid var(--c);border-radius:4mm;padding:2.2mm 3.4mm 2.4mm;margin-bottom:3mm;background:#fff;box-shadow:1.1mm 1.2mm 0 var(--cb)}
.task:nth-of-type(even){border-color:var(--c2);box-shadow:1.1mm 1.2mm 0 var(--c2b)}
.task:nth-of-type(even) .num{background:var(--c2)}
.task:nth-of-type(even) .th h3{color:var(--c2)}
.th{gap:2.4mm;margin-bottom:1.2mm}
.num{min-width:7.2mm;height:7.2mm;border-radius:50%;font-family:var(--el);font-weight:400;font-size:12.5pt;box-shadow:.6mm .7mm 0 var(--cb)}
.task:nth-of-type(even) .num{box-shadow:.6mm .7mm 0 var(--c2b)}
.th h3{font-family:var(--el);font-weight:400;font-size:14.5pt;line-height:1.05;color:var(--c)}
.th .pts{background:var(--cl);border-radius:99px;padding:.2mm 2.2mm}
.ins{font-size:9pt}
.tip{border:.35mm dashed var(--c);border-left-width:.35mm;border-radius:3mm;padding:1.4mm 3mm 1.4mm 3mm;background:var(--cl)}
.tip:before{content:"İPUCU";display:inline-block;background:var(--c);color:#fff;font-weight:900;font-size:6.6pt;letter-spacing:.08em;border-radius:99px;padding:.2mm 1.8mm;margin-right:1.8mm;vertical-align:1px}
.q .n{font-weight:900}
.chip{background:#fff;border:.45mm solid var(--c);box-shadow:.5mm .5mm 0 var(--cb)}
.bank{gap:1.8mm}
.bank:before{font-family:var(--el);font-size:10pt;color:var(--c);font-weight:400}
.opt i,.dy span{border-width:.45mm}
.dy span{font-family:var(--el);font-weight:400;font-size:10pt}
.box{border:.5mm solid var(--c);border-radius:2mm;background:var(--cl)}
.bl{border-bottom:.45mm dashed var(--c)}
.ln{border-bottom:.35mm solid var(--cb)}
.ln.d{border-bottom:.4mm dashed var(--cb)}
.lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(7.6mm - .4mm),var(--cb) calc(7.6mm - .4mm),var(--cb) 7.6mm)}
.draw{border:.6mm dashed var(--c);border-radius:4mm}
.draw em{font-family:var(--el);font-size:10pt;color:var(--cb);font-weight:400}
.tbl{border-collapse:separate;border-spacing:0;border-radius:3mm;overflow:hidden;border:.5mm solid var(--c)}
.tbl th{font-family:var(--el);font-weight:400;font-size:11pt;border:0;border-right:.3mm solid rgba(255,255,255,.5)}
.tbl td{border:0;border-top:.3mm solid var(--cb);border-right:.3mm solid var(--cb)}
.tbl td:last-child{border-right:0}
.tbl td.l{background:var(--cl)}
.mq{border:.45mm solid var(--cb);border-radius:3.5mm;box-shadow:.7mm .8mm 0 var(--cb)}

/* ---- okuma metni ---- */
.read{border:.5mm solid var(--c);border-radius:4.5mm 6mm 4.5mm 6mm/6mm 4.5mm 6mm 4.5mm;background:var(--cl);box-shadow:1.2mm 1.3mm 0 var(--cb)}
.read h2{font-family:var(--el);font-weight:400;font-size:17pt}

/* ---- alt bilgi ---- */
.ft{border-top:.5mm dotted var(--cb);gap:4mm}
.ft .pg{width:9.5mm;height:9.5mm;border-radius:3mm;transform:rotate(-6deg);font-family:var(--el);font-weight:400;font-size:14pt;box-shadow:.8mm .9mm 0 var(--cb)}
.self{font-family:var(--el);font-weight:400;font-size:10pt;color:var(--c)}
.self div{font-family:'Nunito',sans-serif;font-weight:800;font-size:8pt;margin-top:.8mm}
.self div span:before{width:5.4mm;height:5.4mm;border:.45mm solid var(--c);background:var(--cl)}
.qr .code{border:.45mm solid var(--c);border-radius:2mm}

/* ==========================================================================
   KAPAK (kapak.js üretir; tüm sınıflarda ortak) — sonbahar teması
   ========================================================================== */
.page.cover{display:block;padding:0;background:#FFF6E3;--c:#C2410C;--c2:#2563EB}
.cover .cv-sun{position:absolute;right:-26mm;top:-26mm;width:104mm;height:104mm;border-radius:50%;background:#FFD66B;box-shadow:0 0 0 9mm rgba(255,214,107,.35),0 0 0 19mm rgba(255,214,107,.18)}
.cover .cv-hill1{position:absolute;left:-18mm;right:-18mm;bottom:78mm;height:62mm;background:#F6B15E;border-radius:50% 50% 0 0/100% 100% 0 0}
.cover .cv-hill2{position:absolute;left:-30mm;right:-8mm;bottom:70mm;height:56mm;background:#E98B3F;border-radius:50% 50% 0 0/100% 100% 0 0}
.cover .cv-ground{position:absolute;left:0;right:0;bottom:0;height:90mm;background:#fff;border-radius:60% 60% 0 0/12mm 12mm 0 0}
.cover .cv-leaf{position:absolute;width:11mm;height:11mm}
.cover .cv-tag{position:absolute;left:0;right:0;top:12mm;text-align:center}
.cover .cv-tag span{display:inline-block;background:#fff;color:#7C2D12;font-weight:900;font-size:11pt;border-radius:99px;padding:1.2mm 6mm;border:.6mm solid #C2410C;box-shadow:1mm 1mm 0 #F6B15E}
.cover .cv-title{position:absolute;left:0;right:0;top:27mm;text-align:center;font-family:var(--el);font-weight:400;line-height:.92}
.cover .cv-title .l1{display:block;font-size:52pt;color:#1E3A8A;text-shadow:1.2mm 1.2mm 0 #FFD66B,-.2mm -.2mm 0 #fff}
.cover .cv-title .l2{display:block;font-size:44pt;color:#C2410C;text-shadow:1.2mm 1.2mm 0 #FFE2A6,-.2mm -.2mm 0 #fff;margin-top:1mm}
.cover .cv-sub{position:absolute;left:18mm;right:18mm;top:78mm;text-align:center;font-weight:800;font-size:11.5pt;color:#7C2D12}
.cover .cv-grade{position:absolute;right:15mm;top:92mm;width:36mm;height:36mm;border-radius:50%;background:#1E3A8A;color:#fff;text-align:center;font-family:var(--el);display:grid;place-items:center;line-height:.85;transform:rotate(8deg);box-shadow:1.5mm 1.7mm 0 #93A8E8;z-index:3}
.cover .cv-grade b{display:block;font-weight:400;font-size:40pt}
.cover .cv-grade span{font-size:11pt;letter-spacing:.08em}
.cover .cv-art{position:absolute;left:10mm;right:10mm;top:106mm;height:92mm;z-index:2}
.cover .cv-art .st{position:absolute;background:#fff;border-radius:6mm;padding:1.4mm;box-shadow:0 0 0 .5mm #C2410C,1.4mm 1.6mm 0 #F6B15E}
.cover .cv-art .st img{display:block;width:100%;height:100%;object-fit:contain}
.cover .cv-art .gr{display:block}
.cover .cv-chips{position:absolute;left:12mm;right:12mm;top:204mm;display:flex;flex-wrap:wrap;justify-content:center;gap:2mm 2.4mm;z-index:2}
.cover .cv-chips span{font-family:var(--el);font-size:12.5pt;color:#fff;padding:.6mm 4.4mm;border-radius:99px;box-shadow:.7mm .8mm 0 rgba(0,0,0,.18)}
.cover .cv-stats{position:absolute;left:16mm;right:16mm;top:222mm;display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;text-align:center;z-index:2}
.cover .cv-stats div{border:.5mm dashed #C2410C;border-radius:4mm;padding:1.6mm 1mm;background:#FFFBF2}
.cover .cv-stats b{display:block;font-family:var(--el);font-weight:400;font-size:19pt;color:#C2410C;line-height:1}
.cover .cv-stats span{font-size:8pt;font-weight:800;color:#7C2D12}
.cover .cv-name{position:absolute;left:20mm;right:20mm;top:243mm;border:.6mm solid #1E3A8A;border-radius:5mm;padding:2.2mm 6mm;background:#fff;box-shadow:1.2mm 1.3mm 0 #93A8E8;z-index:2}
.cover .cv-name div{display:flex;align-items:flex-end;gap:3mm;font-family:var(--el);font-size:13.5pt;color:#1E3A8A;margin:1mm 0}
.cover .cv-name div i{flex:1;border-bottom:.45mm dashed #1E3A8A;height:6.4mm}
.cover .cv-foot{position:absolute;left:0;right:0;bottom:7mm;text-align:center;font-weight:800;color:#7C2D12;font-size:8.6pt;z-index:2}

/* ==========================================================================
   MOTOR SAYFALARI (kitapcik.html): sözel blok kütüphanesi + matematik motoru gömülü
   ========================================================================== */
.page .a4-govde{flex:1;min-height:0;display:flex;flex-direction:column;gap:3mm;overflow:hidden;counter-reset:etk}
.page .gom{flex:1;min-height:0;position:relative;overflow:hidden;border:0;width:100%;display:block}
.page.c-mat .ysm-gom{width:100%;height:100%}
.rehber-iki{display:grid;grid-template-columns:1fr 1fr;gap:3mm}
@media print{.page{break-after:page}}

/* ?sayfa=N önizleme modu (tek sayfa, gölgesiz) */
body.tek{background:#fff}
body.tek .page{margin:0;box-shadow:none}
body.tek .ekbar{display:none}

/* TemelYazı ince çizgili olduğundan başlıklarda hafif kontur: okunaklılık */
.hd h1,.th h3,.hd .day b,.num,.ft .pg,.read h2,.tbl th,.bank:before{-webkit-text-stroke:.14mm currentColor}
.cover .cv-title .l1,.cover .cv-title .l2{-webkit-text-stroke:.5mm currentColor;paint-order:stroke fill}
.cover .cv-grade b,.cover .cv-stats b{-webkit-text-stroke:.3mm currentColor}
.cover .cv-chips span,.cover .cv-name div{-webkit-text-stroke:.12mm currentColor}

/* motor: görsel kutusu <div class=hero> + ek ders renkleri */
.hd div.hero{display:block;overflow:hidden}
.hd .hero .gr{width:100%;height:100%;aspect-ratio:auto!important}
.hd .hero .gr-resim{background-size:contain!important;background-position:center!important}
.hd .hero .gr-cizim svg{width:100%;height:100%}
.c-sosyal{--c:#B45309;--cl:#FFF7ED;--cb:#F1D2A8;--c2:#0891B2;--c2b:#B2E3EC}
.c-okuma{--c:#D9365E;--cl:#FFF0F4;--cb:#F3BFCB;--c2:#0EA5E9;--c2b:#B2E2F8}
.page .gom{background:transparent}
.self.msg{font-family:Nunito,sans-serif;font-weight:700;font-size:8.6pt;color:#475569}
.tbl.x td.l{white-space:nowrap}
.tbl.x th:first-child{width:30mm}