.vulgarisation-page{background:radial-gradient(circle at 78% 5%,rgba(214,255,107,.055),transparent 30%),var(--bg)}
.vulgarisation-page .main-nav{gap:18px}
.vulgarisation-hero{padding-top:72px;padding-bottom:58px}
.vulgarisation-hero h1{max-width:none;margin:18px 0 30px;font-size:clamp(2.4rem,4vw,3.25rem);line-height:1.02;letter-spacing:-.045em;white-space:nowrap}
.vulgarisation-hero h1 em{font-style:normal;color:var(--lime)}
.hero-summary{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:48px;align-items:end;padding-top:28px;border-top:1px solid var(--line)}
.hero-summary>p{max-width:760px;margin:0;color:#b3bdca;font-size:1.1rem}
.hero-meta{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.hero-meta span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#9fa9b8;font-size:.72rem;letter-spacing:.04em}
.lesson-shell{padding-top:28px}
.scene-tabs{position:sticky;top:79px;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:22px;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(9,11,16,.88);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.3)}
.tab-link{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:#9ea8b8;cursor:pointer;text-align:left;transition:.2s ease}
.tab-link small{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--line);border-radius:9px;color:#778293;font-size:.65rem}
.tab-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.tab-link:hover{border-color:rgba(124,140,255,.3);color:#fff}
.tab-link.active{border-color:rgba(214,255,107,.28);background:rgba(214,255,107,.08);color:#fff}
.tab-link.active small{border-color:rgba(214,255,107,.4);background:rgba(214,255,107,.1);color:var(--lime)}
.scene-content{display:none;padding:clamp(25px,5vw,58px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(19,24,33,.95),rgba(13,17,24,.95));box-shadow:var(--shadow)}
.scene-content.active{display:block;animation:scene-in .35s ease both}
@keyframes scene-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.scene-content h2{width:100%;max-width:none;margin:0 auto 18px;padding:0 0 22px;border-bottom:1px solid var(--line);font-size:clamp(.92rem,1.55vw,1.35rem);line-height:1.25;letter-spacing:-.012em;text-align:center;white-space:nowrap}
.scene-content .meta{max-width:820px;margin:0 0 42px;padding:16px 18px;border-left:2px solid var(--accent);background:rgba(124,140,255,.06);color:#9fa9b8;font-size:.91rem;font-style:italic}
.scene-content p{max-width:850px;margin:14px auto;color:#c2cad6;font-size:1.02rem;line-height:1.75}
.section-title{max-width:850px;margin:44px auto 18px;padding:14px 17px;border:1px solid rgba(68,215,182,.18);border-left:3px solid var(--mint);border-radius:0 13px 13px 0;background:rgba(68,215,182,.045);color:#fff;font-size:1.13rem;font-weight:750}
.scene-image{display:block;width:min(100%,940px);height:auto;margin:34px auto;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:var(--panel);box-shadow:0 20px 55px rgba(0,0,0,.38)}
.course-quote,.audiard-quote{padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.025)}
.course-quote{border-left:3px solid var(--accent);color:#d6dcff!important;font-style:italic}
.audiard-quote{border-left:3px solid var(--lime);background:rgba(214,255,107,.045);color:#eef7d3!important}
.source-section{padding-top:62px}
.source-section>.eyebrow{margin:0 0 16px}
.source-section>p:last-child{max-width:850px;margin:0;color:#aeb8c8;font-size:1.04rem}
.source-section a{color:var(--lime);text-decoration:underline;text-decoration-color:rgba(214,255,107,.35);text-underline-offset:4px}
@media(max-width:900px){.vulgarisation-hero{padding-top:48px}.hero-summary{grid-template-columns:1fr;gap:24px}.hero-meta{justify-content:flex-start}.scene-tabs{top:68px;display:flex;overflow-x:auto;scrollbar-width:thin}.tab-link{flex:0 0 auto}.tab-link span{overflow:visible}.scene-content h2{font-size:clamp(.82rem,1.9vw,1.05rem)}}
@media(max-width:620px){.vulgarisation-hero{padding-top:34px;padding-bottom:38px}.vulgarisation-hero h1{font-size:clamp(2.25rem,11.5vw,3rem);line-height:1.02;white-space:normal;text-wrap:balance}.hero-summary>p{font-size:1rem}.lesson-shell{width:100%;padding-top:12px}.scene-tabs{margin-inline:12px;border-radius:16px}.scene-content{padding:24px 18px;border-inline:0;border-radius:0}.scene-content h2{font-size:1rem;line-height:1.3;white-space:normal;text-wrap:balance}.scene-content .meta{margin-bottom:30px}.scene-content p{font-size:1rem;line-height:1.68}.section-title{margin-top:36px;font-size:1.03rem}.scene-image{margin:26px auto;border-radius:13px}.source-section{width:min(100% - 28px,1180px);padding-top:64px}}
@media(prefers-reduced-motion:reduce){.scene-content.active{animation:none}}