/* Ders notları sekmesi: ciltli açık defter (D192). Motor: izle.js (defterKur). Tüm kurallar .iz-defter altında. */
.iz-defter{--metin:#1B1846;--metin-2:#4A4778;--metin-3:#6E6A99;--mor:#6A45F5;--birincil:linear-gradient(135deg,#7B5CFF 0%,#4F6BFF 100%);
  --kagit:#FFFDF7;--kare:rgba(86,110,190,.11);--kenar-cizgi:rgba(226,84,84,.42);--renk:#0B7A6E;--renk-acik:#DDF4EF;
  --sw:520px;--sh:720px;--yazi:17px;position:relative;min-width:0;color:var(--metin)}
.iz-defter button{font:inherit;color:inherit}
.iz-defter .olcum{position:absolute;left:-99999px;top:0;visibility:hidden}
.iz-defter .olcum .sayfa{flex:none}
.iz-defter .basim{display:none}
/* ---------- ortak sayfa (kâğıt) ---------- */
.iz-defter .sayfa{position:relative;width:var(--sw);height:var(--sh);display:flex;flex-direction:column;font-size:var(--yazi);line-height:1.62;
  background-color:var(--kagit);
  background-image:linear-gradient(90deg,transparent 43px,var(--kenar-cizgi) 43px,var(--kenar-cizgi) 45px,transparent 45px),
    linear-gradient(var(--kare) 1px,transparent 1px),linear-gradient(90deg,var(--kare) 1px,transparent 1px);
  background-size:100% 100%,24px 24px,24px 24px;background-position:0 0,0 10px,10px 0;
  padding:20px 32px 14px 62px;color:var(--metin)}
.iz-defter .sayfa--dogal{height:auto}
.iz-defter .sayfa__ust{height:22px;font-size:.72rem;letter-spacing:.02em;color:var(--metin-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.iz-defter .sayfa__ic{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:.7em;padding-top:6px}
.iz-defter .sayfa__ic > p + p{margin-top:-2px}
.iz-defter .sayfa--dogal .sayfa__ic{overflow:visible}
.iz-defter .sayfa__alt{flex:none;height:26px;display:flex;justify-content:flex-end;align-items:flex-end;font:700 .95rem var(--v2-font-display);color:var(--metin-3)}
.iz-defter .sayfa p{margin:0}
.iz-defter .sayfa ul,.iz-defter .sayfa ol{margin:0;padding-left:1.25em;display:grid;gap:5px}
.iz-defter .sayfa strong{font-weight:700;background:linear-gradient(transparent 58%,rgba(255,206,72,.55) 58%);padding:0 1px}
.iz-defter .bolum-no{font:700 .9rem var(--v2-font-display);color:var(--renk);letter-spacing:.02em;margin-bottom:-8px}
.iz-defter .dv{color:var(--metin-3);font-weight:700}
.iz-defter .devam-bas{font:700 .95rem/1.3 var(--v2-font-display);color:var(--renk);padding-bottom:6px;border-bottom:2px dashed rgba(110,106,153,.25)}
.iz-defter .sayfa h3{margin:0;font:700 1.5rem/1.22 var(--v2-font-display);color:var(--renk);text-wrap:balance}
.iz-defter .sayfa h3::after{content:"";display:block;width:84px;height:7px;margin-top:6px;border-radius:6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 7'%3E%3Cpath d='M2 4.5 C 16 1, 28 6.5, 42 3.5 S 68 1.5, 82 4' fill='none' stroke='%23F2B33D' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
/* Aklında kalsın: fosforlu kalem kutusu */
.iz-defter .vurgu{position:relative;padding:12px 14px 12px 14px;background:#FFF4C9;border:2px solid #E9BE45;border-radius:255px 14px 225px 14px/14px 225px 14px 255px}
.iz-defter .vurgu b{display:flex;align-items:center;gap:6px;font:700 .95rem var(--v2-font-display);color:#8A5A00;margin-bottom:2px}
/* Önce sen: yapışkan not */
.iz-defter .once{position:relative;align-self:flex-start;max-width:92%;margin:6px 0 4px 6px;padding:16px 16px 12px;background:#E9E3FF;color:#2A2160;
  transform:rotate(-1.2deg);box-shadow:0 8px 14px -10px rgba(50,30,140,.55);border-radius:2px 2px 14px 2px}
.iz-defter .once::before{content:"";position:absolute;top:-9px;left:50%;width:70px;height:18px;margin-left:-35px;background:rgba(255,255,255,.65);
  border:1px solid rgba(120,110,170,.18);transform:rotate(2deg)}
.iz-defter .once b{display:flex;align-items:center;gap:6px;font:700 .95rem var(--v2-font-display);color:var(--mor);margin-bottom:2px}
.iz-defter .ikon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* kapak */
.iz-defter .kapak-ust{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.iz-defter .cip{font:700 .78rem var(--v2-font-body);padding:4px 10px;border-radius:999px;background:var(--renk-acik);color:var(--renk)}
.iz-defter .sayfa .kapak-ad{margin:4px 0 0;font:700 2.05rem/1.12 var(--v2-font-display);color:var(--metin);text-wrap:balance}
.iz-defter .hedef-b{font:700 1.05rem var(--v2-font-display);color:var(--renk);margin-top:6px}
.iz-defter .hedefler{list-style:none;padding:0 !important;gap:9px !important}
.iz-defter .hedefler li{position:relative;padding-left:32px}
.iz-defter .hedefler li::before{content:"";position:absolute;left:2px;top:4px;width:18px;height:18px;border:2px solid var(--renk);border-radius:5px 4px 6px 4px;background:#fff}
/* içindekiler */
.iz-defter .ic-satir{display:flex;align-items:baseline;gap:8px;width:100%;min-height:2.1em;padding:.18em 6px;line-height:1.3;font-size:1em;border:0;background:none;text-align:left;cursor:pointer;border-radius:10px}
.iz-defter .ic-satir:hover,.iz-defter .ic-satir:focus-visible{background:var(--renk-acik);outline:none}
.iz-defter .ic-satir .no{font:700 1rem var(--v2-font-display);color:var(--renk);min-width:1.6em}
.iz-defter .ic-satir .ad{font-weight:700;line-height:1.3}
.iz-defter .ic-satir .nk{flex:1;border-bottom:2px dotted rgba(110,106,153,.45);transform:translateY(-4px);min-width:16px}
.iz-defter .ic-satir .sf{font:700 1rem var(--v2-font-display);color:var(--metin-2)}
/* sözlük, yanılgı, tablo */
.iz-defter .soz{display:grid;gap:2px;padding:8px 0 8px;border-bottom:1.5px dashed rgba(110,106,153,.35)}
.iz-defter .soz b{font:700 1.08rem var(--v2-font-display);color:var(--renk)}
.iz-defter .yan{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.7);border:1.5px solid rgba(110,106,153,.22)}
.iz-defter .yan p{display:flex;gap:8px}
.iz-defter .yan__x{color:#9B2C2C;text-decoration:line-through;text-decoration-color:rgba(200,60,60,.55);text-decoration-thickness:2px}
.iz-defter .yan__x .ikon{color:#C53030}
.iz-defter .yan__ok .ikon{color:#1E7A46}
.iz-defter .tablo{overflow:auto}
.iz-defter .tablo table{border-collapse:collapse;font-size:.9em;width:100%}
.iz-defter .tablo th,.iz-defter .tablo td{border:1.5px solid rgba(110,106,153,.35);padding:5px 8px;text-align:left;vertical-align:top}
.iz-defter .tablo thead th{background:var(--renk-acik)}
.iz-defter .bos-not{font:700 1.05rem var(--v2-font-display);color:var(--metin-3)}
.iz-defter .cizgiler{flex:1;background:repeating-linear-gradient(transparent 0 34px,rgba(110,106,153,.28) 34px 35px)}
/* ---------- gezinme çubuğu (görünüm 1 ve 2) ---------- */
.iz-defter .gez{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px auto 0;max-width:720px}
.iz-defter .gez__ok{width:56px;height:56px;border-radius:50%;border:0;background:var(--birincil);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px -10px rgba(79,60,240,.9);flex:none}
.iz-defter .gez__ok:disabled{background:#D9D5EE;box-shadow:none;cursor:default}
.iz-defter .gez__ok .ikon{width:26px;height:26px;stroke-width:2.6}
.iz-defter .gez__orta{position:relative;flex:1;min-width:0}
.iz-defter .gez__icb{width:100%;min-height:56px;border-radius:18px;border:1px solid rgba(91,72,200,.16);background:rgba(255,255,255,.85);padding:6px 14px;cursor:pointer;text-align:center;display:grid;gap:1px}
.iz-defter .gez__icb b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iz-defter .gez__icb span{font-size:.82rem;color:var(--metin-3)}
.iz-defter .ilerleme{height:6px;border-radius:6px;background:rgba(106,69,245,.12);margin-top:8px;overflow:hidden}
.iz-defter .ilerleme i{display:block;height:100%;width:0;background:var(--birincil);transition:width .3s}
.iz-defter .ic-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);max-height:min(60vh,460px);overflow:auto;padding:8px;border-radius:18px;background:#fff;
  box-shadow:0 20px 40px -16px rgba(40,30,120,.45);border:1px solid rgba(91,72,200,.14);z-index:20}
.iz-defter .ic-menu[hidden]{display:none}
.iz-defter .ic-menu button{display:flex;gap:10px;width:100%;min-height:44px;align-items:center;text-align:left;border:0;background:none;border-radius:12px;padding:6px 10px;cursor:pointer;font-weight:700}
.iz-defter .ic-menu button:hover,.iz-defter .ic-menu button[aria-current="true"]{background:#F0ECFF}
.iz-defter .ic-menu button i{font:700 .95rem var(--v2-font-display);font-style:normal;color:var(--mor);min-width:1.6em}

/* ---------- GÖRÜNÜM 1: açık defter ---------- */
.iz-defter .kitap-alan{display:flex;justify-content:center;touch-action:pan-y}
.iz-defter .kitap{position:relative;padding:10px;border-radius:20px;background:linear-gradient(150deg,#8C6BFF,#5A6BFF);box-shadow:0 26px 50px -24px rgba(50,30,160,.7)}
.iz-defter .kitap__ic{position:relative;display:flex;perspective:2600px}
.iz-defter .yaprak{width:var(--sw);height:var(--sh);position:relative}
.iz-defter .yaprak--sol .sayfa{border-radius:10px 0 0 10px;box-shadow:inset -22px 0 26px -22px rgba(40,30,90,.35)}
.iz-defter .yaprak--sag .sayfa{border-radius:0 10px 10px 0;box-shadow:inset 22px 0 26px -22px rgba(40,30,90,.35)}
.iz-defter .kitap--tek .yaprak .sayfa{border-radius:10px}
.iz-defter .yaprak--sag .sayfa{padding-left:66px}

/* ---- Kenarlık seçenekleri (A ciltli, B karton spiral, C kapaksız) ---- */
.iz-defter .kitap__ic{isolation:isolate}
/* sayfa destesi: dış kenarlarda üst üste kâğıt kalınlığı */
.iz-defter .yaprak::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}
.iz-defter .yaprak--sol::after{border-radius:8px 0 0 8px;box-shadow:-2px 2px 0 #F3EFE3,-3px 3px 0 #D8D1BF,-5px 5px 0 #F3EFE3,-6px 6px 0 #D8D1BF,-8px 8px 0 #F1ECDE,-9px 9px 0 #CEC6B2}
.iz-defter .yaprak--sag::after{border-radius:0 8px 8px 0;box-shadow:2px 2px 0 #F3EFE3,3px 3px 0 #D8D1BF,5px 5px 0 #F3EFE3,6px 6px 0 #D8D1BF,8px 8px 0 #F1ECDE,9px 9px 0 #CEC6B2}
.iz-defter .kitap--tek .yaprak::after{border-radius:8px;box-shadow:2px 2px 0 #F3EFE3,3px 3px 0 #D8D1BF,5px 5px 0 #F3EFE3,6px 6px 0 #D8D1BF,8px 8px 0 #F1ECDE,9px 9px 0 #CEC6B2}
/* iki sayfa destesinin alt ortada bıraktığı boşluğu kâğıt kenarıyla doldur */
.iz-defter .kitap:not(.kitap--tek) .kitap__ic::after{content:"";position:absolute;left:50%;width:22px;margin-left:-11px;top:100%;height:9px;z-index:-1;
  background:repeating-linear-gradient(#F3EFE3 0 2px,#D8D1BF 2px 3px)}
/* A · Ciltli kitap: kalın, dokulu sert kapak; ortada cilt yeri, spiral yok */
.iz-defter .kitap.kap-a{padding:18px 26px 26px 26px;border-radius:16px;
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 5px),linear-gradient(160deg,#4A3A9E,#2E2470);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),inset 0 2px 0 rgba(255,255,255,.12),0 7px 0 -1px #221A58,0 9px 0 -1px #1A1446,0 34px 50px -24px rgba(25,15,80,.75)}
.iz-defter .kitap.kap-a::before{content:"";position:absolute;top:4px;bottom:6px;left:50%;width:30px;margin-left:-15px;border-radius:6px;background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(255,255,255,.06) 50%,rgba(0,0,0,.25))}
.iz-defter .kitap.kap-a.kitap--tek::before{display:none}
.iz-defter .kitap.kap-a .spiral{display:none}
.iz-defter .kitap.kap-a .yaprak--sol .sayfa,.iz-defter .kitap.kap-a .cevir--sag .yuz--arka .sayfa,.iz-defter .kitap.kap-a .cevir--sol .yuz--on .sayfa{box-shadow:inset -34px 0 30px -26px rgba(40,30,90,.42)}
.iz-defter .kitap.kap-a .yaprak--sag .sayfa,.iz-defter .kitap.kap-a .cevir--sag .yuz--on .sayfa,.iz-defter .kitap.kap-a .cevir--sol .yuz--arka .sayfa{box-shadow:inset 34px 0 30px -26px rgba(40,30,90,.42);padding-left:62px}
.iz-defter .kitap.kap-a.kitap--tek{padding:12px 16px 18px 22px}
.iz-defter .kitap.kap-a.kitap--tek .yaprak .sayfa{box-shadow:inset 18px 0 20px -18px rgba(40,30,90,.35)}
.iz-defter .cevir{position:absolute;top:0;width:var(--sw);height:var(--sh);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.35,.65,.2,1);z-index:6}
.iz-defter .cevir--sag{left:var(--sw);transform-origin:left center}
.iz-defter .cevir--sol{left:0;transform-origin:right center}
.iz-defter .cevir--sag.don{transform:rotateY(-180deg)}
.iz-defter .cevir--sol.don{transform:rotateY(180deg)}
.iz-defter .yuz{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.iz-defter .yuz--arka{transform:rotateY(180deg)}
.iz-defter .cevir--sag .yuz--on .sayfa,.iz-defter .cevir--sol .yuz--arka .sayfa{border-radius:0 10px 10px 0;padding-left:66px}
.iz-defter .cevir--sag .yuz--arka .sayfa,.iz-defter .cevir--sol .yuz--on .sayfa{border-radius:10px 0 0 10px;padding-left:62px}
.iz-defter .yuz::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(30,20,80,.0),rgba(30,20,80,.18));opacity:0;transition:opacity .8s}
.iz-defter .cevir.don .yuz::after{opacity:1}.iz-defter .kayan{animation:izDefKay .32s ease-out}
.iz-defter .kayan--geri{animation:izDefKayGeri .32s ease-out}
@keyframes izDefKay{from{transform:translateX(40px);opacity:.2}to{transform:none;opacity:1}}
@keyframes izDefKayGeri{from{transform:translateX(-40px);opacity:.2}to{transform:none;opacity:1}}
@media (max-width:600px){
  .iz-defter .sayfa{padding:16px 18px 12px 52px;background-image:linear-gradient(90deg,transparent 37px,var(--kenar-cizgi) 37px,var(--kenar-cizgi) 39px,transparent 39px),linear-gradient(var(--kare) 1px,transparent 1px),linear-gradient(90deg,var(--kare) 1px,transparent 1px)}
  .iz-defter .sayfa .kapak-ad{font-size:1.65rem}
  .iz-defter .sayfa h3{font-size:1.3rem}
  .iz-defter .gez__ok{width:52px;height:52px}
}
@media (prefers-reduced-motion:reduce){.iz-defter .cevir,.iz-defter .kayan,.iz-defter .kayan--geri,.iz-defter .ilerleme i{transition:none !important;animation:none !important}}
@media print{
  .iz-defter .kitap-alan,.iz-defter .gez,.iz-defter .olcum{display:none !important}
  .iz-defter .basim{display:block}
  .iz-defter .basim .sayfa{width:100%;height:auto;min-height:0;break-inside:avoid;page-break-inside:avoid;margin:0 0 12px;box-shadow:none;border:1px solid #ccc;border-radius:6px}
  .iz-defter .basim .sayfa__ic{overflow:visible}
}