/* Centre éditorial Volupool */
.guide-page { background: #f8f5ee; }
.guide-header { border-bottom: 1px solid rgba(22,56,58,.09); background: rgba(255,253,248,.96); }
.guide-header nav { gap: 24px; }
.language-switch { display: flex; gap: 4px; margin-left: auto; }
.language-switch a { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--ink-soft); font: 800 8px "Manrope",sans-serif; }
.language-switch a[aria-current="page"] { border-color: var(--teal); color: white; background: var(--teal); }
.guide-main { min-height: 70vh; }
.guide-breadcrumb { max-width: 1180px; margin: auto; padding: 22px 24px 0; display: flex; flex-wrap: wrap; gap: 8px; color: #708683; font-size: 11px; }
.guide-breadcrumb a { color: var(--teal); }
.guide-hero { padding: 68px 24px 76px; color: white; background: var(--ink); }
.guide-hero-inner { max-width: 1180px; margin: auto; display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 70px; align-items: end; }
.guide-hero h1 { max-width: 850px; font-size: clamp(45px,6vw,76px); }
.guide-hero h1 em { color: #93d9d2; }
.guide-hero-intro { max-width: 780px; margin: 24px 0 0; color: #bdd1ce; font-size: 18px; line-height: 1.7; }
.guide-meta { padding: 22px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(255,255,255,.06); }
.guide-meta span { display: block; color: #91aaa6; text-transform: uppercase; letter-spacing: 1px; font-size: 8px; }
.guide-meta strong { display: block; margin: 5px 0 15px; font: 700 13px "Manrope",sans-serif; }
.guide-meta strong:last-child { margin-bottom: 0; }
.guide-layout { max-width: 1180px; margin: auto; padding: 50px 24px 95px; display: grid; grid-template-columns: 245px minmax(0,760px); gap: 54px; justify-content: center; align-items: start; }
.guide-toc { position: sticky; top: 24px; padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: white; box-shadow: 0 12px 30px rgba(24,57,58,.05); }
.guide-toc strong { display: block; margin: 0 8px 9px; font: 700 12px "Manrope",sans-serif; }
.guide-toc a { display: block; padding: 7px 8px; border-radius: 7px; color: var(--ink-soft); font-size: 10px; line-height: 1.35; }
.guide-toc a:hover { color: var(--teal); background: var(--aqua-soft); }
.guide-article { min-width: 0; }
.guide-summary { margin-bottom: 30px; padding: 24px 26px; border-left: 4px solid var(--coral); border-radius: 0 14px 14px 0; background: white; box-shadow: 0 10px 30px rgba(24,57,58,.05); }
.guide-summary span { display: block; color: var(--coral); text-transform: uppercase; letter-spacing: 1.2px; font: 800 9px "Manrope",sans-serif; }
.guide-summary p { margin: 8px 0 0; color: var(--ink); font-size: 16px; line-height: 1.65; }
.guide-section { scroll-margin-top: 25px; padding: 34px 0; border-bottom: 1px solid #d9dfda; }
.guide-section:first-of-type { padding-top: 5px; }
.guide-section h2 { margin-bottom: 18px; font: 700 clamp(29px,3.2vw,39px)/1.12 "Manrope",sans-serif; letter-spacing: -1.6px; }
.guide-section h3 { margin: 25px 0 8px; font: 700 19px/1.3 "Manrope",sans-serif; letter-spacing: -.5px; }
.guide-section p { margin: 12px 0; color: var(--ink-soft); font-size: 15px; line-height: 1.8; }
.guide-section ul, .guide-section ol { margin: 15px 0; padding-left: 23px; color: var(--ink-soft); font-size: 14px; line-height: 1.8; }
.guide-section li + li { margin-top: 6px; }
.formula-box { margin: 20px 0; padding: 22px 24px; border-radius: 14px; color: white; background: var(--teal); }
.formula-box span { display: block; color: #b9dcda; text-transform: uppercase; letter-spacing: 1px; font-size: 8px; }
.formula-box strong { display: block; margin-top: 7px; font: 700 clamp(19px,3vw,27px) "Manrope",sans-serif; }
.guide-note { margin: 20px 0; padding: 17px 19px; border: 1px solid #b9d7d1; border-radius: 12px; color: #355f5d; background: #e9f5f1; font-size: 13px; line-height: 1.65; }
.guide-note.warning { border-color: #efc2b7; color: #7d493e; background: #fff0eb; }
.guide-section a, .source-list a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
.faq-stack details { margin-top: 10px; padding: 0 18px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.faq-stack summary { padding: 17px 0; cursor: pointer; font-weight: 700; }
.faq-stack details p { margin-top: 0; }
.source-list { padding-left: 20px; color: var(--ink-soft); font-size: 12px; line-height: 1.7; }
.related-guides { max-width: 1180px; margin: auto; padding: 0 24px 100px; }
.related-guides h2, .guide-hub-section h2 { font-size: clamp(35px,4.2vw,52px); }
.guide-grid { margin-top: 28px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.guide-card { min-height: 245px; padding: 27px; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 17px; background: white; box-shadow: 0 14px 36px rgba(24,57,58,.05); }
.guide-card > span { color: var(--coral); text-transform: uppercase; letter-spacing: 1.2px; font: 800 9px "Manrope",sans-serif; }
.guide-card h2, .guide-card h3 { margin: 15px 0 10px; font: 700 23px/1.2 "Manrope",sans-serif; letter-spacing: -.8px; }
.guide-card p { margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }
.guide-card a { margin-top: auto; padding-top: 20px; color: var(--teal); font-size: 12px; font-weight: 800; }
.guide-hub-section { max-width: 1180px; margin: auto; padding: 80px 24px; }
.guide-hub-section.alt { max-width: none; background: #edf3ee; }
.guide-hub-section.alt > div { max-width: 1180px; margin: auto; }
.intent-grid { margin-top: 27px; display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.intent-grid article { padding: 24px; border-radius: 14px; background: white; }
.intent-grid strong { display: block; color: var(--teal); font: 700 15px "Manrope",sans-serif; }
.intent-grid p { margin: 8px 0 0; color: var(--ink-soft); font-size: 12px; line-height: 1.65; }
.guide-cta { max-width: 1180px; margin: 0 auto 95px; padding: 45px; display: flex; align-items: center; justify-content: space-between; gap: 35px; border-radius: 20px; color: white; background: var(--teal); }
.guide-cta h2 { font-size: clamp(34px,4vw,49px); }
.guide-cta p { margin: 12px 0 0; color: #c2dedb; }

@media (max-width: 1000px) {
  .guide-header nav { display: none; }
  .guide-hero-inner { grid-template-columns: 1fr; gap: 35px; }
  .guide-meta { max-width: 420px; }
  .guide-layout { grid-template-columns: 1fr; }
  .guide-toc { position: static; }
}
@media (max-width: 700px) {
  .guide-header .language-switch { display: none; }
  .guide-hero { padding: 50px 20px 57px; }
  .guide-hero h1 { font-size: 43px; }
  .guide-hero-intro { font-size: 15px; }
  .guide-layout { padding: 30px 17px 70px; gap: 30px; }
  .guide-grid, .intent-grid { grid-template-columns: 1fr; }
  .guide-hub-section, .related-guides { padding-left: 17px; padding-right: 17px; }
  .guide-cta { margin: 0 17px 70px; padding: 30px 23px; flex-direction: column; align-items: flex-start; }
}