[hidden]{display:none!important}

:root{
  --navy:#071827;
  --navy-2:#0c2337;
  --ink:#15202b;
  --gold:#cda64a;
  --gold-2:#e4c473;
  --cream:#f7f2e8;
  --paper:#fffdf9;
  --muted:#68717a;
  --line:#e9e1d1;
  --shadow:0 18px 45px rgba(6,24,39,.12);
  --radius:20px;
  --serif:Georgia, "Times New Roman", serif;
  --sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select{font:inherit}
.skip-link{position:absolute;left:-999px;top:auto}
.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.7rem 1rem;z-index:2000;border-radius:10px}

.site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(6,23,37,.96);backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(205,166,74,.2)
}
.header-inner{max-width:1240px;margin:auto;padding:.8rem 1rem;display:flex;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none;min-width:max-content}
.brand-mark{font-family:var(--serif);font-size:2rem;line-height:1;color:var(--gold-2);letter-spacing:-.08em}
.brand-text{font-family:var(--serif);font-size:.92rem;letter-spacing:.17em;text-transform:uppercase}
.brand-text small{display:block;color:var(--gold-2);font-size:.58rem;letter-spacing:.34em}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:.15rem}
.main-nav a{display:block;color:#fff;text-decoration:none;padding:.7rem .62rem;border-radius:10px;font-size:.86rem}
.main-nav a:hover,.main-nav a:focus-visible,.main-nav a[aria-current="page"]{color:var(--gold-2);background:rgba(255,255,255,.05)}
.nav-cta{background:var(--gold)!important;color:#111!important;font-weight:800}
.menu-toggle{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:10px;padding:.55rem .7rem;font-size:1.15rem}

.container{width:min(1180px,calc(100% - 2rem));margin-inline:auto}
.section{padding:4.5rem 0}
.section-sm{padding:2.5rem 0}
.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem}
h1,h2,h3{font-family:var(--serif);line-height:1.1;margin:0 0 1rem;color:var(--navy)}
h1{font-size:clamp(2.6rem,6vw,5rem)}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:1.35rem}
.lead{font-size:clamp(1rem,2vw,1.2rem);max-width:65ch}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.86rem 1.1rem;border-radius:10px;text-decoration:none;font-weight:800;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#121212}
.btn-secondary{border-color:var(--gold);color:var(--gold-2);background:rgba(7,24,39,.65)}
.btn-light{border-color:var(--navy);color:var(--navy);background:#fff}
.btn-disabled{background:#eee;color:#777;pointer-events:none}
.actions{display:flex;flex-wrap:wrap;gap:.8rem}

.hero{
  min-height:700px;display:grid;align-items:center;position:relative;overflow:hidden;
  background:
    linear-gradient(90deg, rgba(5,20,32,.98) 0%, rgba(5,20,32,.92) 45%, rgba(5,20,32,.45) 68%, rgba(5,20,32,.2) 100%),
    url("../img/hero-editorial.jpg") right center / min(55vw,760px) auto no-repeat,
    var(--navy);
}
.hero .container{padding-block:5rem}
.hero-copy{max-width:680px;color:#fff}
.hero h1{color:#fff;letter-spacing:.04em}
.hero .gold-line{font-family:var(--serif);color:var(--gold-2);font-size:clamp(1.7rem,3.2vw,2.55rem);line-height:1.25}
.hero p{color:#e8eef3}
.hero-quote{margin-top:1.5rem;color:var(--gold-2);font-family:var(--serif);font-style:italic}

.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-top:-2.2rem;position:relative;z-index:5}
.quick-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.25rem .8rem;text-align:center;text-decoration:none;box-shadow:var(--shadow);transition:.2s transform,.2s box-shadow}
.quick-card:hover{transform:translateY(-4px)}
.quick-icon{font-size:1.8rem;color:var(--gold)}
.quick-title{display:block;font-weight:900;font-size:.88rem;margin-top:.4rem}
.quick-sub{display:block;color:var(--muted);font-size:.76rem}

.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.feature-card{display:grid;grid-template-columns:120px 1fr;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.cover-mini,.cover-placeholder{
  aspect-ratio:2/3;border-radius:8px;overflow:hidden;
  background:linear-gradient(155deg,#102d44,#081725 58%,#cda64a 180%);
  color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:.8rem;box-shadow:0 10px 22px rgba(0,0,0,.18);font-family:var(--serif)
}
.cover-placeholder strong{font-size:1rem}
.cover-placeholder small{font-family:var(--sans);font-size:.63rem;color:#ead99f;margin-top:.7rem;text-transform:uppercase;letter-spacing:.12em}
.status{display:inline-flex;padding:.25rem .5rem;border-radius:999px;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;background:#f4ecd7;color:#705314}
.status.live{background:#e7f5ea;color:#1f6c35}

.universes{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.universe{min-height:230px;border-radius:var(--radius);padding:1.4rem;display:flex;align-items:flex-end;text-decoration:none;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,#0d2a40,#143e59)}
.universe:nth-child(2){background:linear-gradient(135deg,#4b1e24,#b35b35)}
.universe:nth-child(3){background:linear-gradient(135deg,#1b3e50,#407a80)}
.universe:nth-child(4){background:linear-gradient(135deg,#1f5f76,#79b6be)}
.universe::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 65%)}
.universe span{position:relative;z-index:1;font-family:var(--serif);font-size:1.25rem}

.split-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}
.cta-panel{border-radius:var(--radius);padding:2rem;background:#f7f0e2;border:1px solid #eadbbd}
.cta-panel.dark{background:var(--navy);color:#fff}
.cta-panel.dark h2,.cta-panel.dark h3{color:#fff}

.catalog-hero{background:linear-gradient(135deg,var(--navy),#12334c);color:#fff;padding:4rem 0 3rem}
.catalog-hero h1{color:#fff}
.catalog-hero p{color:#dce5eb}
.filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem}
.filter-btn{border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.05);color:#fff;padding:.65rem .95rem;border-radius:999px;cursor:pointer}
.filter-btn.active{background:var(--gold);color:#111;border-color:var(--gold)}
.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.book-card{border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:#fff;box-shadow:0 10px 26px rgba(6,24,39,.08);display:flex;flex-direction:column}
.book-cover-wrap{width:70%;max-width:180px;margin:0 auto 1rem}
.book-card h3{font-size:1.18rem}
.book-meta{font-size:.78rem;color:var(--muted);margin-bottom:.55rem}
.book-card .blurb{font-size:.9rem;flex:1}
.book-card .actions{margin-top:1rem;display:grid}
.book-card .actions .btn{width:100%;font-size:.88rem}
.release{font-size:.8rem;color:#6c5318;font-weight:800}

.book-detail{padding:4rem 0}
.book-detail-grid{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:3rem;align-items:start}
.book-detail-cover{position:sticky;top:100px}
.book-detail .cover-placeholder{width:100%;max-width:330px;margin:auto}
.book-story{margin:1.5rem 0}
.book-story h2{font-size:1.55rem;margin:0 0 .65rem}
.book-story p{margin:0;line-height:1.7}
.book-village{background:#f8f5ee}
.book-village-inner{display:grid;grid-template-columns:1fr minmax(180px,250px);align-items:center;gap:2.5rem}
.book-village h2{margin:.5rem 0 1rem}
.book-village p{max-width:65ch;line-height:1.7}
.book-village img{display:block;width:100%;border-radius:12px;box-shadow:0 10px 26px rgba(6,24,39,.13)}
.meta-list{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:1.4rem 0;padding:1.2rem;border-radius:14px;background:#f8f5ee}
.meta-list dt{font-weight:900}
.meta-list dd{margin:0;color:var(--muted)}
.notice{border-left:4px solid var(--gold);background:#fff7df;padding:1rem;border-radius:0 12px 12px 0}

.legal{max-width:850px}
.legal h2{margin-top:2.3rem}

.site-footer{background:var(--navy);color:#dbe4ea;padding:2.7rem 0 1rem}
.footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:2rem;align-items:start}
.footer-brand{font-family:var(--serif);color:#fff}
.footer-brand strong{display:block;color:var(--gold-2);font-size:1.1rem}
.footer-nav{display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.footer-nav a{font-size:.82rem;color:#dbe4ea}
.footer-bottom{margin-top:2rem;border-top:1px solid rgba(255,255,255,.12);padding-top:1rem;font-size:.76rem;color:#9dafbb;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.cookie-settings-link{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.cookie-settings-link:hover,.cookie-settings-link:focus{color:#fff}

.cookie-consent{position:fixed;z-index:10000;left:1rem;right:1rem;bottom:1rem;max-width:1100px;margin:0 auto;background:#fff;color:#10212f;border:1px solid #d9c79b;border-radius:16px;box-shadow:0 18px 55px rgba(2,22,37,.28);padding:1.1rem 1.25rem}
.cookie-consent__content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.cookie-consent strong{font-family:Georgia,'Times New Roman',serif;font-size:1.08rem}
.cookie-consent p{margin:.35rem 0 .25rem;max-width:760px;font-size:.93rem;line-height:1.5;color:#41505c}
.cookie-consent a{font-size:.88rem;color:#785712;text-decoration:underline}
.cookie-consent__actions{display:flex;gap:.65rem;flex:0 0 auto}
.cookie-consent__actions .btn{min-width:108px}
@media (max-width:760px){
  .cookie-consent{left:.65rem;right:.65rem;bottom:.65rem;padding:1rem}
  .cookie-consent__content{align-items:stretch;flex-direction:column;gap:1rem}
  .cookie-consent__actions{display:grid;grid-template-columns:1fr 1fr}
  .cookie-consent__actions .btn{width:100%;min-width:0}
}
.visit-counter{display:inline-flex;align-items:center;gap:.38rem;padding:.18rem .58rem;border:1px solid rgba(205,166,74,.28);border-radius:999px;color:#c7d2d9;background:rgba(255,255,255,.035);white-space:nowrap}
.visit-counter::before{content:"◉";color:var(--gold-2);font-size:.62rem}
.visit-counter[hidden]{display:none}

.mobile-only{display:none}

@media (max-width:1050px){
  .main-nav{position:fixed;inset:72px 0 auto 0;background:#071827;border-bottom:1px solid rgba(205,166,74,.2);display:none;padding:1rem}
  .main-nav.open{display:block}
  .main-nav ul{display:grid;grid-template-columns:1fr 1fr}
  .main-nav a{padding:.85rem}
  .menu-toggle{display:block}
  .quick-grid{grid-template-columns:repeat(3,1fr)}
  .featured-grid{grid-template-columns:1fr}
  .book-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:780px){
  .hero{
    min-height:auto;
    background:
      linear-gradient(180deg,rgba(5,20,32,.96) 0%,rgba(5,20,32,.88) 62%,rgba(5,20,32,.65) 100%),
      url("../img/hero-editorial.jpg") center bottom / cover no-repeat,
      var(--navy);
  }
  .hero .container{padding:4rem 0 8rem}
  .hero-copy{max-width:100%}
  .hero .actions{display:grid}
  .hero .btn{width:100%}
  .quick-grid{grid-template-columns:repeat(2,1fr);margin-top:-4.6rem}
  .universes{grid-template-columns:1fr 1fr}
  .split-cta{grid-template-columns:1fr}
  .book-grid{grid-template-columns:repeat(2,1fr)}
  .book-detail-grid{grid-template-columns:1fr;gap:1.8rem}
  .book-village-inner{grid-template-columns:1fr}
  .book-village img{width:min(220px,65%)}
  .book-detail-cover{position:static}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .brand-text{font-size:.75rem}
  .header-inner{padding:.7rem .8rem}
  .main-nav{inset:65px 0 auto 0}
  .main-nav ul{grid-template-columns:1fr}
  h1{font-size:2.65rem}
  .hero .gold-line{font-size:1.85rem}
  .quick-grid{gap:.5rem}
  .quick-card{padding:1rem .55rem}
  .quick-sub{display:none}
  .featured-grid{gap:.8rem}
  .feature-card{grid-template-columns:90px 1fr}
  .universes{grid-template-columns:1fr}
  .book-grid{grid-template-columns:1fr}
  .book-card{display:grid;grid-template-columns:105px 1fr;gap:1rem}
  .book-cover-wrap{width:100%;margin:0;grid-row:1/6}
  .book-card .actions{grid-column:2}
  .catalog-hero{padding:3rem 0 2.3rem}
  .filters{display:none}
  .mobile-only{display:block}
  .mobile-filter{width:100%;padding:.8rem;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#fff;color:#111;margin-top:1rem}
}


/* =========================================================
   PAGE ÊTRE ÉDITÉ
   ========================================================= */
.edit-hero{
  position:relative; overflow:hidden; padding:5.6rem 0 4.8rem; color:#fff;
  background:
    radial-gradient(circle at 78% 28%, rgba(205,166,74,.15), transparent 30%),
    linear-gradient(135deg,#061725 0%,#0a2539 62%,#102f45 100%);
}
.edit-hero::after{
  content:""; position:absolute; width:430px;height:430px; right:-120px;bottom:-230px;
  border:1px solid rgba(205,166,74,.24); border-radius:50%;
  box-shadow:0 0 0 60px rgba(205,166,74,.035),0 0 0 120px rgba(205,166,74,.022);
}
.edit-hero .container{position:relative;z-index:2}
.edit-hero-copy{max-width:790px}
.edit-hero h1{color:#fff;max-width:13ch}
.edit-hero .lead{color:#dfe8ee}
.edit-hero .eyebrow{color:var(--gold-2)}
.edit-hero-note{margin-top:1.3rem;color:#f1ddb0;font-family:var(--serif);font-style:italic}

.edit-anchor-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:70px;z-index:50}
.edit-anchor-nav .container{display:flex;gap:.55rem;padding:.72rem 0;overflow-x:auto;scrollbar-width:none}
.edit-anchor-nav .container::-webkit-scrollbar{display:none}
.edit-anchor-nav a{
  flex:0 0 auto;text-decoration:none;border:1px solid var(--line);border-radius:999px;
  padding:.52rem .78rem;font-size:.8rem;font-weight:800;color:var(--navy);background:#fff
}
.edit-anchor-nav a:hover,.edit-anchor-nav a:focus-visible{border-color:var(--gold);background:#fffaf0}

.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.7rem}
.editorial-card{
  border:1px solid var(--line);border-radius:18px;padding:1.4rem;background:#fff;
  box-shadow:0 10px 28px rgba(6,24,39,.065)
}
.editorial-card .icon{
  width:48px;height:48px;display:grid;place-items:center;border-radius:14px;margin-bottom:.9rem;
  background:#f5ead0;font-size:1.45rem
}
.editorial-card p{margin-bottom:0;color:var(--muted)}

.criteria-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem;align-items:start}
.criteria-panel{border-radius:var(--radius);padding:1.7rem;border:1px solid var(--line);background:#fff}
.criteria-panel.positive{background:#f7f3e8}
.criteria-panel.caution{background:#f8f8f6}
.criteria-list{list-style:none;margin:1rem 0 0;padding:0}
.criteria-list li{position:relative;padding:.78rem 0 .78rem 2rem;border-bottom:1px solid rgba(9,33,51,.08)}
.criteria-list li:last-child{border-bottom:0}
.criteria-list li::before{
  position:absolute;left:0;top:.78rem;width:1.25rem;height:1.25rem;display:grid;place-items:center;
  border-radius:50%;font-size:.72rem;font-weight:900
}
.positive .criteria-list li::before{content:"✓";background:#e2f1e5;color:#246839}
.caution .criteria-list li::before{content:"—";background:#eee8dd;color:#705314}

.process{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.7rem}
.process-step{counter-increment:step;position:relative;border:1px solid var(--line);border-radius:18px;padding:1.35rem;background:#fff}
.process-step::before{
  content:counter(step, decimal-leading-zero);display:block;color:var(--gold);font-family:var(--serif);
  font-weight:800;font-size:1.4rem;margin-bottom:.65rem
}
.process-step h3{font-size:1.05rem;margin-bottom:.45rem}
.process-step p{font-size:.88rem;color:var(--muted);margin:0}

.promise-band{background:var(--navy);color:#fff}
.promise-band h2{color:#fff}
.promise-band .lead{color:#dbe4ea}
.promise-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}
.promise-point{
  padding:1.2rem;border:1px solid rgba(255,255,255,.14);border-radius:16px;
  background:rgba(255,255,255,.035)
}
.promise-point strong{display:block;color:var(--gold-2);margin-bottom:.35rem}

.submit-box{
  border:1px solid #e2cf9f;background:linear-gradient(135deg,#fffaf0,#f5ead2);
  border-radius:24px;padding:2rem;display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:center
}
.submit-requirements{display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.3rem;margin:1.3rem 0;padding:0;list-style:none}
.submit-requirements li{padding-left:1.35rem;position:relative}
.submit-requirements li::before{content:"•";position:absolute;left:.1rem;color:var(--gold);font-weight:900}
.submit-action{
  background:#fff;border:1px solid rgba(9,33,51,.1);border-radius:18px;padding:1.35rem;text-align:center;
  box-shadow:0 10px 28px rgba(6,24,39,.07)
}
.submit-action .btn{width:100%}
.submit-action small{display:block;color:var(--muted);margin-top:.8rem;line-height:1.45}
.free-badge{
  display:inline-flex;align-items:center;gap:.45rem;background:#e5f3e8;color:#205f33;
  border-radius:999px;padding:.38rem .7rem;font-size:.78rem;font-weight:900;margin-bottom:.8rem
}
.rgpd-mini{margin-top:1rem;font-size:.78rem;color:#66717b}
.faq-mini{display:grid;gap:.7rem;margin-top:1.3rem}
.faq-mini details{border:1px solid var(--line);border-radius:14px;background:#fff;padding:1rem 1.1rem}
.faq-mini summary{cursor:pointer;color:var(--navy);font-weight:900}
.faq-mini details p{margin:.7rem 0 0;color:var(--muted)}

@media (max-width:980px){
  .editorial-grid{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(2,1fr)}
  .promise-points{grid-template-columns:1fr}
  .submit-box{grid-template-columns:1fr}
}
@media (max-width:780px){
  .edit-hero{padding:4.2rem 0 3.6rem}
  .edit-hero h1{max-width:none}
  .edit-anchor-nav{top:65px}
  .criteria-wrap{grid-template-columns:1fr}
  .submit-requirements{grid-template-columns:1fr}
}
@media (max-width:560px){
  .editorial-grid,.process{grid-template-columns:1fr}
  .edit-hero .actions{display:grid}
  .edit-hero .btn{width:100%}
  .submit-box{padding:1.35rem}
}


/* =========================================================
   PAGE CRÉER MON LIVRE
   ========================================================= */
.create-hero{
  position:relative;
  overflow:hidden;
  padding:5.6rem 0 4.9rem;
  color:#fff;
  background:
    radial-gradient(circle at 78% 20%, rgba(205,166,74,.18), transparent 28%),
    linear-gradient(135deg,#071827 0%,#0b2a3f 58%,#17394b 100%);
}
.create-hero::before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  right:-150px;top:-210px;
  border:1px solid rgba(228,196,115,.20);
  border-radius:44% 56% 58% 42% / 38% 41% 59% 62%;
  transform:rotate(18deg);
}
.create-hero::after{
  content:"";
  position:absolute;
  width:600px;height:280px;
  right:-210px;bottom:-160px;
  border-top:1px solid rgba(228,196,115,.20);
  border-radius:50%;
}
.create-hero .container{position:relative;z-index:2}
.create-hero-copy{max-width:820px}
.create-hero h1{color:#fff;max-width:12ch}
.create-hero .lead{color:#dbe5eb}
.create-hero .eyebrow{color:var(--gold-2)}
.create-mantra{
  margin-top:1.25rem;
  font-family:var(--serif);
  color:var(--gold-2);
  font-size:1.08rem;
  font-style:italic;
}

.create-anchor-nav{
  background:#fff;
  border-bottom:1px solid var(--line);
  position:sticky;
  top:70px;
  z-index:50;
}
.create-anchor-nav .container{
  display:flex;
  gap:.55rem;
  padding:.72rem 0;
  overflow-x:auto;
  scrollbar-width:none;
}
.create-anchor-nav .container::-webkit-scrollbar{display:none}
.create-anchor-nav a{
  flex:0 0 auto;
  text-decoration:none;
  border:1px solid var(--line);
  border-radius:999px;
  padding:.52rem .8rem;
  font-size:.8rem;
  font-weight:800;
  color:var(--navy);
  background:#fff;
}
.create-anchor-nav a:hover,.create-anchor-nav a:focus-visible{
  border-color:var(--gold);
  background:#fffaf0;
}

.project-path{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.9rem;
  margin-top:1.7rem;
}
.path-card{
  border:1px solid var(--line);
  border-radius:18px;
  padding:1.25rem;
  background:#fff;
  box-shadow:0 10px 28px rgba(6,24,39,.055);
}
.path-number{
  width:2.3rem;height:2.3rem;
  display:grid;place-items:center;
  border-radius:50%;
  background:#f6ecd2;
  color:#7b5a12;
  font-family:var(--serif);
  font-weight:900;
  margin-bottom:.85rem;
}
.path-card h3{font-size:1.05rem}
.path-card p{font-size:.87rem;color:var(--muted);margin:0}

.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1.7rem;
}
.service-card{
  position:relative;
  border:1px solid var(--line);
  border-radius:20px;
  padding:1.45rem;
  background:#fff;
  overflow:hidden;
}
.service-card::after{
  content:"";
  position:absolute;
  width:90px;height:90px;
  right:-35px;top:-35px;
  border-radius:50%;
  background:#f8f0dc;
}
.service-icon{
  position:relative;z-index:2;
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:14px;
  background:#f4e6c4;
  font-size:1.35rem;
  margin-bottom:.85rem;
}
.service-card p{color:var(--muted);margin-bottom:0}

.keep-control{
  background:linear-gradient(135deg,#f8f3e7,#fff);
}
.control-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.2rem;
  align-items:start;
}
.control-panel{
  border:1px solid var(--line);
  border-radius:20px;
  padding:1.6rem;
  background:#fff;
}
.control-list{list-style:none;margin:1rem 0 0;padding:0}
.control-list li{
  position:relative;
  padding:.75rem 0 .75rem 2rem;
  border-bottom:1px solid rgba(9,33,51,.08);
}
.control-list li:last-child{border-bottom:0}
.control-list li::before{
  content:"✓";
  position:absolute;
  left:0;top:.77rem;
  width:1.25rem;height:1.25rem;
  display:grid;place-items:center;
  border-radius:50%;
  background:#e6f2e8;
  color:#246839;
  font-size:.72rem;
  font-weight:900;
}
.control-panel.limits .control-list li::before{
  content:"—";
  background:#eee8dd;
  color:#705314;
}

.create-process{
  counter-reset:createStep;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:1.7rem;
}
.create-step{
  counter-increment:createStep;
  border:1px solid var(--line);
  border-radius:18px;
  padding:1.35rem;
  background:#fff;
}
.create-step::before{
  content:counter(createStep, decimal-leading-zero);
  display:block;
  font-family:var(--serif);
  color:var(--gold);
  font-size:1.35rem;
  font-weight:900;
  margin-bottom:.65rem;
}
.create-step h3{font-size:1.05rem;margin-bottom:.45rem}
.create-step p{font-size:.88rem;color:var(--muted);margin:0}

.distinction-band{
  background:var(--navy);
  color:#fff;
}
.distinction-band h2{color:#fff}
.distinction-band .lead{color:#dbe4ea}
.distinction-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin-top:1.5rem;
}
.distinction-card{
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  padding:1.5rem;
  background:rgba(255,255,255,.035);
}
.distinction-card strong{
  display:block;
  color:var(--gold-2);
  margin-bottom:.45rem;
  font-size:1.05rem;
}
.distinction-card p{margin:0}

.project-box{
  border:1px solid #e2cf9f;
  background:linear-gradient(135deg,#fffaf0,#f5ead2);
  border-radius:24px;
  padding:2rem;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:2rem;
  align-items:start;
}
.project-checklist{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.55rem 1.4rem;
  margin:1.3rem 0;
  padding:0;
  list-style:none;
}
.project-checklist li{
  position:relative;
  padding-left:1.3rem;
}
.project-checklist li::before{
  content:"•";
  position:absolute;
  left:.1rem;
  color:var(--gold);
  font-weight:900;
}
.project-side{
  background:#fff;
  border:1px solid rgba(9,33,51,.1);
  border-radius:18px;
  padding:1.35rem;
  box-shadow:0 10px 28px rgba(6,24,39,.07);
}
.project-side .btn{width:100%}
.project-side small{
  display:block;
  color:var(--muted);
  margin-top:.8rem;
  line-height:1.45;
}
.quote-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  border-radius:999px;
  background:#eef1f3;
  color:#31424e;
  padding:.38rem .7rem;
  font-size:.78rem;
  font-weight:900;
  margin-bottom:.8rem;
}

.create-faq{
  display:grid;
  gap:.7rem;
  margin-top:1.2rem;
}
.create-faq details{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:1rem 1.1rem;
}
.create-faq summary{
  cursor:pointer;
  font-weight:900;
  color:var(--navy);
}
.create-faq p{margin:.7rem 0 0;color:var(--muted)}

@media (max-width:1050px){
  .project-path{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:900px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .create-process{grid-template-columns:repeat(2,1fr)}
  .project-box,.control-grid{grid-template-columns:1fr}
}
@media (max-width:780px){
  .create-hero{padding:4.2rem 0 3.7rem}
  .create-hero h1{max-width:none}
  .create-anchor-nav{top:65px}
  .project-path{grid-template-columns:1fr}
  .distinction-grid{grid-template-columns:1fr}
  .project-checklist{grid-template-columns:1fr}
}
@media (max-width:560px){
  .service-grid,.create-process{grid-template-columns:1fr}
  .create-hero .actions{display:grid}
  .create-hero .btn{width:100%}
  .project-box{padding:1.35rem}
}


/* ===== Correctif navigation interne Créer mon livre ===== */
#parcours,
#services,
#maitrise,
#methode,
#difference,
#projet,
#questions{
  scroll-margin-top: 150px;
}

/* Réduit l'espace avant la FAQ sur la page Créer mon livre */
#questions.section-sm{
  padding-top: 2.6rem;
}

@media (max-width: 780px){
  #parcours,
  #services,
  #maitrise,
  #methode,
  #difference,
  #projet,
  #questions{
    scroll-margin-top: 175px;
  }
}

/* =========================================================
   CORRECTIF ACCUEIL — UNIVERS ÉDITORIAUX
   Images plein cadre, sans bandes ni anciens aplats
   ========================================================= */
.universe{
  min-height:230px;
  border-radius:var(--radius);
  padding:1.4rem;
  display:flex;
  align-items:flex-end;
  text-decoration:none;
  color:#fff;
  position:relative;
  overflow:hidden;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

.universe:nth-child(1){
  background-image:url("../img/univers-romans-recits.jpg") !important;
}
.universe:nth-child(2){
  background-image:url("../img/univers-poesie-memoire.jpg") !important;
}
.universe:nth-child(3){
  background-image:url("../img/univers-feelgood-inspiration.jpg") !important;
}
.universe:nth-child(4){
  background-image:url("../img/univers-jeunesse.jpg") !important;
}

/* Voile sombre uniforme pour conserver la lisibilité du texte */
.universe::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.04) 100%);
  pointer-events:none;
}

.universe span{
  position:relative;
  z-index:1;
  font-family:var(--serif);
  font-size:1.25rem;
}


.simple-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.simple-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;margin:1rem 0}
.simple-card h2{font-size:1.4rem;margin:.5rem 0}
@media(max-width:620px){.simple-grid{grid-template-columns:1fr}}

/* ===== Bandeau des nouveautés ===== */
.promo-strip{
  overflow:hidden;
  background:linear-gradient(90deg,#b98622,#e4c473,#b98622);
  color:#101820;
  border-bottom:1px solid rgba(7,24,39,.22);
  white-space:nowrap;
}
.promo-track{
  width:max-content;
  display:flex;
  animation:promo-scroll 42s linear infinite;
  will-change:transform;
}
.promo-group{display:flex;align-items:center;gap:1.4rem;padding:.52rem .7rem}
.promo-group a{font-size:.82rem;font-weight:700;text-decoration:none}
.promo-group a:hover,.promo-group a:focus-visible{text-decoration:underline}
.promo-group>span{color:#6f4a05}
.promo-strip:hover .promo-track,.promo-strip:focus-within .promo-track{animation-play-state:paused}
@keyframes promo-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.promo-track{animation:none}.promo-group[aria-hidden="true"]{display:none}}

/* ===== Vidéo de la semaine ===== */
.video-week{background:linear-gradient(135deg,#f8f3e8,#fff)}
.video-week-grid{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:2.5rem;align-items:center}
.video-week-thumb{
  position:relative;min-height:280px;overflow:hidden;border-radius:22px;
  background:var(--navy);box-shadow:var(--shadow)
}
.video-week-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,32,.8),rgba(5,20,32,.06) 68%)}
.video-week-thumb img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 28%}
.video-week-player::after{display:none}
.video-week-player video{
  display:block;width:100%;height:100%;min-height:280px;aspect-ratio:16/9;
  object-fit:cover;background:#051420
}
.video-play{
  position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:72px;height:72px;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--navy);font-size:1.7rem;padding-left:.2rem;
  box-shadow:0 10px 28px rgba(0,0,0,.25)
}
.video-coming{
  position:absolute;z-index:2;left:1rem;bottom:1rem;padding:.38rem .68rem;border-radius:999px;
  background:var(--gold);color:#111;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em
}
.video-week-copy{max-width:650px}

/* ===== Actualités interactives ===== */
.news-hero{padding:4.5rem 0 3.8rem;background:linear-gradient(135deg,var(--navy),#123a52);color:#fff}
.news-hero h1{color:#fff;max-width:13ch}
.news-hero .lead{color:#dbe5eb}
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start}
.news-list{display:grid;gap:1rem}
.news-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(6,24,39,.06);overflow:hidden;scroll-margin-top:100px}
.news-card summary{display:grid;gap:.35rem;position:relative;cursor:pointer;padding:1.35rem 3.8rem 1.35rem 1.4rem;list-style:none}
.news-card summary::-webkit-details-marker{display:none}
.news-card summary::after{
  content:"+";position:absolute;right:1.35rem;top:50%;transform:translateY(-50%);
  width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;
  background:#f5ead0;color:#71500d;font-weight:900;font-size:1.25rem
}
.news-card[open] summary::after{content:"−"}
.news-card[open] summary{background:#fffaf0;border-bottom:1px solid var(--line)}
.news-date{color:#9a6e16;font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.news-title{font-family:var(--serif);font-size:1.45rem;line-height:1.15;color:var(--navy);font-weight:800}
.news-teaser{font-size:.9rem;color:var(--muted)}
.news-more{padding:1.35rem 1.4rem 1.5rem}
.news-more p{margin-top:0;max-width:68ch}
.news-help{position:sticky;top:92px;border:1px solid #e2cf9f;background:linear-gradient(135deg,#fffaf0,#f4e6c4);border-radius:20px;padding:1.5rem}
.news-help h2{font-size:1.65rem;margin:.45rem 0 .75rem}
.news-help .btn{margin-top:.5rem;width:100%}

@media(max-width:850px){
  .video-week-grid,.news-layout{grid-template-columns:1fr}
  .news-help{position:static;order:-1}
}
@media(max-width:520px){
  .promo-group{gap:1rem}
  .promo-group a{font-size:.76rem}
  .video-week-thumb,.video-week-player video{min-height:235px}
  .news-title{font-size:1.25rem}
  .news-card summary{padding:1.15rem 3.4rem 1.15rem 1.1rem}
}

/* ===== Inscription aux actualités ===== */
.newsletter-fab{
  position:fixed;right:1.25rem;bottom:1.25rem;z-index:9000;
  display:flex;align-items:center;gap:.6rem;
  border:1px solid rgba(255,255,255,.24);border-radius:999px;
  padding:.72rem 1rem;background:var(--navy);color:#fff;
  font:800 .86rem/1.1 var(--sans);cursor:pointer;
  box-shadow:0 12px 32px rgba(3,20,33,.28);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease
}
.newsletter-fab:hover,.newsletter-fab:focus-visible{
  transform:translateY(-2px);background:#123a52;box-shadow:0 16px 38px rgba(3,20,33,.34)
}
.newsletter-fab svg{width:1.25rem;height:1.25rem;fill:none;stroke:var(--gold-2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.newsletter-modal[hidden]{display:none}
.newsletter-modal{
  position:fixed;inset:0;z-index:11000;display:grid;place-items:center;
  padding:1rem;background:rgba(3,18,29,.72);backdrop-filter:blur(3px)
}
.newsletter-dialog{
  position:relative;width:min(620px,100%);max-height:94vh;overflow:auto;
  border:1px solid #dcc58e;border-radius:20px;background:#fff;
  padding:1.4rem 1.2rem 1.15rem;box-shadow:0 26px 80px rgba(0,0,0,.38)
}
.newsletter-dialog h2{margin:.2rem 3rem .25rem .35rem;font-size:1.65rem}
.newsletter-intro{margin:.15rem .35rem .7rem;color:var(--muted);font-size:.92rem}
.newsletter-privacy{margin:-.25rem .35rem .65rem;color:var(--muted);font-size:.76rem}
.newsletter-privacy a{text-decoration:underline}
.newsletter-close{
  position:absolute;right:.85rem;top:.75rem;width:2.35rem;height:2.35rem;
  display:grid;place-items:center;border:0;border-radius:50%;
  background:#f3ecdc;color:var(--navy);font-size:1.65rem;line-height:1;cursor:pointer
}
.newsletter-close:hover,.newsletter-close:focus-visible{background:var(--gold-2)}
.newsletter-frame{display:block;width:100%;max-width:540px;margin:0 auto;border:0;background:#fff}
.newsletter-open{overflow:hidden}
.newsletter-footer-link{
  appearance:none;border:0;background:transparent;color:inherit;font:inherit;
  text-decoration:underline;cursor:pointer;padding:0
}
.newsletter-footer-link:hover,.newsletter-footer-link:focus{color:#fff}
@media(max-width:620px){
  .newsletter-fab{right:.75rem;bottom:.75rem;width:3.2rem;height:3.2rem;justify-content:center;padding:0}
  .newsletter-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .newsletter-fab svg{width:1.45rem;height:1.45rem}
  .newsletter-modal{padding:.45rem}
  .newsletter-dialog{padding:1.15rem .55rem .6rem;border-radius:16px}
  .newsletter-dialog h2{font-size:1.35rem;margin-left:.55rem}
  .newsletter-intro{margin-left:.55rem;margin-right:.55rem}
  .newsletter-frame{height:540px}
}
@media(prefers-reduced-motion:reduce){.newsletter-fab{transition:none}}

/* ===== Livret offert de Marc Labole ===== */
.triple-cta{grid-template-columns:repeat(3,1fr)}
.showcase-panel{background:linear-gradient(145deg,#fffaf0,#f3e4be)}
.free-guide-panel{
  grid-column:1/-1;display:grid;grid-template-columns:minmax(170px,220px) 1fr;gap:2rem;
  align-items:center;margin-top:.35rem;padding:1.7rem;border:1px solid rgba(205,166,74,.42);
  border-radius:22px;background:linear-gradient(135deg,#071827 0%,#0b2d45 72%,#123d56 100%);
  color:#e8eef3;box-shadow:0 18px 42px rgba(6,24,39,.16)
}
.free-guide-cover{
  position:relative;display:block;width:min(100%,205px);margin:auto;transform:rotate(-2deg);
  border-radius:5px;box-shadow:16px 18px 30px rgba(0,0,0,.34);transition:transform .25s ease
}
.free-guide-cover::after{
  content:"";position:absolute;inset:4px -7px 4px auto;width:8px;border-radius:0 3px 3px 0;
  background:repeating-linear-gradient(90deg,#f7f1e5 0 2px,#d9d1c2 2px 3px);z-index:-1
}
.free-guide-cover:hover,.free-guide-cover:focus-visible{transform:rotate(0) translateY(-4px)}
.free-guide-cover img{width:100%;height:auto;border-radius:5px;display:block}
.free-guide-content h2{margin:.15rem 0 .7rem;color:#fff;font-size:clamp(1.8rem,3vw,2.7rem)}
.free-guide-content p{max-width:72ch;margin:.5rem 0 1rem;color:#dce6ed}
.free-guide-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.free-guide-note{font-size:.8rem!important;color:#b9c8d2!important}
.free-guide-note a{color:var(--gold-2);font-weight:800}
.guide-access-page{min-height:70vh;background:linear-gradient(180deg,#f7f3ea,#fff)}
.guide-access-panel{
  display:grid;grid-template-columns:minmax(180px,250px) 1fr;gap:2.6rem;align-items:center;
  max-width:960px;margin:1rem auto;padding:2.2rem;border:1px solid #dfca95;border-radius:24px;
  background:linear-gradient(135deg,#071827 0%,#0b2d45 72%,#123d56 100%);
  color:#e8eef3;box-shadow:0 22px 55px rgba(6,24,39,.18)
}
.guide-access-cover img{display:block;width:100%;height:auto;border-radius:5px;box-shadow:18px 22px 34px rgba(0,0,0,.36);transform:rotate(-2deg)}
.guide-access-content h1{margin:.2rem 0 .7rem;color:#fff;font-size:clamp(2.1rem,5vw,3.6rem)}
.guide-access-content .lead{color:#fff}
.guide-access-content p{max-width:62ch;color:#dce6ed}
.guide-access-content .btn{margin-top:.7rem}
.guide-access-help{margin-top:1rem!important;font-size:.82rem}
.guide-access-help a{color:var(--gold-2);font-weight:800}
@media (max-width:1050px){
  .triple-cta{grid-template-columns:1fr 1fr}
  .triple-cta .showcase-panel{grid-column:1/-1}
}
@media (max-width:780px){
  .triple-cta{grid-template-columns:1fr}
  .triple-cta .showcase-panel{grid-column:auto}
  .free-guide-panel{grid-template-columns:140px 1fr;gap:1.3rem;padding:1.25rem}
  .guide-access-panel{grid-template-columns:1fr;text-align:center;padding:1.4rem;gap:1.5rem}
  .guide-access-cover{width:155px;margin:auto}
  .guide-access-content .btn{width:100%}
}
@media (max-width:560px){
  .free-guide-panel{grid-template-columns:1fr;text-align:center}
  .free-guide-cover{width:155px}
  .free-guide-actions{display:grid}
  .free-guide-actions .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.free-guide-cover{transition:none}}