:root{--intro-emerald:#073c35;--intro-deep:#032a26;--intro-gold:#a9874d;--intro-ivory:#f6f2e9;--intro-paper:#fffdf8;--intro-text:#17312d;--intro-muted:#53615a;--intro-line:rgba(16,42,39,.19)}
html{background:var(--intro-ivory)}
body{position:relative;overflow-x:hidden;background:linear-gradient(rgba(250,248,242,.88),rgba(250,248,242,.9)),url('hero-ivory-marble.webp') center top/cover fixed!important;color:var(--intro-text)!important;font-family:Inter,Arial,sans-serif!important;line-height:1.62!important}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 16%,rgba(255,255,255,.8),transparent 28%),linear-gradient(115deg,transparent 0 67%,rgba(7,60,53,.035) 67.2%,transparent 68%)}
header{max-width:none!important;min-height:72px;padding:14px max(24px,calc((100vw - 1240px)/2))!important;background:rgba(255,253,248,.9);border-bottom:1px solid var(--intro-line)!important;backdrop-filter:blur(8px)}
.brand{font-size:18px!important;letter-spacing:.14em!important}.brand img{width:32px!important;height:32px!important;filter:sepia(.16) saturate(.7)!important}header nav a{color:var(--intro-text)!important;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
main{max-width:1180px!important;padding:36px 24px 56px!important}.guide-layout{grid-template-columns:minmax(0,860px) 260px!important;gap:28px!important}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:42px 38px 34px!important;border:1px solid var(--intro-line)!important;background:linear-gradient(90deg,rgba(255,253,248,.98) 0 59%,rgba(255,253,248,.84) 72%,rgba(255,253,248,.28)),url('hero-ivory-marble.webp') center/cover!important}
.hero:after{content:'';position:absolute;z-index:0;right:-8%;bottom:-31%;width:49%;height:130%;background:url('intro-agate-corner.png') right bottom/contain no-repeat;opacity:.82;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 14%,#000 36%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 14%,#000 36%)}
.hero>.kicker,.hero>h1,.hero>p{position:relative;z-index:2;max-width:57%!important}
.kicker{color:var(--intro-gold)!important;font-size:10px!important;letter-spacing:.22em!important}
h1,h2,h3{color:var(--intro-text)!important}h1{font-size:clamp(46px,6vw,68px)!important;line-height:.94!important;margin:13px 0 18px!important;max-width:650px}h2{font-size:clamp(28px,3.4vw,38px)!important;margin-bottom:14px!important}.hero p{max-width:610px!important;margin:0!important;color:var(--intro-muted)!important;font:18px/1.58 Georgia,serif!important}
.chapter{position:relative;isolation:isolate;overflow:hidden;margin-top:22px!important;padding:29px 32px!important;border:1px solid var(--intro-line)!important;background:linear-gradient(145deg,rgba(255,253,248,.98),rgba(243,239,230,.93))!important;box-shadow:0 12px 34px rgba(8,45,39,.035)}
.chapter:first-of-type:before{content:'';position:absolute;z-index:-1;left:-125px;bottom:-165px;width:330px;height:520px;background:url('intro-agate-left.png') left bottom/contain no-repeat;opacity:.12;pointer-events:none}
.chapter>p{max-width:730px!important;margin:10px 0!important;color:var(--intro-muted);font-size:16px;line-height:1.65}
.guide-map{gap:10px!important;margin-top:21px!important}.topic{padding:19px 21px!important;background:rgba(246,242,233,.8)!important;border:1px solid var(--intro-line)!important}.topic h3{font-size:21px!important;margin:8px 0 6px!important}.topic p{font-size:14px!important;line-height:1.52!important}.topic-number{color:var(--intro-gold)!important}
.reading-order{gap:0!important;margin-top:16px!important}.step{padding:13px 8px!important;grid-template-columns:42px 1fr!important;gap:13px!important}.step b{width:36px!important;height:36px!important;background:var(--intro-deep)!important;color:#f5e8c8!important;font-size:16px!important}.step span{font-size:13px!important}
.next-guide{margin-top:22px!important;padding:22px 24px!important;background:linear-gradient(118deg,var(--intro-deep),#0b4d44)!important;border:1px solid var(--intro-gold);box-shadow:0 14px 36px rgba(3,42,38,.13)}.next-guide h2{color:#fffdf8!important;font-size:25px!important}.next-guide p{font-size:14px}.next-guide a{background:#f0e2bd!important;border:1px solid var(--intro-gold);font-size:13px}
.guide-rail{top:18px!important;padding-top:14px!important;border-top:2px solid var(--intro-deep)!important}.guide-rail h2{font-size:24px!important}.guide-list{gap:7px!important}.guide-link{padding:11px 13px!important;background:rgba(255,253,248,.9)!important;border-color:var(--intro-line)!important}.guide-link.current{border-color:var(--intro-gold)!important;background:#f2ebdc!important}.guide-link.premium{background:linear-gradient(135deg,var(--intro-deep),#153d36)!important;border-color:var(--intro-gold)!important}.guide-link strong{font-size:13px!important}.guide-link small{color:#6b795c!important}.guide-link.premium small{color:#e1bf78!important}
footer{padding:16px!important;background:rgba(255,253,248,.88);border-top:1px solid var(--intro-line)!important;font-size:12px!important}
@media(max-width:980px){main{padding-top:24px!important}.guide-layout{grid-template-columns:1fr!important}.guide-rail{position:static!important}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){header{min-height:auto;padding:14px 18px!important}main{padding:18px 16px 38px!important}.hero{min-height:0;padding:31px 22px 112px!important}.hero>.kicker,.hero>h1,.hero>p{max-width:100%!important}.hero:after{width:72%;height:55%;right:-20%;bottom:-16%;opacity:.58}h1{font-size:43px!important}.hero p{font-size:16px!important}.chapter{margin-top:15px!important;padding:22px 19px!important}.guide-map,.guide-list{grid-template-columns:1fr!important}.next-guide{display:block!important}.next-guide a{display:inline-flex;margin-top:16px}}
/* La colonne premium, le contenu et le parcours gardent chacun leur place. */
main:has(>.guide-layout){max-width:1500px!important}
/* Nouvelle illustration d'en-tête, texte conservé en HTML. */
.hero{background:linear-gradient(90deg,rgba(1,32,27,.75),rgba(1,32,27,.12) 73%),url('intro-statue-emerald.png') center/cover!important;border-color:rgba(177,139,74,.65)!important}
.hero:after{display:none!important}
.hero>h1{color:#fffaf0!important;text-shadow:0 2px 15px rgba(0,0,0,.4)}
.hero>.kicker{color:#e7c580!important}
.hero>p{color:#f4eee0!important;text-shadow:0 2px 12px rgba(0,0,0,.6)}
@media(max-width:700px){.hero{background:linear-gradient(90deg,rgba(1,32,27,.86),rgba(1,32,27,.53)),url('intro-statue-emerald.png') 65% center/cover!important;padding-bottom:44px!important}}
.guide-layout{grid-template-columns:minmax(185px,220px) minmax(0,1fr) minmax(220px,255px)!important}
.guide-layout>article{grid-column:2;grid-row:1;min-width:0}
.guide-layout>.guide-rail{grid-column:3;grid-row:1}
@media(max-width:1050px){.guide-layout{grid-template-columns:minmax(0,1fr) minmax(210px,255px)!important}.guide-layout>article{grid-column:1;grid-row:2}.guide-layout>.guide-rail{grid-column:2;grid-row:2}}
@media(max-width:700px){.guide-layout{grid-template-columns:minmax(0,1fr)!important}.guide-layout>article{grid-column:1;grid-row:2}.guide-layout>.guide-rail{grid-column:1;grid-row:3}}

.guide-layout article .chapter > p{text-align:justify;hyphens:auto;text-justify:inter-word}
.chapter .reading-order{margin-top:26px!important;padding-top:16px;border-top:1px solid var(--intro-line)}