:root{--red:#b20812;--red2:#e01822;--gold:#d7c7a1;--paper:#f7f1e8;--ink:#111}*{box-sizing:border-box}body{margin:0;background:#050505;color:#f4eee6;font-family:Georgia,'Times New Roman',serif;line-height:1.72}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 5vw;background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.2));backdrop-filter:blur(8px)}.brand{color:var(--red2);font-weight:800;letter-spacing:.2em}.links{display:flex;gap:15px;font-size:.9rem;align-items:center}.reader-link{color:inherit}.langs{display:flex;align-items:center;gap:10px;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.08em}
.langs a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;font-size:.78rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:0 9px;background:rgba(255,255,255,.06);color:#f4eee6;transition:.2s}
.langs a:hover,.langs a.active{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 0 18px rgba(224,24,34,.35)}
.langs .sep{color:rgba(255,255,255,.35);font-size:.78rem}

/* Onglet actif : la couleur suit la page ouverte */
.links a.active{color:#fff;background:rgba(178,8,18,.28);border:1px solid rgba(224,24,34,.55);box-shadow:0 0 18px rgba(224,24,34,.18);border-radius:12px;padding:7px 10px}
.links a:hover{color:#fff;background:rgba(255,255,255,.08);border-radius:12px}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.06);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;z-index:31}
.nav-toggle span{width:20px;height:2px;background:#f4eee6;border-radius:999px;transition:.25s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hero{min-height:100vh;background:radial-gradient(circle at center,rgba(178,8,18,.16),rgba(0,0,0,.82)),url('baron-cover.jpg') center/cover no-repeat;display:grid;place-items:center;text-align:center;padding:110px 6vw}.hero-content{max-width:980px}.kicker{letter-spacing:.28em;color:var(--gold);font-size:.85rem}.hero h1{font-size:clamp(3rem,12vw,8.5rem);letter-spacing:.1em;color:var(--red2);margin:.05em 0;text-shadow:0 0 35px rgba(224,24,34,.38)}.tag{font-size:clamp(1.35rem,3vw,2.5rem);margin:.3em auto;max-width:900px}.hero-sub{max-width:820px;margin:20px auto;color:#ddd}.btn{display:inline-block;padding:13px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);margin:8px;transition:.25s}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.15)}.btn.primary{background:var(--red);border-color:var(--red)}.btn.ghost{border-color:rgba(215,199,161,.5);color:var(--gold)}section{padding:90px 7vw}.page{padding-top:140px;min-height:80vh}.paper{background:var(--paper);color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px;align-items:center}.cover{max-width:360px;width:100%;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.5)}h2{font-size:clamp(2rem,5vw,4rem);line-height:1.05;color:var(--red2);margin:0 0 22px}.lead{font-size:1.25rem}.notice{margin-top:22px;padding:14px 18px;border-left:4px solid var(--red);background:rgba(178,8,18,.09)}.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:30px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:18px}.step strong{color:var(--red2);font-size:1.1rem}.excerpt{max-width:880px;margin:auto}.excerpt blockquote{font-size:clamp(1.4rem,3vw,2.4rem);border-left:4px solid var(--red);margin:30px 0;padding:10px 0 10px 24px;color:#fff}.letter{max-width:820px;margin:auto;background:rgba(0,0,0,.58);border:1px solid rgba(215,199,161,.25);border-radius:28px;padding:42px}.poem{font-size:1.35rem;color:var(--gold);text-align:center}.signature{font-size:1.4rem;color:var(--gold);font-style:italic}.reader-wrap{max-width:1050px;margin:auto}.login-box{max-width:460px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:26px;border-radius:22px}.login-box label{display:block;margin-bottom:8px}.login-box input{width:100%;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#111;color:#fff;font-size:1rem}.alert{background:#3b080b;border:1px solid var(--red);padding:12px 18px;border-radius:14px;margin:15px 0}.reader-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:14px;border-radius:18px;margin-bottom:28px}.book{background:#f9f4eb;color:#111;padding:clamp(24px,5vw,72px);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.4);font-size:1.08rem}.book h1,.book h2,.book h3{color:#111;text-align:center}.book h2{margin-top:70px;font-size:2.1rem}.book h3{letter-spacing:.04em;color:#8b1117}.book .quote{font-style:italic;text-align:center;color:#6d1116}.book .dialogue{margin-left:25px;color:#222}.small{font-size:.9rem;color:#aaa}.footer{padding:32px 7vw;border-top:1px solid rgba(255,255,255,.09);color:#aaa}.memorial{background:radial-gradient(circle at center,rgba(178,8,18,.18),rgba(0,0,0,.94))}@media(max-width:950px){
  .nav{gap:10px;padding:12px 4.5vw;background:rgba(0,0,0,.94);position:fixed;align-items:center}
  .brand{font-size:1rem;letter-spacing:.18em}
  .nav-toggle{display:flex;order:3;margin-left:4px}
  .langs{order:2;margin-left:auto;gap:5px}
  .langs a{min-width:30px;height:26px;padding:0 7px;font-size:.72rem}
  .langs .sep{display:none}
  .links{display:none;position:fixed;top:66px;left:0;right:0;z-index:30;background:linear-gradient(180deg,rgba(0,0,0,.98),rgba(18,0,2,.97));border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(178,8,18,.35);padding:16px 5vw 22px;box-shadow:0 28px 60px rgba(0,0,0,.65)}
  .links.open{display:grid;grid-template-columns:1fr;gap:6px}
  .links a{display:block;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:1rem}
  .links a.reader-link{color:#f4eee6}.links a.active.reader-link{background:rgba(178,8,18,.22);border-color:rgba(178,8,18,.55);color:#fff}
  body.menu-open{overflow:hidden}
  .grid,.timeline{grid-template-columns:1fr}
  .hero{background-position:center top;padding-top:120px}
  .page{padding-top:115px}
  section{padding-left:6vw;padding-right:6vw}
  .book{font-size:1rem;padding:26px}
}
@media(max-width:430px){
  .brand{letter-spacing:.12em}
  .nav{padding-left:12px;padding-right:12px}
  .langs a{min-width:28px;padding:0 6px}
  .nav-toggle{width:40px;height:40px}
}



/* ==== CORRECTIF MOBILE V4 — menu visible sans dépendre du JavaScript ==== */
.menu-check{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.mobile-menu-btn{display:none;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.30);border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:.76rem;letter-spacing:.08em;cursor:pointer;z-index:60;box-shadow:0 0 18px rgba(178,8,18,.12)}
.mobile-menu-btn .burger{display:flex;flex-direction:column;gap:5px}
.mobile-menu-btn .burger i{display:block;width:20px;height:2px;background:#fff;border-radius:999px;transition:.25s}
.menu-check:checked + .mobile-menu-btn{background:rgba(178,8,18,.32);border-color:rgba(224,24,34,.7)}
.menu-check:checked + .mobile-menu-btn .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-check:checked + .mobile-menu-btn .burger i:nth-child(2){opacity:0}
.menu-check:checked + .mobile-menu-btn .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:950px){
  .nav{display:grid !important;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;background:rgba(0,0,0,.96) !important;padding:12px 14px !important;min-height:66px}
  .brand{grid-column:1;font-size:1rem;letter-spacing:.15em;white-space:nowrap}
  .mobile-menu-btn{display:flex !important;grid-column:3;grid-row:1}
  .langs{grid-column:2;grid-row:1;justify-self:end;margin-left:0 !important;gap:5px;display:flex !important;min-width:max-content}
  .langs a{min-width:30px;height:26px;padding:0 7px;font-size:.72rem}
  .langs .sep{display:none}
  .links{display:none !important;position:fixed !important;top:66px !important;left:0 !important;right:0 !important;z-index:50 !important;background:linear-gradient(180deg,rgba(0,0,0,.99),rgba(18,0,2,.98)) !important;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(178,8,18,.45);padding:16px 5vw 22px !important;box-shadow:0 28px 60px rgba(0,0,0,.70)}
  .menu-check:checked ~ .links{display:grid !important;grid-template-columns:1fr;gap:8px}
  .links.open{display:grid !important}
  .links a{display:block;padding:14px 15px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:1rem;line-height:1.2}
  .links a.reader-link{color:#f4eee6}.links a.active.reader-link{background:rgba(178,8,18,.22);border-color:rgba(178,8,18,.55);color:#fff}
  .nav-toggle{display:none !important}
}
@media(max-width:430px){
  .nav{grid-template-columns:auto 1fr auto;gap:8px;padding:10px 10px !important}
  .brand{font-size:.95rem;letter-spacing:.12em}
  .mobile-menu-btn{height:40px;padding:0 10px;font-size:.68rem}
  .langs a{min-width:27px;height:25px;padding:0 5px;font-size:.68rem}
}
@media(max-width:360px){
  .menu-word{display:none}
  .mobile-menu-btn{width:42px;justify-content:center;padding:0}
  .langs a{min-width:25px;font-size:.64rem}
}