/* ---------- v4 ders sayfaları: kadro (Open Peeps, CC0, yeniden boyandı), akış şeridi, aşama kutuları ---------- */
.v4{--acc:var(--plum);--acc-d:#3E2C4E;--acc-l:#F1ECF5;--acc-b:#D3C6DE;--art:38%}
.v4.aud-exam{--acc:#6F8F6B;--acc-d:#4E6A4B;--acc-l:#E8EFE4;--acc-b:#BFD0B9;--art:38%}
.v4.aud-lgs{--acc:var(--terra);--acc-d:var(--terra-d);--acc-l:#FDF0DA;--acc-b:#EBCB86;--art:52%}
.v4 .wrap{max-width:920px}
.v4 header,.v4.theme-lgs header{background:none;padding:20px 0 8px}
.v4 .top{margin-bottom:18px}
/* kapak */
.cover{display:grid;grid-template-columns:1fr var(--art);gap:10px 26px;align-items:center;background:var(--paper);border-radius:30px;padding:30px 30px 26px 34px;
  box-shadow:0 1px 0 #0000000a,0 18px 40px -26px #3a2a1a55;position:relative;border:2px solid var(--acc-b)}
.cover:before{content:"";position:absolute;inset:0 0 auto 0;height:10px;border-radius:28px 28px 0 0;background:repeating-linear-gradient(90deg,var(--acc) 0 38px,var(--butter) 38px 76px,var(--sage) 76px 114px)}
.kicker{margin:0;font:700 .78rem "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-d)}
.v4 h1{font-size:clamp(2rem,4.4vw,3rem);margin:8px 0 6px}
.v4 h1 em{color:var(--acc)}
.lvtag{display:inline-block;font:700 .38em "DM Sans",sans-serif;color:var(--acc-d);background:var(--acc-l);border:1.5px solid var(--acc-b);border-radius:8px;padding:2px 9px;vertical-align:.5em;white-space:nowrap;letter-spacing:.02em}
.v4 .intro{margin:0 0 12px}
.cover-art{position:relative}
.scene4{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 14px #3a2a1a1c)}
.lvl{position:absolute;width:96px;height:96px;top:-34px;right:-18px;transform:rotate(-12deg);filter:drop-shadow(0 4px 4px #1f2a2e33)}
.aud-lgs .lvl{width:108px;height:108px;top:-40px}
.pills{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pills li{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;color:var(--acc-d);border:1.5px solid var(--acc-b);background:var(--acc-l);border-radius:999px;padding:3px 10px}
/* Odi selamı */
.v4 .say.hello{margin:16px 0 8px 8px}
/* akış şeridi */
.flowbar{background:var(--paper);border-radius:24px;padding:16px 18px 12px;margin-top:8px;box-shadow:0 1px 0 #0000000a,0 12px 30px -24px #3a2a1a55;position:relative}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;counter-reset:f}
.fs{position:relative;text-align:center;min-width:0}
.fs:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 22px);right:calc(-50% + 22px);border-top:2.5px dashed var(--acc-b)}
.fs a{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:3px}
.fn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 .98rem Fraunces,Georgia,serif;background:var(--acc-l);border:2px solid var(--acc);color:var(--acc-d)}
.fs:nth-child(odd) .fn{transform:rotate(-6deg)}
.ft{font-weight:700;font-size:.84rem;white-space:nowrap}
.v4 .flow .stickers{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;list-style:none}
.v4 .flow .stickers li{display:block;margin:0;padding:0;font-size:0;min-width:0;background:none;border:0;box-shadow:none}
.v4 .flow .stickers .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v4 .flow .stickers .stk{width:34px;height:34px;margin:0}
.v4 .flow .stickers .stk svg{width:100%;height:100%}
.nostk{display:block;font:600 1.02rem Caveat,cursive;color:var(--muted);margin-top:6px}
.v4 .progress{margin-top:12px;height:10px}
.v4 .progress i{background:linear-gradient(90deg,var(--acc),var(--butter))}
/* aşama bölümleri */
.stage{padding:34px 0 6px;scroll-margin-top:20px}
.stage-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.stage-h h2{margin:0;display:inline-flex;align-items:baseline;gap:10px;background:var(--acc);color:#fff;border-radius:999px 999px 999px 6px;padding:6px 20px 7px 54px;margin-left:-44px;font-size:1.45rem;position:relative;z-index:0;box-shadow:0 3px 0 var(--acc-d)}
.stage-h h2 small{font:600 1.2rem Caveat,cursive;opacity:.9}
.stage-no{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:700 1.35rem Fraunces,Georgia,serif;background:var(--butter);border:2.5px solid var(--ink);z-index:1;transform:rotate(-8deg);flex:none}
.stage-ic{margin-left:auto;opacity:.75}.stage-ic .ic{width:30px;height:30px}
.sbox{position:relative;border-radius:22px;padding:24px 22px 20px;border:2px solid var(--acc-b);background:var(--acc-l);margin:0 0 18px}
.sbox.t-butter{background:#FDF3DC;border-color:#EBCB86}.sbox.t-sage{background:#ECF2E8;border-color:#BFD0B9}
.sbox.t-terra{background:#FCEAE1;border-color:#EDBCA6}.sbox.t-plum{background:#F3EEF6;border-color:#D3C6DE}
.aud-lgs .sbox{border:2px solid var(--ink);box-shadow:0 5px 0 var(--ink)}
.boxtab{position:absolute;top:-15px;left:22px;background:var(--paper);border:2px solid currentColor;color:var(--acc-d);border-radius:10px;padding:2px 12px;font-weight:700;font-size:.82rem;display:inline-flex;gap:6px;align-items:center}
.boxtab .ic{width:16px;height:16px}
.v4 .sub{margin:0 0 18px}
.v4 #read{margin-top:8px}
.v4 .cards{margin-top:6px}
/* karakter ipuçları */
.ctip{display:flex;align-items:flex-end;gap:10px;margin:0 0 16px}
.cbub{position:relative;margin:0 0 10px;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:8px 14px 9px;font-size:.9rem;line-height:1.45;box-shadow:0 3px 0 var(--ink);max-width:620px}
.cbub:before{content:"";position:absolute;left:-8px;bottom:14px;width:13px;height:13px;background:#fff;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg)}
.cname{display:block;font:700 .72rem "DM Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-d)}
.headav{--d:56px;display:inline-block;width:var(--d);height:var(--d);border-radius:50%;overflow:hidden;position:relative;flex:none;background:var(--paper);border:2px solid var(--ink)}
.headav img{position:absolute;width:calc(var(--d)*2);height:auto;left:calc(var(--d)*-.583);top:calc(var(--d)*-.29);max-width:none}
.tiphead{background:var(--butter-l)}
.tipfig{flex:none;width:112px;height:126px;overflow:hidden;position:relative;margin-bottom:-20px}
.tipfig img{position:absolute;width:112px;height:auto;left:0;top:0}
.aud-lgs .ctip{margin-bottom:22px}
/* diyalog */
.v4 .msg{align-items:flex-end}
.msgav{background:var(--acc-l)}
.msg.r .msgav{background:var(--butter-l)}
.txtav{display:grid;place-items:center;font:700 1.2rem Fraunces,Georgia,serif}
.v4 .msg .tx{border:2px solid #1f2a2e1a}
.aud-lgs .msg .tx{border:2px solid var(--ink)}
/* etkinlikler */
.v4 .act{padding:0}
.act-h{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.act-h h3{margin:0;font-size:1.3rem}
.act-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:2px solid var(--ink);transform:rotate(-5deg);flex:none}
.act-ic .ic{width:24px;height:24px}
.doors{margin-left:auto;display:inline-flex;gap:3px;background:#fff;border-radius:999px;padding:4px 9px;border:1.5px solid #1f2a2e22}
.act.is-done .act-ic{background:var(--sage);}
.act.is-done .act-h h3:after{content:" ✓";color:#4E6A4B}
.v4 .exq{margin:16px 0 12px}
.ling4 h3{margin-top:4px}
/* ödev */
.hw4{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:end;padding-bottom:22px}
.hw4-fig .peep{width:150px;height:auto;display:block;margin-bottom:-24px}
.hw4 ol{margin:0 0 12px;padding-left:20px}.hw4 li{margin:0 0 6px}
.hw4 textarea{width:100%;min-height:120px;border:2px solid var(--acc-b);border-radius:14px;padding:12px;font:inherit;background:#fff;background-image:repeating-linear-gradient(#fff 0 31px,#E9E1D4 31px 32px);line-height:32px}
.hw4 .row{display:flex;gap:12px;align-items:center;margin-top:10px}
.hw4 #saved{color:var(--acc-d)}
.v4 .next{margin-top:8px}
.v4 footer{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
/* kutlama */
.yay-art{display:flex;justify-content:center;align-items:flex-end;margin:-110px 0 0}
.yay-peep{width:150px;height:auto}
.v4 .yay-card .odi.big{margin:0 0 0 -16px;width:96px}
@media(max-width:820px){.cover{grid-template-columns:1fr;padding:26px 20px 20px}.cover-art{max-width:460px;width:100%;margin:6px auto 0;order:-1}.lvl{right:-4px}
  .flow{grid-template-columns:repeat(3,1fr);row-gap:12px}.fs:nth-child(3):after{display:none}.flowbar{position:static}}
@media(max-width:560px){.v4 .wrap{padding:0 14px}.stage-h h2{font-size:1.2rem;padding-left:50px}.stage-no{width:44px;height:44px;font-size:1.15rem}
  .hw4{grid-template-columns:1fr}.hw4-fig{display:none}.tipfig{width:86px;height:100px}.tipfig img{width:86px}.cbub{font-size:.84rem}
  .lvl{width:78px;height:78px;top:-26px}.aud-lgs .lvl{width:86px;height:86px}.ft{font-size:.76rem}.headav.tiphead{--d:46px}}
@media print{.flowbar,.say,.ctip{display:none}.cover{box-shadow:none}}
.v4:not(.aud-lgs) .lvl{top:auto;bottom:-30px;left:-34px;right:auto;transform:rotate(-10deg)}
@media(max-width:560px){.v4:not(.aud-lgs) .lvl{left:-6px;bottom:-22px}}
.st-hi .st-av{background:var(--butter-l);box-shadow:0 4px 0 var(--ink)}
@media(max-width:600px){.st-hi .st-av{--d:64px}}
@media(max-width:600px){.v4 .sbox{padding:20px 12px 16px}.v4 .m-row{grid-template-columns:1fr 1fr;gap:8px}.v4 .m-left{font-size:.92rem;padding:8px 10px}}

/* ---------- v5: GenerateImage kadrosu, Odi, rozetler, sahneler ---------- */
.headav.ai img{width:calc(var(--d)*1.85);left:calc(var(--d)*-.425);top:calc(var(--d)*-.13)}
.scene-art{display:block;border-radius:28px;overflow:hidden;border:2px solid var(--ink);background:var(--cream);filter:none}
.scene-art img{display:block;width:100%;height:auto}
img.odi-img{height:auto;object-fit:contain}
.stk-img{width:100%;height:100%;display:block;filter:drop-shadow(0 2px 2px #1f2a2e33)}
.st-art-wrap{margin:18px 0 0}
.st-art{display:block;max-width:560px;border-radius:24px;overflow:hidden;border:2px solid var(--ink);background:var(--cream)}
.st-art img{display:block;width:100%;height:auto}