/* =====================================================================
   Çocuklar İçin Drama — /egitimler/cocuklar-icin-drama/
   Okul B2B; kapı sayfası ritmi, marka paleti + Cinzel/Garamond.
   ===================================================================== */
:root {
  --cd-ink:#05080D; --cd-navy:#0D305E; --cd-teal:#5AB6B7; --cd-gold:#F0BB3D; --cd-parch:#F1F0EB;
  --cd-ease:cubic-bezier(0.22,0.61,0.36,1); --cd-col:880px;
}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{background:var(--cd-ink);color:var(--cd-parch);font-family:"Cormorant Garamond",Georgia,serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;
  font-size:clamp(16px,1.05vw + 12px,19px);line-height:1.5;}
img{display:block;max-width:100%;}
a{color:inherit;}
:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--cd-teal);outline-offset:3px;border-radius:4px;}

.cd-bg{position:fixed;inset:0;z-index:-2;background:
  radial-gradient(120% 80% at 50% 0%,rgba(13,48,94,0.45),transparent 60%),
  linear-gradient(180deg,#0d305e 0%,#081427 44%,#05080D 100%);}

/* Bölüm bandı */
.cd-root{position:relative;z-index:1;display:block;}
.cd-section{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:clamp(52px,8vh,104px) max(22px,env(safe-area-inset-left)) clamp(52px,8vh,104px) max(22px,env(safe-area-inset-right));}
.cd-section > *{width:100%;max-width:var(--cd-col);}
.cd-section--tint{background:rgba(13,48,94,0.20);border-top:1px solid rgba(90,182,183,0.10);border-bottom:1px solid rgba(90,182,183,0.10);}
.cd-reveal{opacity:0;transition:opacity .8s var(--cd-ease);}
.cd-reveal.is-in{opacity:1;}
.cd-hero.cd-reveal{opacity:1;}

/* Tipografi */
.cd-eyebrow{margin:0 0 16px;}
.cd-heading{margin:0 auto 22px;max-width:24ch;font-size:clamp(1.55rem,3.2vw,2.2rem);line-height:1.18;}
.cd-body{margin:0 auto;max-width:64ch;text-align:left;font-size:clamp(1.02rem,0.8vw + 0.84rem,1.24rem);
  line-height:1.62;color:rgba(241,240,235,0.92);}

/* HERO */
.cd-hero{min-height:76vh;justify-content:center;padding-top:clamp(72px,11vh,132px);}
.cd-hero-inner{display:flex;flex-direction:column;align-items:center;}
.cd-title{margin:0;max-width:18ch;font-size:clamp(2rem,5vw,3.2rem);line-height:1.14;}
.cd-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.cd-cta--hero{margin-top:32px;}
.cd-cta--final{margin-top:24px;}

/* İKİ MODÜL */
.cd-modules{display:grid;grid-template-columns:1fr;gap:16px;margin:8px auto 0;}
@media (min-width:760px){ .cd-modules{grid-template-columns:repeat(2,1fr);} }
.cd-module{position:relative;text-align:left;padding:26px 24px;border-radius:16px;
  background:rgba(8,16,30,0.52);border:1px solid rgba(90,182,183,0.24);
  transition:border-color 220ms,transform 220ms var(--cd-ease);}
.cd-module:hover{border-color:rgba(240,187,61,0.42);transform:translateY(-2px);}
.cd-module-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  margin-bottom:12px;border-radius:50%;font-family:"Cinzel",serif;font-weight:700;font-size:0.9rem;
  color:var(--cd-ink);background:linear-gradient(180deg,#FBE6A6,#F0BB3D);}
.cd-module-title{margin:0 0 8px;font-size:clamp(1.08rem,0.8vw + 0.88rem,1.3rem);line-height:1.3;}
.cd-module-duration{margin:0 0 12px;font-family:"Inter",system-ui,sans-serif;font-size:0.86rem;
  color:rgba(241,240,235,0.78);}
.cd-module-body{margin:0;font-size:1rem;line-height:1.55;color:rgba(241,240,235,0.9);}
.cd-module-final{margin:14px 0 0;font-style:italic;color:var(--cd-gold);font-size:1rem;}
.cd-label{font-family:"Inter",system-ui,sans-serif;font-size:11px;font-weight:600;
  letter-spacing:0.14em;text-transform:uppercase;color:rgba(240,187,61,0.9);margin-inline-end:4px;}

/* KAZANIM */
.cd-gains{list-style:none;margin:6px auto 0;padding:0;max-width:60ch;text-align:left;
  display:flex;flex-direction:column;gap:12px;}
.cd-gains li{position:relative;padding-inline-start:28px;line-height:1.5;
  font-size:clamp(1rem,0.7vw + 0.84rem,1.18rem);color:rgba(241,240,235,0.92);}
.cd-gains li::before{content:"✦";position:absolute;inset-inline-start:0;top:0;
  color:var(--cd-gold);font-size:0.82em;}

/* VİDEO — GDPR cephesi (.ytf oranı kendi taşır) */
.cd-videos{display:grid;grid-template-columns:1fr;gap:20px;margin:6px auto 0;}
@media (min-width:760px){ .cd-videos{grid-template-columns:repeat(2,1fr);} }
.cd-video .ytf{box-shadow:0 14px 38px rgba(0,0,0,0.5);}
.cd-video-cap{margin:12px 0 0;text-align:center;font-family:"Inter",system-ui,sans-serif;
  font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--cd-teal);}

/* KANIT — kurumlar + veli alıntıları */
.cd-partners{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:2px auto 0;}
.cd-partner{padding:9px 16px;border-radius:999px;
  font-family:"Inter",system-ui,sans-serif;font-size:0.84rem;font-weight:500;letter-spacing:0.02em;
  color:rgba(241,240,235,0.86);background:rgba(255,255,255,0.04);
  border:1px solid rgba(241,240,235,0.18);}
.cd-senate{margin:20px auto 0;max-width:54ch;font-style:italic;color:rgba(241,240,235,0.8);}

.cd-quotes-heading{margin:42px auto 16px;font-size:clamp(1.1rem,0.9vw + 0.88rem,1.35rem);}
.cd-quotes{display:grid;grid-template-columns:1fr;gap:16px;margin:0 auto;}
@media (min-width:820px){ .cd-quotes{grid-template-columns:repeat(3,1fr);} }
.cd-quote{margin:0;padding:22px;text-align:left;border-radius:14px;
  background:rgba(8,16,30,0.45);border:1px solid rgba(90,182,183,0.22);}
.cd-quote-text{margin:0 0 12px;font-size:clamp(0.98rem,0.5vw + 0.86rem,1.08rem);line-height:1.55;
  color:rgba(241,240,235,0.92);}
.cd-quote-by{margin:0;font-family:"Inter",system-ui,sans-serif;font-size:11px;font-weight:500;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--cd-teal);}

/* width:auto — .cd-section > * genişlik kuralını ez, alt çizgi metne otursun */
.cd-ref-link{display:inline-block;width:auto !important;margin:28px auto 0;text-decoration:none;
  font-size:clamp(1rem,0.7vw + 0.84rem,1.18rem);color:var(--cd-gold);
  border-bottom:1px solid rgba(240,187,61,0.35);padding-bottom:2px;
  transition:color 200ms,border-color 200ms;}
.cd-ref-link:hover{color:#FBE6A6;border-bottom-color:rgba(251,230,166,0.7);}

/* KAPANIŞ */
.cd-section--closing{border-top:1px solid rgba(90,182,183,0.14);}
.cd-close-heading{margin:0 auto;max-width:22ch;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.16;}

@media (prefers-reduced-motion: reduce){
  .cd-reveal{opacity:1;transition:none;}
  .cd-module{transition:none;}
}