/* ============================================================
   Doruk Vatansever — Kişisel Akademi & Mezuniyet
   Tema: gündüz/gece gökyüzü · zirve · mavi + kırmızı/beyaz
   ============================================================ */

:root{
  --serif:'Iowan Old Style','Palatino Linotype','Book Antiqua',Georgia,serif;
  --sans:'Avenir Next',Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --maxw:1180px;
  --pad-x:clamp(20px,6vw,80px);
  --sect-y:clamp(72px,11vw,148px);
  --radius:14px;
  --ease:cubic-bezier(.16,.7,.3,1);
  --red:#e30a17;          /* bayrak kırmızısı */
  --gold:#e6b45a;
  /* Semantic aliases used by newer components. */
  --surface:var(--bg-2);
  --muted:var(--text-soft);
  --shadow-sm:0 14px 34px -28px var(--card-shadow);
  --shadow:0 24px 54px -34px var(--card-shadow);
}

/* ---------- GÜNDÜZ ---------- */
:root[data-theme="light"]{
  --bg:#eaf3ff; --bg-2:#ffffff;
  --surface-a:#e1eeff; --surface-b:#d3e6fb;
  --text:#16283d; --text-soft:#53687f;
  --title:#0d2138;
  --primary:#1667c9; --primary-deep:#0d4a9c; --primary-soft:#5b9bea;
  --line:rgba(22,103,201,.16);
  --divider-mask:#eaf3ff;
  --card-shadow:rgba(13,74,156,.20);
  --accent:var(--primary);
  --ink:#0c1e38;                 /* koyu bölümler (her iki temada koyu) */
  --hero-top:#1c62c4; --hero-bot:#0b397d; /* gündüz mavisi */
}
/* ---------- GECE ---------- */
:root[data-theme="dark"]{
  --bg:#060b1a; --bg-2:#0b1428;
  --surface-a:#0b1226; --surface-b:#070d1c;
  --text:#dbe6f7; --text-soft:#899fc2;
  --title:#f1f6ff;
  --primary:#5aa0ff; --primary-deep:#3f7fe0; --primary-soft:#7fb6ff;
  --line:rgba(90,160,255,.18);
  --divider-mask:#060b1a;
  --card-shadow:rgba(0,0,0,.6);
  --accent:var(--primary-soft);
  --ink:#070d1e;
  --hero-top:#0c1730; --hero-bot:#070d1e; /* gece rengi */
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);background:var(--bg);color:var(--text);
  line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;
  transition:background .8s ease,color .8s ease;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--primary);color:#fff}

/* ---------- reveal (yalnız JS açıkken gizle; JS kapalıyken içerik görünür) ---------- */
html.js .reveal{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
html.js .reveal.in{opacity:1;transform:none}
.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}

/* ---------- ortak ---------- */
.section{padding:var(--sect-y) var(--pad-x);position:relative}
.wrap{max-width:var(--maxw);margin:0 auto}
.section__label{font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;display:flex;align-items:center;gap:12px;justify-content:center}
.section__label::before,.section__label::after{content:"";width:30px;height:1px;background:var(--accent);opacity:.6}
.section__title{font-family:var(--serif);text-align:center;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:500;line-height:1.05;color:var(--title)}
.section__title em{font-style:italic;color:var(--accent)}
.section__intro{max-width:660px;margin:24px auto 0;text-align:center;color:var(--text-soft);font-weight:300;font-size:1.05rem}

/* (Gökyüzü sahnesi kaldırıldı — büyük fotoğraflı, editoryal hero kullanılıyor) */

/* ============================================================
   NAV
   ============================================================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:20px var(--pad-x);transition:background .5s ease,padding .5s ease,box-shadow .5s ease}
.nav.scrolled{background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(14px);padding:12px var(--pad-x);box-shadow:0 1px 0 var(--line)}
.nav__brand{font-family:var(--serif);font-size:1.35rem;letter-spacing:.04em;color:#fff;font-weight:500;display:flex;align-items:center;gap:10px}
.nav__brand .peak{width:22px;height:22px;flex:0 0 auto}
.nav__brand span{color:var(--primary-soft)}
.nav__right{display:flex;align-items:center;gap:clamp(8px,1.6vw,18px)}
.nav__links{display:flex;gap:clamp(14px,2vw,26px)}
.nav__links a{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.85);font-weight:400;position:relative;padding:4px 0}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--primary-soft);transition:width .4s ease}
.nav__links a:hover::after{width:100%}
.nav__links a:hover{color:#fff}

.ctrl{width:40px;height:40px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.3);
  background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;transition:.35s;flex-shrink:0;position:relative}
.ctrl:hover{background:rgba(90,160,255,.28);border-color:var(--primary-soft);transform:translateY(-2px)}
.ctrl svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ctrl.playing{background:var(--primary);border-color:var(--primary);color:#fff}
.icon-moon{display:none}
:root[data-theme="dark"] .icon-sun{display:none}
:root[data-theme="dark"] .icon-moon{display:block}
.eq{display:none;gap:2px;align-items:flex-end;height:16px}
.ctrl.playing .eq{display:flex}
.ctrl.playing .icon-music{display:none}
.eq i{width:2.5px;background:currentColor;border-radius:2px;animation:eq .8s ease-in-out infinite}
.eq i:nth-child(1){height:6px}.eq i:nth-child(2){height:14px;animation-delay:.2s}.eq i:nth-child(3){height:9px;animation-delay:.4s}
@keyframes eq{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}

/* segmentli TR·EN */
.lang{display:inline-flex;border:1px solid rgba(255,255,255,.3);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.06)}
.lang button{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.6);font-family:var(--sans);
  font-size:.68rem;font-weight:600;letter-spacing:.12em;padding:8px 12px;transition:.25s}
.lang button.active{background:var(--primary);color:#fff}
.lang button:not(.active):hover{color:#fff}

/* müzik menüsü */
.mwrap{position:relative}
.mmenu{position:absolute;top:52px;right:0;width:240px;background:color-mix(in srgb,var(--ink) 96%,#000);
  backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:16px;padding:10px;
  box-shadow:0 24px 50px -18px rgba(0,0,0,.6);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.28s var(--ease);z-index:60}
.mmenu.open{opacity:1;transform:none;pointer-events:auto}
.mmenu h4{color:var(--primary-soft);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;padding:8px 10px 6px}
.mopt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;cursor:pointer;
  color:#e8eefb;font-family:var(--sans);font-size:.86rem;padding:9px 10px;border-radius:10px;transition:.2s}
.mopt:hover{background:rgba(90,160,255,.14)}
.mopt.active{background:rgba(90,160,255,.2);color:#fff}
.mopt .dot{width:7px;height:7px;border-radius:50%;background:var(--primary-soft);opacity:0;flex-shrink:0}
.mopt.active .dot{opacity:1}
.mopt small{display:block;color:rgba(255,255,255,.5);font-size:.68rem}
.mopt--off{color:#ff9aa2;border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px;padding-top:12px}
.mopt--off:hover{background:rgba(227,10,23,.14)}

@media(max-width:820px){.nav__links{display:none}}

/* ============================================================
   HERO — büyük fotoğraf + editoryal panel
   ============================================================ */
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1.08fr .92fr;background:var(--hero-bot);overflow:hidden;transition:background .8s ease}
.hero__media{position:relative;overflow:hidden}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(1.03) contrast(1.02);animation:heroZoom 20s ease-out forwards}
@keyframes heroZoom{from{transform:scale(1.1)}to{transform:scale(1)}}
.hero__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 52%,color-mix(in srgb,var(--hero-bot) 55%,transparent) 86%,var(--hero-bot) 100%),
             linear-gradient(0deg,color-mix(in srgb,var(--hero-bot) 45%,transparent),transparent 32%)}
.hero__panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,92px);
  background:radial-gradient(130% 90% at 88% 8%,color-mix(in srgb,var(--primary) 34%,transparent),transparent 58%),
             linear-gradient(160deg,var(--hero-top),var(--hero-bot));transition:background .8s ease}
.hero__panel::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background-image:radial-gradient(rgba(127,182,255,.12) 1px,transparent 1px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent);mask-image:radial-gradient(80% 80% at 50% 40%,#000,transparent)}
.hero__inner{position:relative;z-index:2;max-width:520px}
.hero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.72rem;letter-spacing:.36em;text-transform:uppercase;color:var(--primary-soft);margin-bottom:24px;font-weight:600}
.hero__eyebrow::before{content:"";width:36px;height:1px;background:var(--primary-soft)}
.hero__title{font-family:var(--serif);color:#fff;font-weight:500;font-size:clamp(3rem,8vw,6rem);line-height:.94;letter-spacing:.01em}
.hero__title span{color:var(--primary-soft)}
.hero__tag{margin-top:20px;font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2.6vw,1.7rem);color:rgba(233,240,250,.9)}
.hero__tag b{color:#ff6b76;font-weight:600;font-style:normal}
.hero__sub{margin-top:16px;color:rgba(219,230,247,.72);font-size:1.02rem;font-weight:300;max-width:400px}
.hero__meta{margin-top:36px;display:flex;gap:clamp(20px,3vw,34px);flex-wrap:wrap;border-top:1px solid rgba(127,182,255,.24);padding-top:24px}
.hero__meta div{display:flex;flex-direction:column}
.hero__meta b{font-family:var(--serif);font-size:1.45rem;color:#fff;font-weight:500;line-height:1}
.hero__meta small{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--primary-soft);margin-top:8px}
.scroll-cue{position:absolute;bottom:24px;left:clamp(32px,6vw,92px);z-index:3;display:flex;align-items:center;gap:12px;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(219,230,247,.55)}
.scroll-cue span{width:1px;height:38px;background:linear-gradient(var(--primary-soft),transparent);animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.4);opacity:.4;transform-origin:top}50%{transform:scaleY(1);opacity:1;transform-origin:top}}
@media(max-width:860px){
  .hero{grid-template-columns:1fr;grid-template-rows:56svh auto}
  .hero__media img{object-position:50% 16%}
  .hero__media::after{background:linear-gradient(0deg,var(--hero-bot) 2%,transparent 42%)}
  .scroll-cue{display:none}
}

/* ============================================================
   HAKKIMDA
   ============================================================ */
.intro{background:var(--bg);text-align:center}
.intro__lead{max-width:760px;margin:34px auto 0;font-family:var(--serif);font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.5;color:var(--text)}
.intro__lead b{color:var(--accent);font-weight:600}
.intro__body{max-width:620px;margin:26px auto 0;color:var(--text-soft);font-weight:300;font-size:1.05rem}
.divider{width:56px;height:1px;background:var(--accent);margin:44px auto 0;position:relative;opacity:.7}
.divider::before{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent);background:var(--divider-mask);padding:0 10px;font-size:.62rem;transition:background .6s ease}

/* ============================================================
   EĞİTİM (zaman çizelgesi)
   ============================================================ */
.edu{background:linear-gradient(180deg,var(--surface-a),var(--surface-b))}
.timeline{max-width:820px;margin:60px auto 0;position:relative}
.timeline::before{content:"";position:absolute;left:22px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--primary),transparent)}
.tl-item{position:relative;padding:0 0 clamp(34px,5vw,52px) 64px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:14px;top:4px;width:18px;height:18px;border-radius:50%;background:var(--bg);border:2px solid var(--primary);box-shadow:0 0 0 5px var(--surface-a)}
.tl-item.done::before{background:var(--primary);border-color:var(--primary)}
.tl-item.now::before{background:var(--red);border-color:var(--red);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 5px var(--surface-a),0 0 0 5px rgba(227,10,23,.4)}50%{box-shadow:0 0 0 5px var(--surface-a),0 0 0 12px rgba(227,10,23,0)}}
.tl-year{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:600}
.tl-title{font-family:var(--serif);font-size:clamp(1.4rem,3vw,1.9rem);color:var(--title);font-weight:500;margin-top:4px;line-height:1.15}
.tl-desc{color:var(--text-soft);font-weight:300;margin-top:6px;max-width:520px}
.tl-tag{display:inline-block;margin-top:10px;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:20px;padding:3px 12px}

/* ============================================================
   AKADEMİ & LAB
   ============================================================ */
.academy{background:var(--bg)}
.acards{max-width:var(--maxw);margin:56px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
.acard{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3vw,34px);
  overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s;display:flex;flex-direction:column}
.acard::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 50% -10%,rgba(22,103,201,.1),transparent 60%);opacity:0;transition:.5s}
.acard:hover{transform:translateY(-8px);box-shadow:0 26px 50px -26px var(--card-shadow);border-color:var(--primary)}
.acard:hover::after{opacity:1}
.acard__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.acard__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-deep));box-shadow:0 10px 24px -12px var(--primary)}
.acard__icon svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acard--red .acard__icon{background:linear-gradient(135deg,var(--red),#a60712)}
.acard--gold .acard__icon{background:linear-gradient(135deg,var(--gold),#b6862f)}
.badge{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:20px;font-weight:600}
.badge--soon{color:var(--accent);background:color-mix(in srgb,var(--primary) 14%,transparent)}
.badge--live{color:#fff;background:var(--red)}
.acard h3{font-family:var(--serif);font-size:1.45rem;color:var(--title);font-weight:500}
.acard p{color:var(--text-soft);font-weight:300;margin-top:10px;font-size:.96rem;flex:1}
.acard__link{margin-top:18px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.acard__link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .3s}
.acard:hover .acard__link svg{transform:translateX(4px)}
@media(max-width:820px){.acards{grid-template-columns:1fr}}

/* ============================================================
   İLGİ ALANLARI
   ============================================================ */
.interests{background:linear-gradient(180deg,var(--surface-a),var(--surface-b))}
.cards3{max-width:var(--maxw);margin:56px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px)}
.icard{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,2.4vw,34px);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s;position:relative;overflow:hidden}
.icard:hover{transform:translateY(-8px);box-shadow:0 26px 50px -26px var(--card-shadow);border-color:var(--primary)}
.icard__icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-deep));margin-bottom:20px;box-shadow:0 10px 24px -12px var(--primary)}
.icard__icon svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icard:nth-child(2) .icard__icon{background:linear-gradient(135deg,var(--primary-soft),var(--primary))}
.icard:nth-child(3) .icard__icon{background:linear-gradient(135deg,var(--red),#a60712)}
.icard:nth-child(4) .icard__icon{background:linear-gradient(135deg,var(--gold),#b6862f)}
.icard h3{font-family:var(--serif);font-size:1.4rem;color:var(--title);font-weight:500}
.icard p{color:var(--text-soft);font-weight:300;margin-top:10px;font-size:.94rem}
@media(max-width:900px){.cards3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cards3{grid-template-columns:1fr}}

/* ============================================================
   HEDEFLER
   ============================================================ */
.goals{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.goals::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(127,182,255,.16) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000,transparent);mask-image:radial-gradient(80% 70% at 50% 30%,#000,transparent)}
.goals .section__title{color:#fff}.goals .section__title em{color:var(--primary-soft)}
.goals .section__label{color:var(--primary-soft)}.goals .section__intro{color:rgba(255,255,255,.72)}
.goals__grid{position:relative;z-index:2;max-width:960px;margin:52px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px)}
.gcard{border:1px solid rgba(127,182,255,.24);border-radius:var(--radius);padding:clamp(24px,3vw,36px);background:rgba(255,255,255,.03);transition:.45s var(--ease)}
.gcard:hover{background:rgba(90,160,255,.09);transform:translateY(-6px);border-color:var(--primary-soft)}
.gcard__n{font-family:var(--serif);font-size:1.1rem;color:var(--primary-soft);font-style:italic}
.gcard h3{font-family:var(--serif);font-size:1.45rem;margin-top:8px;font-weight:500}
.gcard p{color:rgba(255,255,255,.7);font-weight:300;margin-top:10px;font-size:.96rem}
@media(max-width:820px){.goals__grid{grid-template-columns:1fr}}

/* ============================================================
   GALERİ
   ============================================================ */
.gallery{background:var(--bg)}
.grid{max-width:var(--maxw);margin:56px auto 0;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.6vw,22px)}
.card{position:relative;overflow:hidden;border-radius:8px;background:var(--ink);cursor:pointer;box-shadow:0 18px 40px -24px var(--card-shadow)}
.card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.card:hover img{transform:scale(1.06)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,11,26,.7),transparent 45%);opacity:0;transition:opacity .6s ease}
.card:hover::after{opacity:1}
.card__cap{position:absolute;left:20px;bottom:16px;z-index:2;color:#fff;transform:translateY(10px);opacity:0;transition:transform .6s ease,opacity .6s ease}
.card:hover .card__cap{transform:none;opacity:1}
.card__cap b{font-family:var(--serif);font-size:1.2rem;font-weight:500;display:block}
.card__cap small{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--primary-soft)}
.card--tall{grid-row:span 2}
.g1{grid-column:span 5}.g2{grid-column:span 4}.g3{grid-column:span 3}
.g4{grid-column:span 4}.g5{grid-column:span 4}.g6{grid-column:span 4}
@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr)}.g1,.g2,.g3,.g4,.g5,.g6{grid-column:span 1}.card--tall{grid-row:auto}}
@media(max-width:480px){.grid{grid-template-columns:1fr}}

/* ============================================================
   SÖZÜM
   ============================================================ */
.feature{background:var(--ink);color:#fff;padding:0;overflow:hidden}
.feature__grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.feature__img{position:relative;min-height:520px;overflow:hidden}
.feature__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.feature__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(6,11,26,.6))}
.feature__text{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,90px)}
.feature__text .section__label{justify-content:flex-start;color:var(--primary-soft)}
.feature__text .section__label::after{display:none}
.feature__quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,3.4vw,2.6rem);line-height:1.35;color:#fff}
.feature__quote span{color:var(--primary-soft)}
.feature__by{margin-top:26px;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.6)}
@media(max-width:820px){.feature__grid{grid-template-columns:1fr}.feature__img{min-height:380px}.feature__img::after{background:linear-gradient(0deg,var(--ink),transparent 55%)}}

/* ============================================================
   BİR BAKIŞTA
   ============================================================ */
.marks{background:var(--bg)}
.marks__row{max-width:960px;margin:56px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,50px)}
.mark{text-align:center;position:relative}
.mark:not(:last-child)::after{content:"";position:absolute;right:calc(-1 * clamp(8px,1.5vw,25px));top:12%;height:76%;width:1px;background:linear-gradient(var(--primary),transparent)}
.mark b{font-family:var(--serif);font-size:clamp(2.2rem,5vw,3.4rem);color:var(--accent);font-weight:600;line-height:1;display:block}
.mark small{display:block;margin-top:12px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}
@media(max-width:640px){.marks__row{grid-template-columns:repeat(2,1fr);gap:34px}.mark:not(:last-child)::after{display:none}}

/* ============================================================
   KUTLAMA
   ============================================================ */
.closing{background:linear-gradient(150deg,var(--primary-deep) 0%,#0d2a5c 45%,var(--ink) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}
.closing::before{content:"";position:absolute;inset:0;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent)}
.closing__inner{position:relative;z-index:2;max-width:680px;margin:0 auto}
.closing .section__title{color:#fff}.closing .section__title em{color:var(--primary-soft)}.closing .section__label{color:var(--primary-soft)}
.closing p{margin-top:26px;color:rgba(255,255,255,.86);font-weight:300;font-size:1.08rem}
.closing__sig{margin-top:40px;font-family:var(--serif);font-style:italic;font-size:2rem;color:var(--primary-soft)}
.closing__date{margin-top:8px;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--ink);color:rgba(255,255,255,.66);border-top:1px solid var(--line)}
.footer__grid{max-width:var(--maxw);margin:0 auto;padding:clamp(48px,7vw,72px) var(--pad-x) 30px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:clamp(24px,4vw,50px)}
.footer__brand b{font-family:var(--serif);color:#fff;font-size:1.4rem;letter-spacing:.04em;display:flex;align-items:center;gap:10px}
.footer__brand b span{color:var(--primary-soft)}
.footer__brand p{margin-top:14px;font-weight:300;font-size:.9rem;max-width:280px;color:rgba(255,255,255,.55)}
.footer__heading{color:#fff;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-weight:600}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer ul a{font-size:.88rem;font-weight:300;color:rgba(255,255,255,.62);transition:.25s}
.footer ul a:hover{color:var(--primary-soft)}
.footer__soon{opacity:.5}
.footer__bar{border-top:1px solid var(--line);padding:20px var(--pad-x);text-align:center;font-size:.76rem;letter-spacing:.05em;color:rgba(255,255,255,.5)}
@media(max-width:760px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}

/* ============================================================
   LIGHTBOX / HINT
   ============================================================ */
.lb{position:fixed;inset:0;z-index:100;background:rgba(6,10,22,.95);display:flex;align-items:center;justify-content:center;padding:4vw;opacity:0;pointer-events:none;transition:opacity .4s ease}
.lb.open{opacity:1;pointer-events:auto}
.lb img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:6px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7);transform:scale(.96);transition:transform .4s ease}
.lb.open img{transform:scale(1)}
.lb__close{position:absolute;top:24px;right:28px;color:#fff;font-size:2rem;cursor:pointer;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;transition:.3s}
.lb__close:hover{background:rgba(255,255,255,.12);transform:rotate(90deg)}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2.4rem;cursor:pointer;width:56px;height:56px;display:grid;place-items:center;user-select:none;opacity:.7;transition:.3s}
.lb__nav:hover{opacity:1}
.lb__prev{left:2vw}.lb__next{right:2vw}
@media(max-width:640px){.lb__nav{font-size:1.8rem;width:40px;height:40px}}

.hint{position:fixed;right:clamp(16px,4vw,40px);bottom:24px;z-index:60;background:var(--ink);color:#fff;padding:12px 18px;border-radius:40px;font-size:.8rem;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);border:1px solid var(--line);display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(14px);transition:.6s;pointer-events:none}
.hint.show{opacity:1;transform:none}
.hint b{color:var(--primary-soft);font-weight:500}

.lang-fade [data-i18n],.lang-fade [data-i18n-html]{opacity:.3;transition:opacity .2s}

/* ============================================================
   V2 EKLERİ
   ============================================================ */

/* color-mix fallback (destek yoksa düz renk) */
:root{ --nav-bg:#0c1e38f2; }
:root[data-theme="dark"]{ --nav-bg:#070d1ef2; }
.nav.scrolled{ background:var(--nav-bg); }

/* ---------- Skip link ---------- */
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--primary);color:#fff;padding:10px 18px;border-radius:0 0 10px 0;font-size:.85rem;font-weight:600}
.skip:focus{left:0}

/* görünür odak */
a:focus-visible,button:focus-visible,.card:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--primary-soft);outline-offset:3px;border-radius:6px}

/* ---------- Butonlar / CTA ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-weight:600;font-size:.86rem;letter-spacing:.04em;
  padding:13px 24px;border-radius:40px;border:1px solid transparent;cursor:pointer;transition:.3s var(--ease);text-decoration:none;line-height:1}
.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn--primary{background:var(--primary);color:#fff;box-shadow:0 12px 26px -12px var(--primary)}
.btn--primary:hover{background:var(--primary-deep);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}
.btn--light{background:var(--bg-2);color:var(--primary-deep);border-color:var(--line)}
.btn--light:hover{border-color:var(--primary);transform:translateY(-2px)}
.hero__cta{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}

/* ---------- Mobil hamburger ---------- */
.hamburger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);cursor:pointer;place-items:center}
.hamburger svg{width:22px;height:22px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}
.mobile-menu{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--ink) 96%,#000);background:var(--ink);
  display:flex;flex-direction:column;padding:88px clamp(24px,7vw,48px) 40px;opacity:0;transform:translateY(-12px);transition:opacity .3s ease,transform .3s ease}
.mobile-menu.open{opacity:1;transform:none}
.mobile-menu a{color:#fff;font-family:var(--serif);font-size:1.7rem;font-weight:500;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-menu a:hover{color:var(--primary-soft)}
.mobile-menu__foot{margin-top:auto;display:flex;align-items:center;gap:14px;padding-top:24px}
@media(max-width:820px){
  .nav__links{display:none}
  .hamburger{display:grid}
}

/* ---------- Bölüm başlığı sarmalı ---------- */
.section-heading{max-width:760px;margin:0 auto}

/* ---------- Ürettiklerim (proof) ---------- */
.proof{background:linear-gradient(180deg,var(--surface-a),var(--surface-b))}
.proof-grid{max-width:var(--maxw);margin:52px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
.proof-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3vw,34px);
  display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s}
.proof-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -26px var(--card-shadow);border-color:var(--primary)}
.proof-card__meta{display:inline-block;align-self:flex-start;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;
  color:var(--primary-deep);background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:20px;padding:4px 12px;margin-bottom:16px}
:root[data-theme="dark"] .proof-card__meta{color:var(--primary-soft)}
.proof-card h3{font-family:var(--serif);font-size:1.4rem;color:var(--title);font-weight:500}
.proof-card p{color:var(--text-soft);font-weight:300;margin-top:10px;font-size:.96rem;flex:1}
.proof-card__link{margin-top:18px;align-self:flex-start;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600}
.proof-card__link:hover{text-decoration:underline}
.proof-stats{max-width:var(--maxw);margin:44px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,3vw,40px);border-top:1px solid var(--line);padding-top:32px}
.proof-stats .mark b{color:var(--accent)}
@media(max-width:820px){.proof-grid{grid-template-columns:1fr}}
@media(max-width:640px){.proof-stats{grid-template-columns:repeat(2,1fr);gap:28px}}

/* ---------- Akademi canlı kartlar ---------- */
.acard__meta{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.acard__link.is-live{color:var(--accent)}
.acard--soon{opacity:.82}
.acard[href]{cursor:pointer}
a.acard{color:inherit;text-decoration:none}

/* ---------- Spor ---------- */
.sport{background:var(--bg)}

/* ---------- İletişim ---------- */
.contact{background:linear-gradient(160deg,var(--primary-deep),#0d2a5c 55%,var(--ink));color:#fff;text-align:center;position:relative;overflow:hidden}
.contact::before{content:"";position:absolute;inset:0;opacity:.4;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent);mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent)}
.contact__inner{position:relative;z-index:2;max-width:680px;margin:0 auto}
.contact .section__label{color:var(--primary-soft)}
.contact .section__title{color:#fff}.contact .section__title em{color:var(--primary-soft)}
.contact p{margin-top:22px;color:rgba(255,255,255,.86);font-weight:300}
.contact__note{margin-top:14px;font-size:.85rem;color:rgba(255,255,255,.6)}
.contact__pending{margin-top:26px;display:inline-block;border:1px dashed rgba(255,255,255,.4);border-radius:12px;padding:14px 22px;font-size:.9rem;color:rgba(255,255,255,.8)}
.contact__more{margin-top:24px;display:inline-block;color:var(--primary-soft);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}

/* ---------- Alt sayfa / makale ---------- */
.subnav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:14px var(--pad-x);box-shadow:0 1px 0 var(--line)}
.subnav a.nav__brand{font-size:1.15rem}
.page{padding:clamp(90px,12vw,130px) var(--pad-x) clamp(60px,9vw,110px);background:var(--bg)}
.page__head{max-width:760px;margin:0 auto clamp(30px,5vw,50px)}
.crumb{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin-bottom:16px}
.crumb a{color:var(--accent)}
.page__title{font-family:var(--serif);font-size:clamp(2.2rem,5vw,3.4rem);color:var(--title);font-weight:600;line-height:1.05}
.page__lead{margin-top:16px;color:var(--text-soft);font-size:1.1rem;font-weight:300}
.article{max-width:760px;margin:0 auto;color:var(--text)}
.article h2{font-family:var(--serif);font-size:clamp(1.6rem,3.2vw,2.1rem);color:var(--title);font-weight:600;margin:44px 0 14px}
.article h3{font-family:var(--serif);font-size:1.3rem;color:var(--title);font-weight:600;margin:28px 0 8px}
.article p{margin:12px 0;line-height:1.8}
.article ul,.article ol{margin:12px 0 12px 22px}
.article li{margin:7px 0;line-height:1.7}
.article blockquote{border-left:3px solid var(--primary);background:var(--surface-a);padding:16px 20px;border-radius:0 10px 10px 0;margin:20px 0;font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--title)}
.article pre{background:var(--ink);color:#dbe6f7;padding:18px 20px;border-radius:12px;overflow-x:auto;margin:16px 0;font-size:.9rem;line-height:1.6;border:1px solid var(--line)}
.article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.article :not(pre)>code{background:var(--surface-a);color:var(--primary-deep);padding:2px 7px;border-radius:6px;font-size:.88em}
.callout{border:1px solid var(--line);background:var(--bg-2);border-radius:14px;padding:20px 22px;margin:24px 0;display:flex;gap:14px}
.callout--safety{border-color:color-mix(in srgb,var(--red) 40%,transparent);background:color-mix(in srgb,var(--red) 6%,var(--bg-2))}
.callout__ic{flex:0 0 auto;width:26px;height:26px;color:var(--red)}
.callout h4{font-weight:600;color:var(--title);margin-bottom:4px}
.callout p{margin:0;font-size:.94rem;color:var(--text-soft)}
.article__foot{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* ---------- Quiz ---------- */
.quiz-wrap{max-width:680px;margin:0 auto}
#quizApp{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,40px);min-height:320px}
.quiz-intro h2{font-family:var(--serif);font-size:1.7rem;color:var(--title);font-weight:600}
.quiz-intro p{color:var(--text-soft);margin:14px 0 26px}
.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin-bottom:18px}
.quiz-bar{flex:1;height:5px;background:var(--surface-b);border-radius:5px;overflow:hidden}
.quiz-bar>span{display:block;height:100%;background:var(--primary);transition:width .3s ease}
.quiz-q{font-family:var(--serif);font-size:1.45rem;color:var(--title);font-weight:600;line-height:1.3;margin-bottom:20px}
.quiz-q:focus{outline:none}
.quiz-opts{display:flex;flex-direction:column;gap:10px}
.quiz-opt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;font-family:var(--sans);font-size:1rem;color:var(--text);transition:.2s}
.quiz-opt:hover:not(:disabled){border-color:var(--primary);background:var(--surface-a)}
.quiz-opt__mark{flex:0 0 auto;width:20px;height:20px;border:2px solid var(--text-soft);border-radius:50%}
.quiz-opt.is-correct{border-color:#1a9a54;background:color-mix(in srgb,#1a9a54 12%,var(--bg))}
.quiz-opt.is-correct .quiz-opt__mark{border-color:#1a9a54;background:#1a9a54}
.quiz-opt.is-wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--bg))}
.quiz-opt.is-wrong .quiz-opt__mark{border-color:var(--red);background:var(--red)}
.quiz-opt__mark{position:relative}
.quiz-opt.is-correct .quiz-opt__mark::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;line-height:1}
.quiz-opt.is-wrong .quiz-opt__mark::after{content:"\2715";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;line-height:1}
.quiz-opt:disabled{cursor:default}
.quiz-fb{margin-top:18px;border-radius:12px;padding:16px 18px;font-size:.95rem}
.quiz-fb.ok{background:color-mix(in srgb,#1a9a54 12%,var(--bg));border:1px solid color-mix(in srgb,#1a9a54 40%,transparent)}
.quiz-fb.no{background:color-mix(in srgb,var(--red) 8%,var(--bg));border:1px solid color-mix(in srgb,var(--red) 35%,transparent)}
.quiz-fb strong{color:var(--title)}
.quiz-fb p{margin-top:6px;color:var(--text-soft)}
.quiz-fb__label{font-weight:600;color:var(--title)}
.quiz-actions{margin-top:20px;display:flex;justify-content:flex-end}
.quiz-result{text-align:center}
.quiz-score{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:18px}
.quiz-score__num{font-family:var(--serif);font-size:3.4rem;font-weight:600;color:var(--primary);line-height:1}
.quiz-score__num small{font-size:1.2rem;color:var(--text-soft)}
.quiz-score[data-bucket="excellent"] .quiz-score__num{color:#1a9a54}
.quiz-score[data-bucket="review"] .quiz-score__num{color:var(--red)}
.quiz-score__lbl{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}
.quiz-result__msg{color:var(--text);font-size:1.05rem;max-width:460px;margin:0 auto 24px}

/* ---------- Boş durum (projeler) ---------- */
.empty{max-width:620px;margin:0 auto;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);padding:clamp(30px,6vw,56px);background:var(--bg-2)}
.empty__ic{width:48px;height:48px;margin:0 auto 18px;color:var(--primary-soft);stroke-width:1.5;fill:none;stroke:currentColor}
.empty p{color:var(--text-soft);font-size:1.02rem}

/* ---------- 404 ---------- */
.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:40px;background:linear-gradient(160deg,var(--hero-top),var(--hero-bot));color:#fff}
.nf h1{font-family:var(--serif);font-size:clamp(4rem,14vw,8rem);line-height:1}
.nf p{color:rgba(255,255,255,.8);margin:12px 0 26px}

/* dil geçişi */


/* reveal reduced-motion güvenliği */
@media(prefers-reduced-motion:reduce){.reveal{opacity:1 !important;transform:none !important}}

/* buton tabanlı galeri kartları ve lightbox butonları için reset */
button.card{padding:0;border:none;font:inherit;color:inherit;text-align:left;width:100%;display:block}
.lb__close,.lb__nav{background:transparent;font-family:inherit}
.lb__close{line-height:1}

/* nav mobil menünün üstünde kalsın; hamburger ↔ X ikon değişimi */
.nav{z-index:90}
.mobile-menu{z-index:80}
.hamburger .x{display:none}
.hamburger[aria-expanded="true"] .bars{display:none}
.hamburger[aria-expanded="true"] .x{display:block}

/* ============================================================
   V3 — Dropdown + Mega menü + Accordion mobil menü
   ============================================================ */
.nav__links{gap:clamp(6px,1.4vw,20px)}
.navitem{position:relative}
.navitem>a,.navitem>button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;
  font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.85);
  font-weight:400;padding:8px 2px;position:relative}
.navitem>a::after,.navitem>button.link-underline::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--primary-soft);transition:width .3s}
.navitem>a:hover::after{width:100%}
.navitem>a:hover,.navitem>button:hover{color:#fff}
.navitem__caret{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .3s}
.navitem[data-open="true"] .navitem__caret{transform:rotate(180deg)}
.navitem>a[aria-current="page"]{color:var(--primary-soft)}

/* açılır panel (dropdown ve mega ortak) */
.dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:260px;background:var(--ink);
  border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 24px 50px -18px rgba(0,0,0,.6);
  opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .24s var(--ease),transform .24s var(--ease);z-index:70}
.navitem[data-open="true"] .dropdown{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.dropdown__desc{font-size:.78rem;color:rgba(255,255,255,.6);padding:8px 12px 10px;font-weight:300;line-height:1.5}
.dropdown a{display:block;color:#e8eefb;font-size:.9rem;padding:9px 12px;border-radius:9px;transition:.18s;letter-spacing:0;text-transform:none}
.dropdown a:hover{background:rgba(90,160,255,.16);color:#fff}
.dropdown a::after{display:none}

/* mega menü */
.mega{left:auto;right:0;width:min(1100px,94vw);padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.2fr;gap:16px}
.mega__col h4{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--primary-soft);margin:6px 0 8px;font-weight:600}
.mega__col a{display:block;color:#e8eefb;font-size:.9rem;padding:7px 10px;border-radius:8px;transition:.18s;text-transform:none;letter-spacing:0}
.mega__col a:hover{background:rgba(90,160,255,.16);color:#fff}
.mega__col a::after{display:none}
.mega__soon{display:block;color:rgba(255,255,255,.4);font-size:.9rem;padding:7px 10px;cursor:default}
.mega__soon small{display:inline-block;margin-left:6px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:1px 6px}
.mega__promo{background:linear-gradient(150deg,var(--primary-deep),#0d2a5c);border-radius:12px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}
.mega__promo h4{color:#fff;font-family:var(--serif);font-size:1.15rem;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:8px}
.mega__promo p{color:rgba(255,255,255,.78);font-size:.82rem;font-weight:300;line-height:1.5}
.mega__promo .btn{margin-top:14px;align-self:flex-start}

/* dil linki + tema */
.langlink{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.3);border-radius:22px;
  padding:7px 13px;font-size:.68rem;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.85);transition:.25s}
.langlink:hover{background:rgba(90,160,255,.22);border-color:var(--primary-soft);color:#fff}

/* ---------- Mobil accordion menü ---------- */
.mobile-menu{z-index:80;padding:84px 0 40px;overflow-y:auto}
.mobile-menu .macc{border-bottom:1px solid rgba(255,255,255,.1)}
.mobile-menu .macc>a,.mobile-menu .macc>button{display:flex;align-items:center;justify-content:space-between;width:100%;
  background:none;border:none;cursor:pointer;color:#fff;font-family:var(--serif);font-size:1.5rem;font-weight:500;
  padding:16px clamp(24px,7vw,48px);text-align:left}
.mobile-menu .macc>button .navitem__caret{width:18px;height:18px}
.mobile-menu .macc[data-open="true"] .navitem__caret{transform:rotate(180deg)}
.mobile-menu .macc__panel{overflow:hidden;max-height:0;visibility:hidden;transition:max-height .3s ease,visibility .3s;background:rgba(0,0,0,.18)}
.mobile-menu .macc[data-open="true"] .macc__panel{max-height:640px;visibility:visible}
.mobile-menu .macc__panel a{display:block;color:rgba(255,255,255,.82);font-family:var(--sans);font-size:1rem;
  padding:12px clamp(30px,8vw,56px);border-top:1px solid rgba(255,255,255,.06)}
.mobile-menu .macc__panel a:hover{color:var(--primary-soft)}
.mobile-menu .macc__soon{display:block;color:rgba(255,255,255,.4);font-family:var(--sans);font-size:1rem;padding:12px clamp(30px,8vw,56px);border-top:1px solid rgba(255,255,255,.06)}
.mobile-menu__lang{padding:22px clamp(24px,7vw,48px) 0;display:flex;gap:12px;align-items:center}
.mobile-menu__lang a{color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:22px;padding:8px 16px;font-size:.8rem;font-weight:600}
.mobile-menu__lang a.active{background:var(--primary);border-color:var(--primary)}

@media(max-width:960px){ .nav__links,.langlink#deskLang{display:none} .hamburger{display:grid} }
@media(min-width:961px){ .hamburger{display:none} }

/* ---------- Modül / bölüm sayfaları ---------- */
.module-grid{max-width:var(--maxw);margin:48px auto 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(14px,2vw,22px)}
.mcard{position:relative;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.4s var(--ease);display:flex;flex-direction:column;gap:8px}
a.mcard:hover{transform:translateY(-6px);box-shadow:0 24px 46px -26px var(--card-shadow);border-color:var(--primary)}
.mcard--soon{opacity:.75}
.mcard__n{font-family:var(--serif);font-style:italic;color:var(--primary-soft);font-size:1rem}
.mcard h3{font-family:var(--serif);font-size:1.3rem;color:var(--title);font-weight:500}
.mcard p{color:var(--text-soft);font-size:.92rem;font-weight:300;flex:1}
.mcard__meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.chip{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:20px;border:1px solid var(--line);color:var(--text-soft)}
.chip--live{color:#fff;background:var(--primary);border-color:var(--primary)}
.chip--soon{color:var(--accent)}

/* ---------- Ders içindekiler (TOC) ---------- */
.lesson-toc{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin:0 auto 30px;max-width:760px}
.lesson-toc h2{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.lesson-toc ol{margin:0;padding-left:20px;columns:2;gap:20px}
.lesson-toc li{margin:5px 0}
.lesson-toc a{color:var(--text);font-size:.92rem}
.lesson-toc a:hover{color:var(--primary)}
@media(max-width:600px){.lesson-toc ol{columns:1}}

/* ders meta şeridi */
.lesson-meta{display:flex;flex-wrap:wrap;gap:16px;max-width:760px;margin:0 auto 24px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lesson-meta div{display:flex;flex-direction:column}
.lesson-meta small{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}
.lesson-meta b{font-family:var(--serif);color:var(--title);font-weight:500;font-size:1.05rem;margin-top:3px}
.lesson-nav{display:flex;justify-content:space-between;gap:14px;max-width:760px;margin:44px auto 0;flex-wrap:wrap}
.lesson-nav a{flex:1;min-width:200px;border:1px solid var(--line);border-radius:12px;padding:14px 18px;transition:.3s}
.lesson-nav a:hover{border-color:var(--primary);background:var(--surface-a)}
.lesson-nav small{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}
.lesson-nav b{font-family:var(--serif);color:var(--title);font-weight:500}
.lesson-nav .next{text-align:right}
.review-banner{max-width:760px;margin:0 auto 24px;border:1px dashed color-mix(in srgb,var(--accent) 55%,transparent);border-radius:12px;padding:12px 16px;font-size:.86rem;color:var(--text-soft);background:var(--bg-2)}

/* eğitim çizelgesi son öğe (gelecek) */
.tl-item.future::before{background:var(--bg);border-color:var(--accent)}

/* mega menü: görünüm alanına göre ortalanır (taşmayı önler) */
.mega{position:fixed;top:62px;left:50%;right:auto;transform:translate(-50%,-8px);width:min(1180px,96vw);grid-template-columns:1fr 1fr 1fr 1fr 1.1fr}
.navitem[data-open="true"] .mega{transform:translate(-50%,0)}

/* ============================================================
   V3.1 CİLA — marka zirvesi · mega ikon · portre şov · feature · sayaç
   ============================================================ */

/* --- marka zirve simgesi + kaydırınca küçülme --- */
.nav__brand{align-items:center}
.nav__brand .peak{width:20px;height:20px;color:var(--primary-soft);flex:0 0 auto;transition:transform .5s var(--ease)}
.nav__brand-t{transition:font-size .4s ease}
.nav.scrolled .nav__brand-t{font-size:1.2rem}
.nav.scrolled .nav__brand .peak{transform:translateY(-1px) scale(.92)}

/* --- aktif üst menü öğesi --- */

.navitem>a[aria-current="page"]::after{width:100%}
.navitem--active>button{color:#fff}
.navitem--active>button::after{content:"";position:absolute;left:0;bottom:2px;width:100%;height:1px;background:var(--primary-soft)}

/* --- mega kolon başlık ikonları --- */
.mega__col h4{display:flex;align-items:center;gap:8px}
.mega__ic{display:inline-flex;width:16px;height:16px;color:var(--primary-soft)}
.mega__ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav.scrolled{box-shadow:0 1px 0 var(--line),0 10px 30px -18px rgba(0,0,0,.5)}

/* --- footer marka zirvesi --- */
.footer__brand b{align-items:center}
.footer__brand .peak{width:20px;height:20px;color:var(--primary-soft);flex:0 0 auto}
.footer__slogan{margin-top:10px;color:var(--primary-soft);font-family:var(--serif);font-style:italic}

/* --- dekoratif portre şeridi (hero altı) --- */
.pstrip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:var(--ink);padding:6px}
.pstrip__i{position:relative;aspect-ratio:5/4;overflow:hidden;border-radius:4px}
.pstrip__i img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:grayscale(.35) contrast(1.02);transition:filter .5s ease,transform .8s var(--ease)}
.pstrip__i:hover img{filter:grayscale(0);transform:scale(1.05)}
@media(max-width:760px){.pstrip{grid-template-columns:repeat(3,1fr)}.pstrip__i:nth-child(4),.pstrip__i:nth-child(5){display:none}}

/* --- feature (iki kolonlu portre + metin) — split varyantı --- */
.feature--split{padding:0}
.feature--split .feature__grid{max-width:none}
.feature--split .feature__text{padding:clamp(48px,6vw,96px) var(--pad-x)}
.feature--split .section__label{justify-content:flex-start}
.feature--split .section__title{text-align:left;font-size:clamp(2rem,4vw,3rem);margin-top:4px}
.feature__body{margin-top:18px;color:rgba(255,255,255,.76);font-weight:300;font-size:1.02rem;line-height:1.8}
.feature__link{margin-top:26px;display:inline-flex;align-items:center;gap:8px;color:var(--primary-soft);font-weight:600;font-size:.82rem;letter-spacing:.06em}
.feature__link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.feature__link:hover svg{transform:translateX(4px)}
.feature--rev .feature__img{order:2}
.feature--rev .feature__img::after{background:linear-gradient(-90deg,transparent 60%,rgba(6,11,26,.6))}
/* açık varyant (ör. Hakkımda) */
.feature--light{background:var(--bg-2);color:var(--text)}
.feature--light .section__title{color:var(--title)}
.feature--light .feature__body{color:var(--text-soft)}
.feature--light .feature__img::after{background:linear-gradient(90deg,transparent 62%,rgba(13,74,156,.18))}
.feature--light.feature--rev .feature__img::after{background:linear-gradient(-90deg,transparent 62%,rgba(13,74,156,.18))}
@media(max-width:820px){
  .feature--split .feature__text{padding:clamp(36px,8vw,56px) var(--pad-x)}
  .feature--rev .feature__img{order:0}
}

/* --- istatistik bandı (akademi) --- */
.academy .marks__row{margin:8px auto 44px}
.mark b[data-count]{font-variant-numeric:tabular-nums}

/* --- mezuniyet kapanışı: kep-havada foto arka planı --- */
.contact{position:relative;overflow:hidden}
.contact--photo .contact__photo{position:absolute;inset:0;z-index:0}
.contact--photo .contact__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.28}
.contact--photo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,57,125,.78),rgba(9,22,54,.92))}
.contact--photo .contact__inner{position:relative;z-index:2}

/* --- footer ince yazı okunurluğu (kontrast) --- */
.footer__fine{color:rgba(255,255,255,.62);font-size:.72rem;letter-spacing:.04em}
.footer__bar{color:rgba(255,255,255,.66)}

/* --- marka simgesi: favikondaki yüz (yuvarlak) --- */
.peak{border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.28);background:#fff}
.nav__brand .peak{width:28px;height:28px}
.footer__brand .peak{width:26px;height:26px}
.nav.scrolled .nav__brand .peak{transform:scale(.9)}
/* açılır/mega menü ile buton arasındaki boşluğu köprüle (fare geçişi kopmasın) */
.navitem[data-menu]::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}


/* V3.2 AKADEMİ BAĞLANTI DÜZELTMELERİ */
.academy-hub-cta{display:flex;justify-content:center;margin-top:24px}
.course-map{max-width:760px;margin:0 auto 28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-2),var(--surface-a));overflow:hidden}
.course-map__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line)}
.course-map__head>div{display:flex;flex-direction:column;gap:2px}
.course-map__eyebrow{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.course-map__head strong{font-family:var(--serif);font-size:1.2rem;font-weight:500;color:var(--title)}
.course-map__head small{color:var(--text-soft);font-size:.78rem}
.course-map__all{white-space:nowrap;font-size:.78rem;font-weight:650;color:var(--primary)}
.course-map__details summary{cursor:pointer;padding:14px 22px;font-weight:650;color:var(--title);list-style:none;display:flex;align-items:center;justify-content:space-between}
.course-map__details summary::-webkit-details-marker{display:none}
.course-map__details summary::after{content:"+";font-family:var(--serif);font-size:1.35rem;color:var(--primary);transition:transform .25s ease}
.course-map__details[open] summary::after{transform:rotate(45deg)}
.course-map__details ol{list-style:none;margin:0;padding:0 12px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.course-map__details li{margin:0}
.course-map__details a{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:10px;border-radius:10px;color:var(--text);font-size:.86rem;line-height:1.35}
.course-map__details a:hover{background:var(--surface-a);color:var(--primary)}
.course-map__details a.is-current{background:var(--primary);color:#fff;grid-template-columns:30px minmax(0,1fr) auto}
.course-map__details a em{font-style:normal;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;opacity:.82}
.course-map__num{font-family:var(--serif);font-style:italic;color:var(--primary-soft)}
.course-map__details a.is-current .course-map__num{color:#fff}
.footer__col{min-width:0}
@media(max-width:700px){.course-map__head{align-items:flex-start;flex-direction:column}.course-map__details ol{grid-template-columns:1fr}.course-map__details a.is-current{grid-template-columns:30px minmax(0,1fr)}.course-map__details a em{grid-column:2}.academy-hub-cta{justify-content:flex-start}}


/* V4 Academy navigation and editorial quality */

.mcard__cta,.acard__cta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:var(--primary);font-size:.75rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;position:relative;z-index:2}
.mcard:hover .mcard__cta,.acard:hover .acard__cta{color:var(--accent)}
.section-directory{max-width:var(--maxw);margin:34px auto 26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2);padding:clamp(22px,3vw,34px)}
.section-directory__head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}
.section-directory__head>div{max-width:720px}
.section-directory__head span{font-size:.62rem;letter-spacing:.17em;color:var(--accent);font-weight:700}
.section-directory__head h2{font-family:var(--serif);font-size:clamp(1.65rem,3vw,2.25rem);color:var(--title);font-weight:500;margin-top:5px}
.section-directory__head p{color:var(--text-soft);margin-top:8px}
.section-directory>ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.section-directory>ol a{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;padding:11px 12px;border-radius:10px;background:var(--surface-a);color:var(--text);font-weight:600;line-height:1.3}
.section-directory>ol a:hover{background:var(--primary);color:#fff}
.section-directory>ol a>span{font-family:var(--serif);font-style:italic;color:var(--primary-soft)}
.section-directory>ol a:hover>span{color:#fff}
.module-guide{max-width:var(--maxw);margin:38px auto 0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:clamp(22px,4vw,54px);padding:clamp(24px,4vw,44px);border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-2),var(--surface-a));border:1px solid var(--line)}
.module-guide__eyebrow{font-size:.62rem;letter-spacing:.17em;color:var(--accent);font-weight:700}
.module-guide h2{font-family:var(--serif);font-size:clamp(1.65rem,3vw,2.25rem);color:var(--title);font-weight:500;margin:6px 0 14px}
.module-guide p{color:var(--text-soft);margin-top:12px}
.module-guide__outcomes{padding:22px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
.module-guide__outcomes h3{font-family:var(--serif);font-size:1.35rem;color:var(--title);font-weight:500}
.module-guide__outcomes ul{margin:14px 0 0;padding-left:20px}
.module-guide__outcomes li{margin:9px 0;color:var(--text)}
.academy-editorial-intro{padding:0 clamp(20px,5vw,70px);margin:32px 0 8px}
.academy-editorial-intro__inner{max-width:var(--maxw);margin:auto;padding:clamp(28px,4vw,48px);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--bg-2),var(--surface-a))}
.academy-editorial-intro h2{font-family:var(--serif);font-size:clamp(1.8rem,3.3vw,2.5rem);font-weight:500;color:var(--title);margin-bottom:14px}
.academy-editorial-intro p{max-width:900px;color:var(--text-soft);margin-top:12px}
.practice-steps li,.quality-checklist li{margin:9px 0}
.article .quality-checklist{padding-left:22px}
.article #kaynak-dogrulama-notu,.article #source-verification-note{padding-top:18px;border-top:1px solid var(--line);margin-top:42px}
.course-map__details[open] summary{border-bottom:1px solid var(--line)}
@media(max-width:800px){.section-directory__head{flex-direction:column}.section-directory>ol{grid-template-columns:1fr}.module-guide{grid-template-columns:1fr}}

/* ============================================================
   V4.1 — Kritik tıklama ve navigasyon kontrast düzeltmesi
   - hidden mobil menü masaüstünde görünmez bir katman olarak tıklamaları yakalamaz.
   - üst menü her sayfa/zeminde sabit yüksek kontrastla görünür.
   ============================================================ */
.mobile-menu[hidden]{display:none !important}
.mobile-menu{pointer-events:none}
.mobile-menu.open{pointer-events:auto}

.nav{
  background:color-mix(in srgb,var(--ink) 94%,transparent);
  -webkit-backdrop-filter:blur(16px);
  backdrop-filter:blur(16px);
  box-shadow:0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(6,11,26,.12);
}
.nav.scrolled{
  background:color-mix(in srgb,var(--ink) 96%,transparent);
}

/* ============================================================
   V5.2 — Tamamlayıcı Akademi merkezleri ve ders bileşenleri
   ============================================================ */
.curriculum-grid{
  max-width:var(--maxw);margin:36px auto 0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(285px,1fr));
  gap:clamp(16px,2.2vw,26px);align-items:stretch;
}
.lesson-card{
  position:relative;display:flex;flex-direction:column;min-height:300px;
  padding:clamp(24px,3vw,34px);border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(145deg,var(--bg-2),var(--surface-a));
  box-shadow:0 16px 38px -30px var(--card-shadow);
  transition:transform .3s var(--ease),border-color .3s ease,box-shadow .3s ease;
  isolation:isolate;overflow:hidden;
}
.lesson-card::after{
  content:"";position:absolute;inset:auto -45px -55px auto;width:150px;height:150px;
  border:1px solid var(--line);border-radius:50%;opacity:.55;z-index:-1;
}
.lesson-card:hover,.lesson-card:focus-visible{
  transform:translateY(-5px);border-color:var(--primary-soft);
  box-shadow:0 24px 50px -28px var(--card-shadow);outline:none;
}
.lesson-card__num{
  font-family:var(--serif);font-size:1rem;font-style:italic;color:var(--primary);
  letter-spacing:.06em;margin-bottom:20px;
}
.lesson-card h3{
  font-family:var(--serif);font-weight:550;font-size:clamp(1.35rem,2.1vw,1.7rem);
  line-height:1.12;color:var(--title);margin-bottom:14px;
}
.lesson-card p{color:var(--text-soft);font-size:.95rem;line-height:1.65;margin-bottom:22px}
.lesson-card .mcard__meta{margin-top:auto;padding-top:6px;display:flex;gap:8px;flex-wrap:wrap}
.lesson-card__cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--primary);font-size:.82rem;font-weight:650;letter-spacing:.02em}
.lesson-card__cta::after{content:"";width:28px;height:1px;background:currentColor;transition:width .25s ease}
.lesson-card:hover .lesson-card__cta::after{width:42px}

.article .concept-block{padding:24px 0;border-bottom:1px solid var(--line)}
.article .concept-block:first-child{padding-top:4px}
.article .concept-block:last-child{border-bottom:0;padding-bottom:4px}
.article .concept-block h3{margin-top:0}
.table-wrap{width:100%;overflow-x:auto;margin:24px 0 30px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}
.article table{width:100%;min-width:720px;border-collapse:collapse;font-size:.91rem;line-height:1.55}
.article th,.article td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.article th:last-child,.article td:last-child{border-right:0}
.article thead th{background:var(--surface-a);color:var(--title);font-weight:650}
.article tbody th{color:var(--title);font-weight:650;width:19%}
.article tbody tr:last-child th,.article tbody tr:last-child td{border-bottom:0}
.article dl{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,2fr);gap:0;margin:22px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.article dt,.article dd{padding:14px 16px;border-bottom:1px solid var(--line)}
.article dt{font-weight:650;color:var(--title);background:var(--surface-a)}
.article dd{color:var(--text-soft);margin:0;background:var(--bg-2)}
.article dt:last-of-type,.article dd:last-of-type{border-bottom:0}
@media(max-width:720px){
  .curriculum-grid{grid-template-columns:1fr}.lesson-card{min-height:0}
  .article dl{grid-template-columns:1fr}.article dt{border-bottom:0}.article dd{border-bottom:1px solid var(--line)}
}


/* ============================================================
   V5.11 — final information architecture and visual polish
   ============================================================ */
.dropdown--person{min-width:300px;max-width:360px;padding:18px}
.dropdown--person p{color:rgba(255,255,255,.68);font-size:.82rem;line-height:1.55;margin:0 8px 10px}
.dropdown--person a{display:block;padding:9px 10px;border-radius:8px;color:#eef4ff;font-size:.9rem;text-transform:none;letter-spacing:0}
.dropdown--person a:hover{background:rgba(90,160,255,.16)}
.mega__col h4 a{color:var(--primary-soft);font-size:inherit;letter-spacing:inherit;text-transform:inherit;padding:0}
.mega__col h4 a:hover{background:none;color:#fff}
.mega__links{display:flex;flex-direction:column}
.mega__col--dense .mega__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4px}
.mega__col--dense{grid-column:span 2}
.mega{grid-template-columns:1.35fr 1fr 1fr 1fr 1.05fr;max-height:calc(100vh - 84px);overflow:auto}
.academy-overview{max-width:var(--maxw);margin:-26px auto 24px;padding:0 var(--pad-x);display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.academy-overview>div{background:var(--bg-2);border:1px solid var(--line);padding:20px;text-align:center}
.academy-overview>div:first-child{border-radius:14px 0 0 14px}.academy-overview>div:last-child{border-radius:0 14px 14px 0}
.academy-overview b{display:block;font-family:var(--serif);font-size:1.8rem;color:var(--title);font-weight:550}
.academy-overview small{color:var(--text-soft);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.academy-path-nav{max-width:var(--maxw);margin:0 auto 34px;padding:0 var(--pad-x);display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.academy-path-nav a{display:flex;gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface-a);color:var(--title);font-weight:650;font-size:.88rem}
.academy-path-nav a:hover,.academy-path-nav a:focus-visible{background:var(--primary);color:#fff;outline:none}
.academy-path-nav span{font-family:var(--serif);font-style:italic;color:var(--primary)}
.academy-path-nav a:hover span,.academy-path-nav a:focus-visible span{color:#fff}
.academy-home-stats{max-width:920px;margin:36px auto 34px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg-2)}
.academy-home-stats>div{padding:20px 12px;text-align:center;border-right:1px solid var(--line)}.academy-home-stats>div:last-child{border-right:0}
.academy-home-stats b{display:block;font-family:var(--serif);font-size:1.9rem;color:var(--title);font-weight:550}.academy-home-stats small{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-soft)}
.path-showcase{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.path-showcase-card{display:flex;flex-direction:column;min-height:330px;padding:clamp(26px,4vw,42px);border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--bg-2),var(--surface-a));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.path-showcase-card:hover,.path-showcase-card:focus-visible{transform:translateY(-5px);border-color:var(--primary-soft);box-shadow:0 24px 50px -34px var(--card-shadow);outline:none}
.path-showcase-card__n{font-family:var(--serif);font-style:italic;color:var(--primary);margin-bottom:30px}.path-showcase-card h3{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.08;color:var(--title);font-weight:550}.path-showcase-card p{margin-top:14px;color:var(--text-soft)}.path-showcase-card small{margin-top:auto;padding-top:26px;color:var(--text-soft);line-height:1.5}.path-showcase-card>span:last-child{margin-top:14px;color:var(--primary);font-weight:700}
.academy-home-actions{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:36px}.academy-home-secondary{font-weight:700;color:var(--primary)}
.footer__grid--academy{max-width:1500px;grid-template-columns:minmax(250px,1.25fr) repeat(4,minmax(170px,1fr)) minmax(160px,.8fr);gap:clamp(22px,2.6vw,42px)}
.footer__path .footer__heading,.footer__site .footer__heading{margin-bottom:13px}.footer__path li,.footer__site li{margin:7px 0}.footer__path a,.footer__site a{font-size:.82rem;line-height:1.35}.footer__academy-link{display:inline-flex;margin-top:14px;color:var(--primary-soft);font-weight:700;font-size:.85rem}
.article h2{scroll-margin-top:100px}
.article p,.article li{max-width:82ch}
@media(max-width:1350px){.footer__grid--academy{grid-template-columns:repeat(3,1fr)}.footer__brand{grid-column:1/-1}.mega__col--dense{grid-column:span 1}.mega__col--dense .mega__links{grid-template-columns:1fr}.mega{grid-template-columns:repeat(4,1fr);}.mega__promo{grid-column:1/-1;min-height:130px}}
@media(max-width:900px){.academy-path-nav{grid-template-columns:repeat(2,1fr)}.academy-overview{grid-template-columns:repeat(2,1fr)}.academy-overview>div:first-child,.academy-overview>div:last-child{border-radius:0}.path-showcase{grid-template-columns:1fr}}
@media(max-width:760px){.footer__grid--academy{grid-template-columns:1fr 1fr}.academy-home-stats{grid-template-columns:repeat(2,1fr)}.academy-home-stats>div:nth-child(2){border-right:0}.academy-home-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:520px){.academy-path-nav,.academy-overview,.footer__grid--academy{grid-template-columns:1fr}.academy-home-actions{flex-direction:column}.academy-overview>div,.academy-home-stats>div{border-right:0}.academy-home-stats{grid-template-columns:1fr}.academy-home-stats>div{border-bottom:1px solid var(--line)}.academy-home-stats>div:last-child{border-bottom:0}}
.nav a.is-current,.nav button[aria-current="page"]{color:#fff}
.nav a.is-current::after,.nav button[aria-current="page"]::after{width:100%}

/* V5.11 final mobile navigation and intermediate-width footer hardening */
.mobile-menu__inner{width:100%;min-height:max-content}
.mobile-menu{overscroll-behavior:contain}


/* ============================================================
   V5.13 — contrast, active context and final visual polish
   ============================================================ */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f7fd;
  --bg-2:#ffffff;
  --surface-a:#e8f1fc;
  --surface-b:#dceafb;
  --text:#203a56;
  --text-soft:#3f5873;
  --title:#09233f;
  --primary:#0b63ce;
  --primary-deep:#084b9c;
  --primary-soft:#1b67bd;
  --accent:#0b63ce;
  --line:rgba(11,99,206,.24);
  --divider-mask:#f3f7fd;
  --card-shadow:rgba(8,75,156,.25);
  --nav-accent:#9dccff;
  --on-dark:#f8fbff;
  --on-dark-soft:#c8d6e9;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#070d1b;
  --bg-2:#0d172a;
  --surface-a:#12213a;
  --surface-b:#172945;
  --text:#e7eef9;
  --text-soft:#b8c8de;
  --title:#ffffff;
  --primary:#72afff;
  --primary-deep:#3f84e6;
  --primary-soft:#9dccff;
  --accent:#8dc0ff;
  --line:rgba(157,204,255,.25);
  --divider-mask:#070d1b;
  --card-shadow:rgba(0,0,0,.72);
  --nav-accent:#9dccff;
  --on-dark:#f8fbff;
  --on-dark-soft:#c8d6e9;
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(900px 520px at 8% 12%,color-mix(in srgb,var(--primary) 6%,transparent),transparent 68%),
    var(--bg);
  color:var(--text);
  transition:background-color .18s ease,color .18s ease;
}
/* Never make readable content depend on an opacity animation. */
html.js .reveal,html.js .reveal.in,.reveal{
  opacity:1 !important;
  transform:none !important;
  transition:box-shadow .25s ease,border-color .25s ease,background-color .18s ease,color .18s ease !important;
}
.lang-fade [data-i18n],.lang-fade [data-i18n-html]{opacity:1}

/* Stronger readable text throughout both themes. */
.section__intro,.intro__body,.feature__body,.page__lead,.tl-desc,
.acard p,.icard p,.mcard p,.lesson-card p,.path-showcase-card p,
.path-showcase-card small,.academy-editorial-intro p,.module-guide p,
.callout p,.empty p,.quiz-intro p,.quiz-fb p,.footer__brand p{
  color:var(--text-soft);
  font-weight:400;
}
.article{font-size:1.02rem;line-height:1.78}
.article p,.article li{color:var(--text);font-weight:400}
.article h2,.article h3,.page__title,.section__title{letter-spacing:-.012em}
.page__lead{line-height:1.75}
.crumb{color:var(--text-soft);font-weight:650}
.crumb span:last-child{color:var(--title)}

/* Dark-surface text uses explicit high-contrast tokens. */
.nav,.dropdown,.mobile-menu,.footer,.feature:not(.feature--light),.goals,.contact,.mega__promo{
  --text:var(--on-dark);
  --text-soft:var(--on-dark-soft);
}
.feature:not(.feature--light) .feature__body,
.goals .section__intro,.gcard p,.gcard li,.contact p,
.dropdown--person p,.dropdown__desc,.mega__promo p,
.footer__brand p,.footer__fine,.footer__bar{
  color:var(--on-dark-soft) !important;
  opacity:1;
  font-weight:400;
}
.feature:not(.feature--light) .section__title,
.feature:not(.feature--light) h2,.goals h2,.goals h3,.contact h2{color:var(--on-dark)}
.footer__heading,.footer__brand b{color:#fff}
.footer a{color:#d7e4f6}
.footer a:hover,.footer a:focus-visible{color:#fff}

/* Theme changes should be quick enough to avoid a long low-contrast midpoint. */
.hero,.hero__panel,.feature,.section,.page,.mcard,.lesson-card,.path-showcase-card,
.academy-editorial-intro__inner,.course-map,.lesson-toc,.footer{
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .25s ease;
}

/* Current-page and current-section visibility in all navigation surfaces. */
.navitem>a,.navitem>button{
  border:1px solid transparent;
  border-radius:999px;
  padding:8px 10px;
}
.navitem>a::after,.navitem>button::after{display:none !important}
.navitem>a:hover,.navitem>button:hover{
  background:rgba(157,204,255,.10);
  border-color:rgba(157,204,255,.22);
}
.navitem>a[aria-current],.navitem>button[aria-current],
.nav a.is-current,.nav a.is-context{
  color:#fff !important;
  background:rgba(90,160,255,.19);
  border-color:rgba(157,204,255,.46);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 20px -16px rgba(90,160,255,.9);
}
.navitem>button[aria-current]::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--nav-accent);box-shadow:0 0 0 4px rgba(157,204,255,.10)
}
.dropdown a[aria-current],.dropdown a.is-context,
.mega__col a[aria-current],.mega__col a.is-context{
  color:#fff !important;
  background:rgba(90,160,255,.18);
  box-shadow:inset 3px 0 0 var(--nav-accent);
}
.mega__col.is-context{
  background:rgba(90,160,255,.07);
  border:1px solid rgba(157,204,255,.16);
  border-radius:12px;
  padding:8px;
}
.mega__col.is-context h4 a{color:#fff}
.mobile-menu a[aria-current],.mobile-menu a.is-context,
.mobile-menu .macc.is-context>button{
  color:#fff !important;
  background:rgba(90,160,255,.16);
  box-shadow:inset 4px 0 0 var(--nav-accent);
}
.footer a[aria-current],.footer a.is-context{
  color:#fff !important;
  font-weight:750;
  text-decoration:underline;
  text-decoration-color:var(--nav-accent);
  text-underline-offset:4px;
}

/* More legible navigation controls. */
.nav__links a,.navitem>a,.navitem>button,.langlink{color:rgba(255,255,255,.92);font-weight:600}
.langlink,.ctrl,.hamburger{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.09)}
.langlink:hover,.ctrl:hover,.hamburger:hover{background:rgba(90,160,255,.23)}
.dropdown{border-color:rgba(157,204,255,.24);background:#08162d}
.dropdown a,.mega__col a{color:#dce8f8}

/* Balanced evidence-of-learning showcase. */
.proof{
  background:
    radial-gradient(700px 330px at 50% 0,color-mix(in srgb,var(--primary) 12%,transparent),transparent 72%),
    linear-gradient(180deg,var(--surface-a),var(--surface-b));
}
.evidence-grid{
  counter-reset:evidence;
  list-style:none;
  max-width:1120px;
  margin:44px auto 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.evidence-grid li{
  counter-increment:evidence;
  position:relative;
  min-height:158px;
  display:flex;
  align-items:flex-end;
  padding:58px 22px 22px;
  color:var(--text);
  font-weight:650;
  line-height:1.45;
  background:linear-gradient(145deg,var(--bg-2),color-mix(in srgb,var(--surface-a) 76%,var(--bg-2)));
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 18px 38px -34px var(--card-shadow);
  overflow:hidden;
}
.evidence-grid li::before{
  content:counter(evidence,decimal-leading-zero);
  position:absolute;top:18px;left:22px;
  font-family:var(--serif);font-style:italic;font-size:1.15rem;
  color:var(--primary);
}
.evidence-grid li::after{
  content:"";position:absolute;width:100px;height:100px;border-radius:50%;
  right:-52px;top:-54px;border:1px solid var(--line);
  background:color-mix(in srgb,var(--primary) 4%,transparent);
}
.evidence-grid li:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 24px 48px -30px var(--card-shadow)}

/* Cleaner, more intentional page composition and visual depth. */
.page{
  background:
    radial-gradient(760px 360px at 50% 0,color-mix(in srgb,var(--primary) 8%,transparent),transparent 72%),
    var(--bg);
}
.page__head{position:relative;max-width:860px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.page__head::before{
  content:"";display:block;width:54px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--primary),var(--primary-soft));margin-bottom:22px
}
.section{isolation:isolate}
.section__title{max-width:1000px;margin-left:auto;margin-right:auto}
.section__intro{line-height:1.75}
.mcard,.lesson-card,.path-showcase-card,.proof-card,.icard,.acard{
  box-shadow:0 18px 42px -34px var(--card-shadow);
}
.mcard:hover,.lesson-card:hover,.path-showcase-card:hover,.proof-card:hover,.icard:hover,.acard:hover{
  box-shadow:0 28px 58px -30px var(--card-shadow);
}
.lesson-toc,.course-map,.academy-editorial-intro__inner,.module-guide,.section-directory{
  box-shadow:0 18px 44px -38px var(--card-shadow);
}
.course-map__details a.is-current{
  box-shadow:0 10px 24px -18px var(--primary);
  font-weight:700;
}

/* Keep home split panels readable and visually connected in both themes. */
.feature--light .feature__text{
  background:
    radial-gradient(480px 300px at 100% 0,color-mix(in srgb,var(--primary) 7%,transparent),transparent 72%),
    var(--bg-2);
}
.feature--light .feature__body{color:var(--text-soft) !important}
.feature--light .feature__link{color:var(--primary-deep)}
:root[data-theme="dark"] .feature--light .feature__link{color:var(--primary)}

/* Responsive balance. */
@media(max-width:1050px){.evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .evidence-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}
  .evidence-grid li{min-height:116px;padding:48px 18px 18px}
  .nav__brand-t{font-size:1.08rem}
  .page__head{padding-bottom:22px}
}

/* V5.14 — mobile language row, opportunities and adaptive question pools */
.mobile-menu__utility{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:8px}
.mobile-menu__utility>a{display:block;min-width:0;overflow-wrap:anywhere}
.mobile-menu__language{display:grid;grid-template-columns:1fr;gap:9px;margin:22px 0 36px;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.mobile-menu__language>span{font:700 .72rem/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.mobile-menu__language>a{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:14px 16px!important;border:1px solid rgba(111,174,255,.55)!important;border-radius:14px;background:rgba(80,145,255,.12);font-family:var(--sans)!important;font-size:1rem!important;font-weight:700!important;color:#fff!important}
.opportunities-hero{background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 42%)}
.opportunity-notice{max-width:1120px;margin:-18px auto 20px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface-a);box-shadow:var(--shadow-sm)}
.opportunity-notice strong{display:block;color:var(--title);margin-bottom:6px}.opportunity-notice p{color:var(--text)}
.opportunity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.opportunity-card{display:flex;flex-direction:column;min-height:100%;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--bg-2);box-shadow:var(--shadow-sm)}
.opportunity-card__top{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.opportunity-card h3{font-family:var(--serif);font-size:1.55rem;color:var(--title);line-height:1.2}.opportunity-card p{margin:10px 0;color:var(--text)}.opportunity-card ul{margin:8px 0 22px;padding-left:20px;color:var(--text-soft)}.opportunity-card .btn{margin-top:auto;align-self:flex-start}
.ecosystem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ecosystem-card{display:block;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface-a),var(--bg-2));box-shadow:var(--shadow-sm);color:var(--text)}.ecosystem-card>span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.ecosystem-card h3{margin:8px 0;font-family:var(--serif);font-size:1.45rem;color:var(--title)}.ecosystem-card b{display:block;margin-top:15px;color:var(--primary)}.opportunities-updated{max-width:1120px;margin:0 auto 50px;padding:0 24px;color:var(--text-soft);font-size:.85rem}
.lesson-practice,.module-challenge{max-width:1120px;margin:42px auto;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--surface-a),var(--bg-2));box-shadow:var(--shadow)}
.lesson-practice__head,.module-challenge__copy{max-width:780px;margin-bottom:22px}.lesson-practice h2,.module-challenge h2{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.6rem);color:var(--title)}.lesson-practice p,.module-challenge p{color:var(--text)}
.pool-quiz{padding:clamp(20px,3vw,32px);border:1px solid var(--line);border-radius:18px;background:var(--bg)}.pool-quiz__intro h3,.pool-quiz__question{font-family:var(--serif);color:var(--title)}.pool-quiz__meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.pool-quiz__progress{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px;color:var(--text-soft);font-size:.82rem}.pool-quiz__options{display:grid;gap:10px}.pool-quiz__option{width:100%;text-align:left;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--bg-2);color:var(--text);font:600 .96rem/1.45 var(--sans);cursor:pointer}.pool-quiz__option:hover{border-color:var(--primary)}.pool-quiz__option.is-correct{border-color:#16874c;background:color-mix(in srgb,#16874c 12%,var(--bg))}.pool-quiz__option.is-wrong{border-color:var(--red);background:color-mix(in srgb,var(--red) 10%,var(--bg))}.pool-quiz__feedback{margin-top:16px;padding:15px;border-radius:12px;background:var(--surface-b);color:var(--text)}.pool-quiz__actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px}.pool-quiz__score{font-family:var(--serif);font-size:clamp(2.4rem,6vw,4rem);color:var(--primary)}
@media(max-width:760px){.mobile-menu__inner{padding-inline:clamp(22px,6vw,34px)}.mobile-menu a,.mobile-menu .macc>button{font-size:clamp(1.12rem,5.8vw,1.55rem)!important;line-height:1.2}.mobile-menu__utility>a{font-family:var(--sans)!important;font-size:1rem!important;padding:15px 0!important}.opportunity-grid,.ecosystem-grid{grid-template-columns:1fr}.lesson-practice,.module-challenge{margin-inline:16px;padding:22px}.pool-quiz{padding:18px}}
.mobile-menu__inner>a:first-child{display:block;padding:16px clamp(24px,7vw,48px)!important;margin:0;border-bottom:1px solid rgba(255,255,255,.12);font-size:clamp(1.12rem,5.8vw,1.55rem)!important;line-height:1.2}

/* V6.1 Phase 1 — Education Roadmap */
.mega--roadmap{grid-template-columns:repeat(4,minmax(190px,1fr));max-width:min(1180px,calc(100vw - 40px))}
.mega--roadmap .mega__promo{grid-column:1/-1}
.edu-guide-hero{max-width:var(--maxw);margin:0 auto;padding:clamp(150px,17vw,210px) 24px clamp(64px,8vw,100px);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr);gap:clamp(32px,7vw,90px);align-items:end}
.edu-guide-hero--featured{position:relative}.edu-guide-hero--featured:before{content:"";position:absolute;inset:90px 0 0;border-radius:36px;background:radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 44%);pointer-events:none;z-index:-1}
.edu-guide-hero h1{font-family:var(--serif);font-size:clamp(3.2rem,7vw,6.7rem);font-weight:500;line-height:.96;letter-spacing:-.045em;color:var(--title);max-width:920px;margin:14px 0 24px}
.edu-guide-hero__summary{font-size:clamp(1.04rem,1.6vw,1.28rem);line-height:1.8;color:var(--text);max-width:820px}
.edu-guide-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.edu-guide-hero__rail{display:grid;gap:1px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line);box-shadow:var(--shadow-sm)}
.edu-guide-hero__rail>div{padding:19px 21px;background:var(--surface-a)}.edu-guide-hero__rail span{display:block;font:700 .67rem/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--text-soft);margin-bottom:8px}.edu-guide-hero__rail b{font-size:.96rem;color:var(--title)}
.edu-guide-lead{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:50px;align-items:center;padding-top:30px!important}.edu-guide-lead__copy p{font-family:var(--serif);font-size:clamp(1.65rem,3.1vw,2.7rem);line-height:1.35;color:var(--title);margin:0}.edu-guide-principles{display:grid;gap:12px}.edu-guide-principles div{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:17px 19px;border:1px solid var(--line);border-radius:16px;background:var(--surface-a)}.edu-guide-principles b{color:var(--primary);font-family:var(--serif);font-size:1.2rem}.edu-guide-principles span{color:var(--text);font-weight:650}
.edu-guide-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.edu-guide-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface-a),var(--bg-2));box-shadow:var(--shadow-sm);color:var(--text);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.edu-guide-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary) 48%,var(--line));box-shadow:var(--shadow)}.edu-guide-card--primary{background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 14%,var(--surface-a)),var(--surface-a));border-color:color-mix(in srgb,var(--primary) 34%,var(--line))}.edu-guide-card>span{font:700 .68rem/1 var(--sans);letter-spacing:.15em;color:var(--primary)}.edu-guide-card h3{font-family:var(--serif);font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.12;color:var(--title);margin:24px 0 12px}.edu-guide-card p{line-height:1.65;color:var(--text-soft);margin:0 0 28px}.edu-guide-card b{margin-top:auto;color:var(--primary);font-size:.88rem}
.edu-guide-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.28fr);gap:clamp(34px,6vw,80px);align-items:start}.edu-guide-body__main{display:grid;gap:20px}.edu-guide-section{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:24px;background:var(--surface-a);box-shadow:var(--shadow-sm);scroll-margin-top:120px}.edu-guide-section__num{font-family:var(--serif);font-size:1.35rem;color:var(--primary)}.edu-guide-section h2{font-family:var(--serif);font-size:clamp(1.65rem,3vw,2.4rem);font-weight:500;color:var(--title);margin:0 0 16px}.edu-guide-section p,.edu-guide-section li{color:var(--text);line-height:1.78}.edu-guide-section p+p{margin-top:14px}.edu-guide-section ul,.edu-guide-section ol{padding-left:22px;margin-top:12px}.edu-guide-section li+li{margin-top:8px}.edu-guide-toc{position:sticky;top:115px;padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--bg-2)}.edu-guide-toc ol{padding-left:21px;margin-top:12px}.edu-guide-toc li+li{margin-top:10px}.edu-guide-toc a{color:var(--text-soft);font-size:.9rem;line-height:1.35}.edu-guide-toc a:hover{color:var(--primary)}
.edu-guide-sources{border-top:1px solid var(--line)}.edu-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.edu-source-card{display:flex;flex-direction:column;min-height:190px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface-a);color:var(--text)}.edu-source-card span{font:700 .67rem/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--primary)}.edu-source-card h3{font-family:var(--serif);font-size:1.35rem;line-height:1.25;color:var(--title);margin:18px 0}.edu-source-card b{margin-top:auto;font-size:.83rem;color:var(--primary)}.edu-source-note{margin-top:22px;padding:18px 20px;border-left:3px solid var(--primary);background:var(--bg-2);color:var(--text)}
.home-roadmap{position:relative;border-block:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2),var(--bg))}.home-roadmap__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:var(--maxw);margin:0 auto}.home-roadmap-card{display:flex;flex-direction:column;min-height:245px;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--surface-a);box-shadow:var(--shadow-sm);color:var(--text)}.home-roadmap-card:first-child{background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 17%,var(--surface-a)),var(--surface-a));border-color:color-mix(in srgb,var(--primary) 38%,var(--line))}.home-roadmap-card>span{color:var(--primary);font:700 .68rem/1 var(--sans);letter-spacing:.15em}.home-roadmap-card h3{font-family:var(--serif);font-size:1.7rem;color:var(--title);margin:23px 0 10px}.home-roadmap-card p{color:var(--text-soft);line-height:1.65}.home-roadmap-card b{margin-top:auto;color:var(--primary)}.home-roadmap__cta{display:table;margin:30px auto 0}
.route-finder{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:40px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,var(--bg-2),var(--surface-a));padding:clamp(28px,5vw,58px)!important}.route-finder__copy h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);color:var(--title);font-weight:500;margin:12px 0}.route-finder__copy p{color:var(--text);line-height:1.7}.route-finder__form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.route-finder__form label{display:grid;gap:8px;color:var(--title);font-weight:700}.route-finder select,.glossary-search input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);font:inherit}.route-finder__form button{grid-column:1/-1}.route-finder__result{grid-column:2;padding-top:5px}.route-finder__result p{margin-bottom:12px}
.glossary-search{display:block;max-width:660px;margin:0 auto 28px}.glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.glossary-item{padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--surface-a)}.glossary-item h3{font-family:var(--serif);font-size:1.55rem;color:var(--title);margin:0 0 10px}.glossary-item p{color:var(--text);line-height:1.65}.glossary-item span{display:block;margin-top:16px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.glossary-item[hidden]{display:none}
.footer__grid--phase1{grid-template-columns:minmax(240px,1.2fr) repeat(4,minmax(150px,.8fr))}.footer__roadmap a[aria-current],.footer__roadmap a.is-context{color:var(--primary-soft);font-weight:700}
.site-map-list{columns:2;column-gap:40px;padding-left:20px}.site-map-list li{break-inside:avoid;margin:9px 0}
@media(max-width:1100px){.edu-guide-card-grid,.home-roadmap__grid,.edu-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer__grid--phase1{grid-template-columns:repeat(3,minmax(0,1fr))}.mega--roadmap{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:800px){.edu-guide-hero{grid-template-columns:1fr;padding-top:125px}.edu-guide-hero h1{font-size:clamp(2.7rem,13vw,4.5rem)}.edu-guide-lead,.edu-guide-body,.route-finder{grid-template-columns:1fr}.edu-guide-toc{position:static;order:-1}.route-finder__result{grid-column:1}.footer__grid--phase1{grid-template-columns:1fr 1fr}.site-map-list{columns:1}}
@media(max-width:620px){.edu-guide-card-grid,.home-roadmap__grid,.edu-source-grid,.glossary-grid,.route-finder__form{grid-template-columns:1fr}.edu-guide-section{grid-template-columns:1fr}.edu-guide-section__num{font-size:1rem}.footer__grid--phase1{grid-template-columns:1fr}.home-roadmap-card{min-height:210px}}

/* Education Roadmap FAQ — Phase 1 */
.edu-guide-faq{max-width:1180px;margin-inline:auto}
.edu-guide-faq .section-head{max-width:780px;margin-inline:auto}
.edu-guide-faq__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
.edu-guide-faq__item{border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 12px 34px rgba(14,35,64,.06);overflow:hidden}
.edu-guide-faq__item summary{display:flex;align-items:flex-start;gap:14px;padding:22px 24px;cursor:pointer;font-family:var(--serif);font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.3;color:var(--title);list-style:none}
.edu-guide-faq__item summary::-webkit-details-marker{display:none}
.edu-guide-faq__item summary::after{content:'+';margin-left:auto;color:var(--accent);font-family:var(--sans);font-weight:700}
.edu-guide-faq__item[open] summary::after{content:'−'}
.edu-guide-faq__item summary span{flex:0 0 auto;font-family:var(--sans);font-size:.7rem;letter-spacing:.12em;color:var(--accent);padding-top:.35em}
.edu-guide-faq__item>div{padding:0 24px 24px 56px;color:var(--text-soft);line-height:1.75}
.edu-guide-faq__item>div p{margin:0}
@media(max-width:760px){.edu-guide-faq__grid{grid-template-columns:1fr}.edu-guide-faq__item>div{padding-left:24px}.edu-guide-faq__item summary{padding:20px}}

/* V6.2 — LGS tools and annual-guide refinements */
.hs-tool{max-width:1180px;margin-inline:auto;border-top:1px solid var(--line)}
.hs-tool__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:16px;align-items:end;max-width:920px;margin:30px auto 0;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface-a);box-shadow:var(--shadow-sm)}
.hs-tool__form label{display:grid;gap:9px;color:var(--title);font-weight:750}.hs-tool__form select{min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);font:inherit}
.hs-tool__result{max-width:980px;margin:26px auto 0}.hs-tool__result table{width:100%;border-collapse:collapse}.hs-tool__result th,.hs-tool__result td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--text)}.hs-tool__result th{color:var(--title);background:var(--bg-2)}
.hs-tool__notice{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--surface-a);color:var(--text);text-align:center}
.hs-fit-form{display:grid;gap:15px;max-width:1000px;margin:30px auto 0}.hs-fit-form fieldset{border:1px solid var(--line);border-radius:20px;padding:21px;background:var(--surface-a);box-shadow:var(--shadow-sm)}.hs-fit-form legend{display:flex;gap:12px;align-items:flex-start;padding:0 8px;font-family:var(--serif);font-size:1.18rem;color:var(--title);line-height:1.35}.hs-fit-form legend span{font:750 .7rem/1 var(--sans);letter-spacing:.13em;color:var(--primary);padding-top:.4em}
.hs-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:17px}.hs-scale label{cursor:pointer}.hs-scale input{position:absolute;opacity:0;pointer-events:none}.hs-scale span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);color:var(--text-soft);font-size:.84rem;text-align:center;transition:.18s ease}.hs-scale input:checked+span{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 14%,var(--surface-a));color:var(--title);font-weight:750}.hs-scale input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}
.hs-fit-form>.btn{justify-self:center;margin-top:8px}.hs-fit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hs-fit-cards article{padding:23px;border:1px solid var(--line);border-radius:20px;background:var(--surface-a);box-shadow:var(--shadow-sm)}.hs-fit-cards article>span{font:750 .7rem/1 var(--sans);letter-spacing:.13em;color:var(--primary)}.hs-fit-cards h4{font-family:var(--serif);font-size:1.45rem;color:var(--title);margin:16px 0 10px}.hs-fit-cards p{color:var(--text);line-height:1.65}.hs-fit-cards b{display:block;margin-top:13px;color:var(--primary);line-height:1.45}
@media(max-width:800px){.hs-tool__form{grid-template-columns:1fr}.hs-scale{grid-template-columns:1fr}.hs-fit-cards{grid-template-columns:1fr}.hs-scale span{justify-content:flex-start;text-align:left}}

/* V6.7 final information architecture and readability pass */
.dropdown--atlas{min-width:280px;display:grid;gap:4px;padding:18px}.dropdown--atlas a{padding:11px 13px;border-radius:10px}.dropdown--atlas a:hover{background:rgba(255,255,255,.08)}
.macc__heading{margin:14px 0 4px;padding:8px clamp(24px,7vw,48px);font:700 .7rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.edu-guide-section p{max-width:76ch}.edu-guide-section li{max-width:72ch}.edu-guide-body{align-items:start}.edu-guide-toc{max-height:calc(100vh - 150px);overflow:auto;scrollbar-width:thin}
.footer__grid--phase1{grid-template-columns:minmax(240px,1.2fr) repeat(5,minmax(145px,.8fr))}
@media(max-width:1380px){.footer__grid--phase1{grid-template-columns:repeat(3,minmax(0,1fr))}.footer__brand{grid-column:1/-1}}
@media(max-width:760px){.footer__grid--phase1{grid-template-columns:1fr 1fr}.mobile-menu .macc[data-open="true"] .macc__panel{max-height:none}}
@media(max-width:520px){.footer__grid--phase1{grid-template-columns:1fr}}


/* V6.7.2 — semantic theme hardening and foundational-tool completion */
.hs-tool .section-head{max-width:860px;margin:0 auto 32px;text-align:center}
.hs-tool .section-head h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.1rem);font-weight:500;line-height:1.08;color:var(--title)}
.hs-tool .section-head p{max-width:760px;margin:14px auto 0;color:var(--text-soft);line-height:1.7}
.hs-tool .eyebrow{display:block;margin-bottom:10px;font:700 .7rem/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--primary)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hs-tool__panel{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:16px;align-items:end;max-width:920px;margin:30px auto 0;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--surface-a);box-shadow:var(--shadow-sm)}
.hs-tool__panel label{display:grid;gap:9px;color:var(--title);font-weight:750}
.hs-tool__panel select{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:var(--bg);color:var(--text);font:inherit}
.hs-tool__panel select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 42%,transparent);outline-offset:2px}
.hs-tool__panel .hs-tool__result{grid-column:1/-1;margin-top:4px}
.hs-tool__result h3{margin:0 0 14px;font-family:var(--serif);font-size:1.55rem;color:var(--title)}
.hs-tool__steps{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.hs-tool__steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg-2);color:var(--text);line-height:1.55}
.hs-tool__steps li span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--primary) 14%,var(--surface-a));color:var(--primary);font-size:.72rem;font-weight:800}
@media(max-width:700px){.hs-tool__panel{grid-template-columns:1fr;padding:20px}.hs-tool__panel .btn{width:100%;justify-content:center}}
.edu-guide-faq__item{background:var(--surface,var(--bg-2))}
.edu-guide-faq__item summary{color:var(--title,var(--text))}
.edu-guide-faq__item>div{color:var(--text-soft,var(--text))}

/* V6.7.2 — mobile table containment for lesson/article pages */
@media(max-width:760px){
  .article table{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .article th,.article td{min-width:150px}
}

/* V6.7.2 — prevent intrinsic grid widths from pushing guide pages off-screen */
.edu-guide-body>*{min-width:0}
.edu-guide-body__main,.edu-guide-section>div,.edu-guide-toc{min-width:0;max-width:100%}
.table-wrap{max-width:100%}


/* ============================================================
   V6.8.0 — Phase 3 single-source site shell
   ============================================================ */
.nav__links{gap:clamp(4px,.75vw,12px)}
.navitem>a,.navitem>button{font-size:clamp(.61rem,.62vw,.7rem);letter-spacing:.105em;padding:8px 8px}
.mega--roadmap,.mega--academy,.mega--atlas{grid-template-columns:repeat(4,minmax(190px,1fr));max-width:min(1180px,calc(100vw - 32px))}
.mega--roadmap .mega__promo,.mega--academy .mega__promo,.mega--atlas .mega__promo{grid-column:1/-1;min-height:118px}
.footer__grid--phase3{max-width:1500px;grid-template-columns:minmax(240px,1.2fr) repeat(6,minmax(135px,.78fr));gap:clamp(20px,2.3vw,38px)}
.mobile-menu__inner{padding-bottom:24px}
.mobile-menu .macc[data-open="true"] .macc__panel{max-height:none}
.mobile-menu__language>a{overflow-wrap:anywhere}
@media(max-width:1240px){.nav__links,.langlink#deskLang{display:none}.hamburger{display:grid}}
@media(min-width:1241px){.hamburger{display:none}}
@media(max-width:1380px){.footer__grid--phase3{grid-template-columns:repeat(3,minmax(0,1fr))}.footer__brand{grid-column:1/-1}}
@media(max-width:1100px){.mega--roadmap,.mega--academy,.mega--atlas{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:760px){.footer__grid--phase3{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer__grid--phase3{grid-template-columns:1fr}}

/* V6.8.0 Phase 3 — opaque, isolated mobile navigation */
.mobile-menu{z-index:89!important;isolation:isolate;background:var(--ink)!important}
.mobile-menu__inner{min-height:100%;background:var(--ink)}
body.menu-open{overflow:hidden!important}
body.menu-open>*:not(.nav):not(.mobile-menu):not(.skip):not(script){visibility:hidden!important;pointer-events:none!important}
.mobile-menu .macc__panel a{font-family:var(--sans)!important;font-size:1rem!important;line-height:1.35!important;padding:12px clamp(30px,8vw,56px)!important}
.mobile-menu .macc>button,.mobile-menu__inner>a:first-child{font-size:clamp(1.18rem,5.8vw,1.55rem)!important}

/* PHASE6_V710 */
.phase6-page{--p6-border:color-mix(in srgb,var(--line,#d8dee8) 78%,transparent);--p6-soft:color-mix(in srgb,var(--accent,#7a1930) 7%,var(--bg,#fff));padding-bottom:5rem}.phase6-hero{max-width:1180px;margin:0 auto;padding:clamp(5.8rem,9vw,8.2rem) 1.25rem 2.5rem}.phase6-kicker{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--accent,#7a1930);margin-bottom:.8rem}.phase6-hero h1{max-width:950px;margin:0;font-size:clamp(2.25rem,5vw,5rem);line-height:.98;letter-spacing:-.04em;color:var(--title,var(--ink,#111827))}.phase6-deck{max-width:850px;font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.65;color:var(--text-soft,var(--muted,#465264));margin:1.3rem 0}.phase6-meta{display:flex;flex-wrap:wrap;gap:.6rem}.phase6-meta span{border:1px solid var(--p6-border);border-radius:999px;padding:.45rem .75rem;font-size:.82rem;background:var(--p6-soft);color:var(--title,var(--ink))}.phase6-section{max-width:1180px;margin:0 auto;padding:2.2rem 1.25rem;display:grid;grid-template-columns:56px minmax(0,1fr);gap:1rem;border-top:1px solid var(--p6-border)}.phase6-section__num{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--p6-border);border-radius:14px;font-size:.76rem;font-weight:900;color:var(--accent,#7a1930);background:var(--p6-soft)}.phase6-section__body h2{margin:0 0 1rem;font-size:clamp(1.55rem,3vw,2.65rem);line-height:1.08;color:var(--title,var(--ink))}.phase6-section__body p,.phase6-section__body li{font-size:1.02rem;line-height:1.78;color:var(--text,var(--ink))}.phase6-grid{display:grid;gap:1rem}.phase6-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.phase6-card{position:relative;padding:1.25rem;border:1px solid var(--p6-border);border-radius:20px;background:var(--card,var(--bg-2,#fff));box-shadow:0 14px 38px rgba(15,23,42,.06)}.phase6-card h3{margin:.15rem 0 .65rem;color:var(--title,var(--ink));font-size:1.18rem}.phase6-card__index{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:.72rem;font-weight:900;background:var(--p6-soft);color:var(--accent,#7a1930)}.phase6-note,.phase6-callout{padding:.85rem 1rem;border-left:3px solid var(--accent,#7a1930);background:var(--p6-soft);border-radius:0 12px 12px 0}.phase6-table-wrap{overflow:auto;border:1px solid var(--p6-border);border-radius:18px}.phase6-table{width:100%;border-collapse:collapse;min-width:720px;background:var(--card,var(--bg-2,#fff))}.phase6-table th,.phase6-table td{padding:.85rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--p6-border);color:var(--text,var(--ink));line-height:1.55}.phase6-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--title,var(--ink));background:var(--p6-soft)}.phase6-steps{padding-left:1.2rem}.phase6-steps li{padding:.35rem 0 .35rem .35rem}.phase6-qa,.phase6-subject{border:1px solid var(--p6-border);border-radius:16px;background:var(--card,var(--bg-2,#fff));margin:.65rem 0;overflow:hidden}.phase6-qa summary,.phase6-subject summary{cursor:pointer;padding:1rem 1.1rem;font-weight:800;color:var(--title,var(--ink));list-style-position:inside}.phase6-qa>div,.phase6-subject>div{padding:0 1.1rem 1rem}.phase6-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0;list-style:none}.phase6-source-list a,.phase6-link{display:block;padding:.8rem 1rem;border:1px solid var(--p6-border);border-radius:14px;color:var(--title,var(--ink));background:var(--card,var(--bg-2,#fff));text-decoration:none;font-weight:700}.phase6-source-list a:hover,.phase6-link:hover{text-decoration:underline}.phase6-subject ul{columns:2;gap:2rem}.phase6-subject li{break-inside:avoid}.phase6-section :focus-visible{outline:3px solid var(--accent,#7a1930);outline-offset:3px}@media(max-width:720px){.phase6-section{grid-template-columns:1fr;padding:1.7rem 1rem}.phase6-section__num{width:36px;height:36px}.phase6-grid--2,.phase6-source-list{grid-template-columns:1fr}.phase6-hero{padding-left:1rem;padding-right:1rem}.phase6-subject ul{columns:1}.phase6-table{min-width:650px}}@media(prefers-reduced-motion:reduce){.phase6-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Phase 7 — Programme Atlas */
.atlas-copy{max-width:900px;margin:0 auto;line-height:1.8}
.atlas-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}
.atlas-info-card,.programme-card{border:1px solid var(--line,#d7dde6);background:var(--bg-2,#fff);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow-sm,0 8px 24px rgba(0,0,0,.06))}
.atlas-info-card h3,.programme-card h3{margin:.35rem 0 .55rem}
.atlas-link{display:inline-flex;margin-top:.8rem;font-weight:750}
.atlas-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;max-width:1100px;margin:1.5rem auto}
.atlas-controls input,.atlas-controls select{width:100%;min-height:48px;border:1px solid var(--line,#cfd6df);border-radius:12px;padding:.8rem;background:var(--bg-2,#fff);color:var(--title,var(--text))}
.atlas-result-count{text-align:center;font-weight:700}
.programme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1200px;margin:1.25rem auto}
.programme-card[hidden]{display:none!important}
.programme-card__meta{display:flex;flex-wrap:wrap;gap:.4rem}
.programme-card__meta span{font-size:.78rem;border:1px solid var(--line,#d7dde6);border-radius:999px;padding:.25rem .55rem}
.atlas-table{width:100%;border-collapse:collapse}
.atlas-table th,.atlas-table td{padding:.75rem;border-bottom:1px solid var(--line,#d7dde6);text-align:left;vertical-align:top}
.atlas-profile-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}
@media(max-width:900px){.atlas-card-grid,.programme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-controls{grid-template-columns:1fr 1fr}.atlas-controls input{grid-column:1/-1}}
@media(max-width:620px){.atlas-card-grid,.programme-grid,.atlas-controls{grid-template-columns:1fr}.atlas-controls input{grid-column:auto}.programme-card{padding:1rem}}

/* Phase 8 — Occupation Atlas */
.occupation-copy{max-width:920px;margin:0 auto;line-height:1.82}.occupation-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem auto}.occupation-info-card,.occupation-card{border:1px solid var(--line,#d6dde7);background:var(--bg-2,#fff);border-radius:18px;padding:1.15rem;box-shadow:var(--shadow-sm,0 8px 24px rgba(0,0,0,.06))}.occupation-info-card h3,.occupation-card h3{margin:.35rem 0 .55rem}.occupation-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.75rem;max-width:1100px;margin:1.5rem auto}.occupation-controls input,.occupation-controls select{width:100%;min-height:48px;border:1px solid var(--line,#cfd6df);border-radius:12px;padding:.8rem;background:var(--bg-2,#fff);color:var(--title,var(--text))}.occupation-result-count{text-align:center;font-weight:750}.occupation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1200px;margin:1.25rem auto}.occupation-card[hidden]{display:none!important}.occupation-card__meta{display:flex;flex-wrap:wrap;gap:.4rem}.occupation-card__meta span{font-size:.78rem;border:1px solid var(--line,#d7dde6);border-radius:999px;padding:.25rem .55rem}.occupation-link{display:inline-flex;margin-top:.75rem;font-weight:750}.occupation-table{width:100%;border-collapse:collapse}.occupation-table th,.occupation-table td{padding:.75rem;border-bottom:1px solid var(--line,#d7dde6);text-align:left;vertical-align:top}.occupation-profile-links{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}@media(max-width:900px){.occupation-card-grid,.occupation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.occupation-controls{grid-template-columns:1fr 1fr}.occupation-controls input{grid-column:1/-1}}@media(max-width:620px){.occupation-card-grid,.occupation-grid,.occupation-controls{grid-template-columns:1fr}.occupation-controls input{grid-column:auto}.occupation-card{padding:1rem}}

/* Shared responsive table containment — Phase 8 root fix */
.table-scroll{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.table-scroll>table{max-width:none;margin-inline:0}
.section,.atlas-section,.occupation-section{min-width:0}


/* Phase 9 — Academy editorial system */
.academy-v740-head{max-width:1120px;margin:0 auto;padding:2.2rem 1rem 1rem}
.academy-v740-head .lead{max-width:880px;font-size:1.12rem;line-height:1.75}
.academy-v740-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.academy-v740-meta span{border:1px solid var(--line,#d7dde6);border-radius:999px;padding:.32rem .65rem;font-size:.82rem}
.academy-v740-copy{max-width:920px;margin:0 auto;line-height:1.82}
.academy-v740-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1180px;margin:1.4rem auto 0}
.academy-v740-card{min-width:0;border:1px solid var(--line,#d7dde6);background:var(--bg-2,#fff);border-radius:18px;padding:1.15rem;box-shadow:var(--shadow-sm,0 8px 24px rgba(0,0,0,.06))}
.academy-v740-card h3{margin:.1rem 0 .55rem}.academy-v740-link{display:inline-flex;margin-top:.7rem;font-weight:750}
.academy-v740-list{max-width:880px;margin:1rem auto;line-height:1.75}
.academy-v740-table{width:100%;border-collapse:collapse}.academy-v740-table th,.academy-v740-table td{padding:.75rem;border-bottom:1px solid var(--line,#d7dde6);text-align:left;vertical-align:top}
.lesson-compass-v740{max-width:1120px;margin:1rem auto 1.5rem;padding:1.2rem;border:1px solid var(--line,#d7dde6);border-radius:20px;background:linear-gradient(135deg,var(--bg-2,#fff),var(--bg,#f7f9fc))}
.lesson-compass-v740 h2{margin:.35rem 0 1rem}.lesson-compass-v740__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.lesson-compass-v740__card{min-width:0;border:1px solid var(--line,#d7dde6);border-radius:14px;padding:.9rem;background:var(--bg-2,#fff)}
.lesson-compass-v740__card h3{font-size:1rem;margin:0 0 .35rem}.lesson-compass-v740__card p{margin:0;line-height:1.62}
.lesson-compass-v740__sources{margin:1rem 0 0;font-size:.9rem}
@media(max-width:900px){.academy-v740-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.academy-v740-grid,.lesson-compass-v740__grid{grid-template-columns:1fr}.academy-v740-head{padding-top:1.4rem}}

/* Phase 10 — Opportunities ecosystem */
.phase10-hero{max-width:1040px;margin-inline:auto}.opportunity-status{display:inline-flex;max-width:920px;padding:.7rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--bg-2);font-weight:700}.opportunity-section{min-width:0}.opportunity-copy{max-width:920px;margin:0 auto;line-height:1.82}.opportunity-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.opportunity-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--bg-2);padding:1.15rem;box-shadow:var(--shadow-sm)}.opportunity-card h3{margin:.45rem 0 .55rem}.opportunity-card__status{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem;font-size:.76rem;font-weight:750}.opportunity-link{display:inline-flex;margin-top:.75rem;font-weight:750}.opportunity-checklist{max-width:920px;margin:1rem auto;display:grid;gap:.65rem}.opportunity-table{width:100%;border-collapse:collapse}.opportunity-table th,.opportunity-table td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.opportunities-updated{text-align:center;font-size:.86rem;opacity:.75;margin:2rem auto}@media(max-width:900px){.opportunity-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.opportunity-card-grid{grid-template-columns:1fr}.opportunity-card{padding:1rem}}

/* Phase 11 — quiz return engine */
.quiz-return-section,.quiz-hub-section{min-width:0}.quiz-return-copy,.quiz-hub-copy{max-width:920px;margin:0 auto;line-height:1.82}.quiz-return-links,.quiz-start-actions,.quiz-dashboard-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.quiz-return-checklist{max-width:920px;margin:1rem auto;display:grid;gap:.55rem}.quiz-local-note,.quiz-muted{font-size:.86rem;color:var(--text-soft)}.quiz-local-note{padding:.75rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-a);margin:1rem 0}.quiz-history,.quiz-dashboard-metrics{display:flex;flex-wrap:wrap;gap:.6rem 1rem;margin:.85rem 0;color:var(--text-soft)}.quiz-question-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:-8px 0 12px}.quiz-question-meta span,.quiz-source-label{font-size:.78rem;color:var(--text-soft)}.quiz-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left;max-width:700px;margin:1.2rem auto}.quiz-result-grid>div{border:1px solid var(--line);border-radius:15px;padding:1rem;background:var(--bg-2)}.quiz-category-list{list-style:none;padding:0;margin:.6rem 0}.quiz-category-list li{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.quiz-hub-hero{max-width:1020px;margin-inline:auto}.quiz-hub-grid,.quiz-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.quiz-hub-card,.quiz-dashboard-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--bg-2);padding:1.1rem;box-shadow:var(--shadow-sm)}.quiz-hub-card h3,.quiz-dashboard-card h3{margin:.35rem 0 .55rem}.quiz-hub-link{display:inline-flex;margin-top:.7rem;font-weight:750}.quiz-dashboard-card.is-due{border-color:var(--primary)}.quiz-dashboard-status{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:.22rem .55rem;font-size:.74rem;font-weight:750}.quiz-dashboard{max-width:1200px;margin:0 auto 2rem}.mixed-quiz-app{margin-block:1.5rem}.quiz-source-label a{font-weight:700}@media(max-width:900px){.quiz-hub-grid,.quiz-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.quiz-hub-grid,.quiz-dashboard-grid,.quiz-result-grid{grid-template-columns:1fr}.quiz-start-actions .btn,.quiz-return-links .btn{width:100%;justify-content:center}}


/* Phase 12 — Personal portfolio and trust system */
.personal-main{padding-top:clamp(82px,10vw,116px);overflow:hidden}
.personal-hero{max-width:1120px;margin:0 auto;padding:clamp(2rem,5vw,4.5rem) 1.25rem 2rem}
.personal-hero h1{max-width:920px;margin:.5rem 0 1rem;font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.04}
.personal-hero__summary{max-width:820px;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.7}
.personal-hero__meta{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:1.25rem;color:var(--muted)}
.status-chip{display:inline-flex;align-items:center;width:max-content;padding:.32rem .65rem;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:750;background:color-mix(in srgb,var(--accent) 9%,var(--bg-2));color:var(--text)}
.personal-section{max-width:1120px;margin:0 auto;padding:clamp(2.2rem,5vw,4rem) 1.25rem;min-width:0}
.personal-section__head{max-width:820px;margin-bottom:1.4rem}
.personal-section__head h2{font-size:clamp(1.65rem,3.5vw,2.75rem);line-height:1.12;margin:.45rem 0}
.personal-section__body{max-width:1040px;line-height:1.78;min-width:0}
.personal-section__body>p{max-width:900px}
.personal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.personal-card{display:flex;flex-direction:column;gap:.45rem;min-width:0;border:1px solid var(--line);border-radius:18px;padding:1.2rem;background:var(--surface,var(--bg-2));box-shadow:var(--shadow-sm,0 8px 24px rgba(0,0,0,.05))}
.personal-card h3{margin:.15rem 0 .25rem}.personal-card p{margin:.2rem 0}.personal-link{margin-top:auto;font-weight:750}
.personal-list{padding-left:1.2rem}.personal-list li{margin:.5rem 0}
.personal-note{max-width:900px;margin-top:1.25rem;border-left:4px solid var(--accent);padding:1rem 1.1rem;background:color-mix(in srgb,var(--accent) 7%,var(--bg-2));border-radius:0 14px 14px 0}
.personal-note p{margin:.3rem 0 0}
.personal-table{width:100%;min-width:650px;border-collapse:collapse}.personal-table th,.personal-table td{padding:.8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.personal-table th{font-weight:800;background:color-mix(in srgb,var(--accent) 6%,var(--bg-2))}
#graduation-gallery .grid{margin-top:1.25rem}
@media(max-width:760px){.personal-grid{grid-template-columns:1fr}.personal-table{min-width:600px}.personal-hero{padding-top:1.5rem}.personal-section{padding-block:2.2rem}}
@media(prefers-reduced-motion:reduce){.personal-main *{scroll-behavior:auto!important}}


/* Phase 13 — homepage, discovery and contextual linking */
.phase13-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:680px;background:linear-gradient(135deg,#071d35,#0d4362);color:#fff;overflow:hidden}
.phase13-hero__copy{padding:clamp(90px,11vw,160px) clamp(24px,7vw,110px);align-self:center}.phase13-hero h1{font-size:clamp(2.5rem,5.5vw,5.2rem);line-height:1.02;max-width:920px;margin:.4rem 0 1.3rem}.phase13-hero__lead{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.75;max-width:760px;color:rgba(255,255,255,.84)}
.phase13-hero__visual{min-height:620px}.phase13-hero__visual picture,.phase13-hero__visual img{width:100%;height:100%;display:block}.phase13-hero__visual img{object-fit:cover;object-position:center top}.phase13-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.7rem}.phase13-hero__privacy{font-size:.9rem;color:rgba(255,255,255,.7);margin-top:1rem}
.phase13-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line,#d9e0e8);border-bottom:1px solid var(--line,#d9e0e8)}.phase13-stats>div{background:var(--bg,#fff);padding:1.25rem;text-align:center}.phase13-stats strong{display:block;font-size:1.45rem}.phase13-stats span{font-size:.86rem;color:var(--muted,#667085)}
.phase13-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:1180px;margin:1.5rem auto}.phase13-card-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.phase13-card{border:1px solid var(--line,#d9e0e8);border-radius:20px;padding:1.25rem;background:var(--bg-2,#fff);box-shadow:0 12px 32px rgba(10,35,60,.07);min-width:0}.phase13-card h3{margin:.35rem 0 .65rem}.phase13-card p{line-height:1.7}.phase13-card__meta{display:inline-flex;border:1px solid var(--line,#d9e0e8);border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:750}.phase13-link{display:inline-flex;margin-top:.8rem;font-weight:800}
.phase13-discovery{background:var(--surface,#f4f7fa)}.phase13-discovery--compact{padding-top:75px}.discovery-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;max-width:1180px;margin:1.5rem auto}.discovery-field{display:flex;flex-direction:column;gap:.4rem;font-weight:700}.discovery-field select{min-height:50px;border:1px solid var(--line,#ccd5df);border-radius:12px;background:var(--bg,#fff);color:var(--text,#172033);padding:.75rem}.discovery-actions{grid-column:1/-1;display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-top:.4rem}.discovery-privacy,.phase13-hub-tail{text-align:center;color:var(--muted,#667085)}.discovery-results{max-width:1180px;margin:1rem auto}.discovery-results__head{text-align:center}.discovery-result{border-top:4px solid var(--accent,#1f7a8c)}
.phase13-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;list-style:none;padding:0;max-width:1180px;margin:1.5rem auto}.phase13-steps li{border-top:3px solid var(--accent,#1f7a8c);padding:1rem;background:var(--bg-2,#fff)}.phase13-steps span{font-size:.78rem;font-weight:800}.phase13-steps p{line-height:1.65}
.phase13-split{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;max-width:1100px;margin:1.5rem auto}.phase13-doruk__image{border-radius:24px;overflow:hidden;max-height:620px}.phase13-doruk__image img{display:block;width:100%;height:100%;object-fit:cover}.phase13-split p{line-height:1.8}
.phase13-start-hero{text-align:center;padding:clamp(100px,12vw,170px) 24px 70px;background:linear-gradient(135deg,#071d35,#0d4362);color:#fff}.phase13-start-hero h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.05;max-width:1050px;margin:.5rem auto 1.2rem}.phase13-start-hero__lead{font-size:1.12rem;line-height:1.8;max-width:900px;margin:auto;color:rgba(255,255,255,.84)}
.phase13-table{width:100%;border-collapse:collapse}.phase13-table th,.phase13-table td{padding:.85rem;border-bottom:1px solid var(--line,#d9e0e8);text-align:left;vertical-align:top}.phase13-hub-module{background:var(--surface,#f4f7fa)}
.phase13-related{padding-top:70px;padding-bottom:70px}.phase13-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;max-width:1180px;margin:1.5rem auto}.phase13-related__card{display:flex;flex-direction:column;gap:.55rem;border:1px solid var(--line,#d9e0e8);border-radius:16px;padding:1rem;background:var(--bg-2,#fff);text-decoration:none}.phase13-related__card span{font-weight:800}.phase13-related__card small{color:var(--muted,#667085)}
@media(max-width:1000px){.phase13-hero{grid-template-columns:1fr}.phase13-hero__visual{max-height:520px}.phase13-stats{grid-template-columns:repeat(3,1fr)}.discovery-form{grid-template-columns:repeat(2,1fr)}.phase13-card-grid,.phase13-card-grid--wide{grid-template-columns:repeat(2,1fr)}.phase13-steps{grid-template-columns:repeat(2,1fr)}.phase13-related__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.phase13-hero__copy{padding:105px 20px 55px}.phase13-hero__visual{min-height:420px}.phase13-stats{grid-template-columns:repeat(2,1fr)}.discovery-form,.phase13-card-grid,.phase13-card-grid--wide,.phase13-steps,.phase13-related__grid,.phase13-split{grid-template-columns:1fr}.phase13-card{padding:1rem}.phase13-discovery{padding-left:18px;padding-right:18px}}

.phase13-copy{max-width:950px;margin:0 auto;line-height:1.82}
.phase13-return-note{display:block;max-width:950px;margin:0 auto 70px;padding:1rem 1.2rem;border:1px solid var(--line,#d9e0e8);border-radius:14px;background:var(--bg-2,#fff);font-weight:750;text-align:center}


/* Phase 14 — consolidated accessibility and resilience layer */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html{scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:anywhere}
main :where(p,li,dd,figcaption){text-wrap:pretty}
main :where(h1,h2,h3){text-wrap:balance}
.skip-link:focus{left:1rem;top:0;clip:auto;width:auto;height:auto;margin:0;white-space:normal}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--primary-soft,#e6b35a);outline-offset:3px}
:where(button,.btn,[role="button"],summary){touch-action:manipulation}
:where(input,select,textarea){font:inherit}
.table-scroll,.phase6-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
:where(section,article,.card,.atlas-section,.occupation-section,.phase6-section){min-width:0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media (forced-colors:active){:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid CanvasText}.card,.programme-card,.occupation-card{border:1px solid CanvasText}}
@media (prefers-contrast:more){:root{--line:color-mix(in srgb,currentColor 45%,transparent)}:where(a,button,input,select,textarea,summary):focus-visible{outline-width:4px}}
@media print{nav.nav,.mobile-menu,.skip-link,.theme-toggle,.phase13-related{display:none!important}a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em}}

/* Phase 14 — responsive grid containment fixes */
.discovery-form{grid-template-columns:repeat(4,minmax(0,1fr))}
.discovery-field{min-width:0}
.discovery-field select{width:100%;max-width:100%}
.phase6-section__body{min-width:0;width:100%}
.phase6-table-wrap{width:100%;min-width:0}
@media(max-width:1000px){.discovery-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.discovery-form{grid-template-columns:minmax(0,1fr)}}


/* Phase 15 — Evidence and return plan */
.phase15-evidence-plan{border-top:1px solid var(--line,#d7dde6)}
.phase15-evidence-plan .atlas-copy{max-width:920px;margin-inline:auto}
.phase15-review-note{max-width:920px;margin:1rem auto 0;font-weight:650}