/* eeu.com.tr · yazı "sahne" bloğu (GSAP ScrollTrigger). JS yoksa ya da hareket azaltılmışsa durağan çizim + liste görünür. */
.sahne{--s-ink:#23262B;--s-cop:#B5651D;--s-teal:#5E8C8F;--s-ochre:#E2B04A;--s-cream:#F6F0E4;
  margin:34px 0;border:2px solid var(--ink,#23262B);background:var(--s-cream);color:var(--s-ink);overflow:hidden;position:relative;}
.sahne-ust{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;border-bottom:2px solid var(--ink,#23262B);background:var(--s-ink);color:#fff;font-family:var(--mono,monospace);font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.sahne-ust b{color:var(--s-ochre);font-weight:700;}
.sahne-cizim{display:block;width:100%;height:auto;}
.sahne-adim{list-style:none;margin:0;padding:6px 16px 16px;display:grid;gap:10px;counter-reset:sa;}
.sahne-adim li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;padding:10px 0;border-top:1px solid rgba(35,38,43,.18);}
.sahne-adim li:first-child{border-top:0;}
.sahne-adim .sa-sayi{font-family:var(--fat,var(--display,serif));font-size:clamp(26px,5vw,40px);line-height:1;color:var(--s-cop);white-space:nowrap;}
.sahne-adim .sa-bas{font-family:var(--display,serif);font-weight:600;font-size:17px;}
.sahne-adim .sa-metin{grid-column:1/-1;margin:0;font-size:15px;line-height:1.55;color:#4a4d52;}
.sahne-not{margin:0;padding:10px 16px 14px;font-family:var(--mono,monospace);font-size:11.5px;color:#6b6e73;border-top:1px dashed rgba(35,38,43,.3);}
/* canlı mod (JS ekler): çizim üstte, adımlar tek tek altta */
.sahne.canli .sahne-govde{position:relative;height:calc(100svh - var(--s-ust,80px) - 46px);min-height:500px;display:flex;flex-direction:column;}
.sahne.canli .sahne-cizim{flex:1 1 auto;min-height:0;width:100%;height:100%;object-fit:cover;}
.sahne.canli .sahne-adim{position:relative;flex:none;min-height:210px;padding:14px 16px 16px;border-top:2px solid var(--ink,#23262B);background:var(--s-cream);}
.sahne.canli .sahne-adim li{position:absolute;left:16px;right:16px;top:14px;border-top:0;padding:0;opacity:0;}
.sahne.canli .sahne-ilerleme{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--s-cop);transform-origin:0 50%;transform:scaleX(0);}
/* çizgi roman kareleri */
.r-body figure.kare{position:relative;}
.r-body figure.kare::before{content:attr(data-kare);position:absolute;top:8px;left:8px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--s-cop,#B5651D);color:#fff;font-family:var(--mono,monospace);font-weight:700;font-size:13px;border:2px solid var(--ink,#23262B);}
.sahne-baslik .word{display:inline-block;will-change:transform,filter,opacity;}
@media (min-width:900px){.sahne.canli .sahne-adim{min-height:150px;}}
@media (max-width:699px){.sahne.canli .sahne-cizim{max-height:44svh;}.sahne.canli .sahne-adim{flex:1 1 auto;min-height:230px;}}
/* yazı sayfasının büyük ilk harf süslemesi sahne içinde uygulanmaz */
.reader-inner .r-body .sahne p.sa-metin::first-letter,.reader-inner .r-body .sahne p.sahne-not::first-letter{font:inherit;float:none;padding:0;color:inherit;line-height:inherit;}
@media (prefers-reduced-motion:reduce){.sahne.canli .sahne-govde{height:auto;min-height:0;}.sahne.canli .sahne-adim li{position:static;opacity:1;}}