/* =========================================================
   Get Invest — rubrique « Comprendre »
   Même système de design que la page d'accueil (ivoire & or).
   ========================================================= */
:root{
  --ivory:#F7F2E9;--ivory-2:#EFE7D8;--paper:#FFFDF9;--night:#17150F;--night-2:#221F17;
  --line:#E2D8C5;--line-dark:rgba(247,242,233,.14);
  --ink:#1A1A1A;--ink-2:#4A453D;--gold-ink:#7A5E12;--gold:#B8972A;--gold-soft:rgba(184,151,42,.14);
  --on-night:#F7F2E9;--on-night-2:#C9C0AE;--gold-light:#D4B560;
  --ok:#2F5A24;--ok-bg:#E7EFE1;--no:#7A2A14;--no-bg:#F6E4DF;--mid:#6A4E0A;--mid-bg:#F4EAD0;
  --f-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --f-body:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --t-xs:.75rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.125rem;--t-xl:1.5625rem;
  --t-2xl:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);--t-3xl:clamp(2.1rem,1.3rem + 3.2vw,3.4rem);
  --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:40px;--s-6:48px;--s-8:64px;--s-10:80px;
  --gutter:clamp(16px,4vw,48px);--radius:2px;--maxw:1200px;
  --shadow:0 1px 2px rgba(26,26,26,.04),0 8px 24px rgba(26,26,26,.06);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--f-body);font-size:var(--t-md);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold-ink)}
img,svg{max-width:100%;display:block}
p{margin:0 0 var(--s-2)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--ivory);padding:8px 16px;z-index:200}
.skip:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wide{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}

/* ---------- Navigation (identique à l'accueil) ---------- */
.top{position:sticky;top:0;z-index:50;height:72px;display:flex;align-items:center;background:rgba(247,242,233,.94);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}
.top .in{max-width:1280px;margin:0 auto;padding:0 var(--gutter);width:100%;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:none}
.brand b{display:block;font-family:var(--f-display);font-size:1.35rem;font-weight:600;letter-spacing:.06em;line-height:1.1}
.brand span span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.top nav{margin-left:auto;display:flex;gap:20px;align-items:center}
.top nav a{font-size:var(--t-sm);font-weight:500;text-decoration:none;color:var(--ink-2);white-space:nowrap;padding:8px 0;border-bottom:1px solid transparent}
.top nav a:hover{color:var(--ink);border-bottom-color:var(--gold)}
.top nav a.on{color:var(--ink);border-bottom-color:var(--gold)}
.top .tel{display:inline-flex;align-items:center;gap:8px;font-size:var(--t-sm);font-weight:600;text-decoration:none;color:var(--ink);white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 var(--s-3);border-radius:var(--radius);font-family:var(--f-body);font-size:var(--t-sm);font-weight:600;letter-spacing:.04em;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .2s}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:#C7A63A}
.btn-line{border-color:var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--ivory)}
@media (max-width:1100px){.top nav{display:none}.top .tel{margin-left:auto}}
@media (max-width:640px){.top .btn{display:none}.top .tel span{display:none}.top .tel{width:44px;height:44px;justify-content:center;border:1px solid var(--line);border-radius:50%}}

/* ---------- En-tête d'article ---------- */
.hero{background:var(--ivory-2);border-bottom:1px solid var(--line);padding:var(--s-5) 0 var(--s-8);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-10%;top:-40%;width:60vw;height:60vw;max-width:760px;max-height:760px;background:radial-gradient(circle,rgba(184,151,42,.13),transparent 62%);pointer-events:none}
.crumbs{font-size:var(--t-xs);color:var(--ink-2);margin:0 0 var(--s-4)}
.crumbs a{color:var(--ink-2)}
.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:var(--s-6);align-items:start;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:var(--s-2)}
.eyebrow::before{content:"";width:24px;height:1px;background:var(--gold)}
h1{font-family:var(--f-display);font-weight:500;font-size:var(--t-3xl);line-height:1.06;letter-spacing:-.01em;margin:0 0 var(--s-3)}
h1 em{color:var(--gold-ink)}
.chapo{font-size:var(--t-lg);color:var(--ink-2);margin:0 0 var(--s-3)}
.meta{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:var(--t-sm);color:var(--ink-2)}
.meta b{color:var(--ink);font-weight:600}
.essentiel{background:var(--night);color:var(--on-night);padding:var(--s-4);border-radius:var(--radius);border-top:2px solid var(--gold);box-shadow:var(--shadow)}
.essentiel .lbl{font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);margin-bottom:var(--s-2);display:block}
.essentiel ul{list-style:none;margin:0;padding:0}
.essentiel li{position:relative;padding:12px 0 12px 36px;border-bottom:1px solid var(--line-dark);font-size:var(--t-sm);color:var(--on-night-2);line-height:1.55}
.essentiel li:last-child{border-bottom:0;padding-bottom:0}
.essentiel li b{color:var(--on-night);font-weight:600}
.essentiel li::before{counter-increment:e;content:counter(e);position:absolute;left:0;top:10px;width:24px;height:24px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--gold-light);font-weight:600}
.essentiel ul{counter-reset:e}

/* ---------- Mise en page lecture ---------- */
.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--s-6);padding-top:var(--s-8);padding-bottom:var(--s-4);align-items:start}
.toc{position:sticky;top:96px}
.toc details summary{list-style:none;cursor:default;font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--s-2);pointer-events:none}
.toc summary::-webkit-details-marker{display:none}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:t;border-left:1px solid var(--line)}
.toc li a{display:block;padding:8px 0 8px 16px;margin-left:-1px;border-left:1px solid transparent;font-size:var(--t-sm);line-height:1.4;color:var(--ink-2);text-decoration:none}
.toc li a::before{counter-increment:t;content:"0" counter(t) "  ";font-family:var(--f-display);color:var(--gold-ink);font-size:1rem;margin-right:6px}
.toc li a:hover,.toc li a.active{color:var(--ink);border-left-color:var(--gold)}
.content{min-width:0}

/* Blocs numérotés (cadres) */
.block{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-5);margin-bottom:var(--s-3);position:relative}
.block-n{font-family:var(--f-display);font-size:2.4rem;line-height:1;color:var(--gold);margin-bottom:var(--s-1)}
.block h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-2xl);line-height:1.15;margin:0 0 var(--s-3)}
.block h3{font-size:var(--t-lg);margin:var(--s-4) 0 var(--s-1)}
.block p,.block li{color:#2E2A24}
.block ul{padding-left:0;list-style:none;margin:0 0 var(--s-2)}
.block ul li{position:relative;padding-left:28px;margin-bottom:10px}
.block ul li::before{content:"";position:absolute;left:0;top:.8em;width:14px;height:1px;background:var(--gold)}
.block strong{color:var(--ink)}
.block>*:last-child{margin-bottom:0}

.key{border-left:2px solid var(--gold);background:var(--gold-soft);padding:var(--s-2) var(--s-3);margin:var(--s-3) 0 0;border-radius:0 var(--radius) var(--radius) 0}
.key p{margin:0}
.key .lbl{display:block;font-size:var(--t-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}

/* Cartes dans un bloc */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2);margin:var(--s-2) 0}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid var(--line);background:var(--ivory);border-radius:var(--radius);padding:var(--s-3)}
.card .k{font-size:var(--t-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);display:block;margin-bottom:6px}
.card .v{font-family:var(--f-display);font-size:1.45rem;line-height:1.2;color:var(--ink);display:block;margin-bottom:6px}
.card p{font-size:var(--t-sm);color:var(--ink-2);margin:0}
.card.dark{background:var(--night);border-color:var(--night)}
.card.dark .k{color:var(--gold-light)}.card.dark .v{color:var(--on-night)}.card.dark p{color:var(--on-night-2)}

/* Tableau */
.tbl-wrap{overflow-x:auto;margin:var(--s-2) 0}
.tbl{width:100%;border-collapse:collapse;font-size:var(--t-sm);background:var(--paper);border:1px solid var(--line)}
.tbl th,.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl thead th{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;background:var(--ivory-2)}

/* Vrai / faux */
.myths{display:grid;gap:12px;margin:var(--s-2) 0}
.myth{display:grid;grid-template-columns:120px 1fr;gap:var(--s-2);align-items:start;border:1px solid var(--line);background:var(--ivory);padding:var(--s-2) var(--s-3);border-radius:var(--radius)}
.myth q{display:block;font-family:var(--f-display);font-style:italic;font-size:1.2rem;line-height:1.25;color:var(--ink);margin-bottom:4px;quotes:"« " " »"}
.myth p{font-size:var(--t-sm);color:var(--ink-2);margin:0}
.chip{display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:999px;white-space:nowrap}
.chip.ok{background:var(--ok-bg);color:var(--ok)}
.chip.no{background:var(--no-bg);color:var(--no)}
.chip.mid{background:var(--mid-bg);color:var(--mid)}

/* Pour qui */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin:var(--s-2) 0}
.fit>div{border-radius:var(--radius);padding:var(--s-3)}
.fit .yes{background:var(--night);color:var(--on-night)}
.fit .yes h3{color:var(--gold-light)}
.fit .yes li{color:var(--on-night-2)}
.fit .maybe{background:var(--ivory);border:1px solid var(--line)}
.fit h3{margin:0 0 var(--s-2);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase}

/* ---------- Schémas ---------- */
.diagram{margin:var(--s-4) 0 var(--s-2);padding:var(--s-4);background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius)}
.diagram .d-title{display:flex;align-items:center;gap:10px;font-size:var(--t-xs);font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:var(--s-3)}
.diagram .d-title::before{content:"";width:18px;height:18px;border:1px solid var(--gold);border-radius:50%;background:radial-gradient(circle,var(--gold) 3px,transparent 4px)}
.diagram figcaption{font-size:var(--t-xs);color:var(--ink-2);margin-top:var(--s-3);line-height:1.5}

/* Frise chronologique */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2);position:relative}
.timeline::before{content:"";position:absolute;left:12%;right:12%;top:23px;height:1px;background:var(--gold)}
.timeline li{position:relative;text-align:center;padding:0 4px}
.timeline .dot{width:48px;height:48px;margin:0 auto var(--s-2);border-radius:50%;background:var(--paper);border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--f-display);font-size:1.3rem;color:var(--gold-ink);position:relative}
.timeline li:last-child .dot{background:var(--night);color:var(--gold-light);border-color:var(--night)}
.timeline b{display:block;font-size:var(--t-sm);color:var(--ink);line-height:1.35;margin-bottom:4px}
.timeline span{display:block;font-size:var(--t-xs);color:var(--ink-2);line-height:1.5}
.timeline .when{font-family:var(--f-display);font-size:1.25rem;color:var(--gold-ink);font-style:italic;margin-bottom:2px}

/* Barre empilée (cumul) */
.stack-row{margin-bottom:var(--s-3)}
.stack-row:last-of-type{margin-bottom:0}
.stack-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-2);margin-bottom:10px}
.stack-head b{font-size:var(--t-sm)}
.stack-head span{font-family:var(--f-display);font-size:1.6rem;line-height:1;color:var(--ink)}
.bar{display:flex;height:56px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.bar>div{display:flex;align-items:center;justify-content:center;font-size:var(--t-sm);font-weight:600;white-space:nowrap;overflow:hidden;padding:0 6px}
.seg1{background:var(--night);color:var(--gold-light)}
.seg2{background:var(--gold-ink);color:var(--ivory)}
.seg3{background:var(--gold);color:var(--ink)}
.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);margin-top:var(--s-3)}
.legend div{font-size:var(--t-xs);color:var(--ink-2);line-height:1.5;padding-left:22px;position:relative}
.legend div b{display:block;color:var(--ink);font-size:var(--t-sm)}
.legend i{position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:2px}

/* Flux « qui donne à qui » */
.flow{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;gap:var(--s-2)}
.flow .col{display:grid;gap:10px}
.node{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;font-size:var(--t-sm);text-align:center}
.node small{display:block;color:var(--ink-2);font-size:var(--t-xs)}
.node.main{background:var(--night);color:var(--on-night);border-color:var(--night);padding:var(--s-3) 16px}
.node.main b{font-family:var(--f-display);font-size:1.5rem;font-weight:500;display:block}
.node.main small{color:var(--on-night-2)}
.arrow{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--t-xs);color:var(--gold-ink);font-weight:600;text-align:center}
.arrow svg{width:56px;height:24px}
.caps{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-top:var(--s-3)}
.cap{border-top:1px solid var(--gold);padding-top:10px;font-size:var(--t-sm);color:var(--ink-2)}
.cap b{display:block;font-family:var(--f-display);font-size:1.5rem;font-weight:500;color:var(--ink);line-height:1.1}

/* Triangle (SVG) */
.triangle{max-width:560px;margin:0 auto}
.triangle text{font-family:var(--f-body)}

/* Comparaison France / Luxembourg */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}
.vs>div{border-radius:var(--radius);padding:var(--s-3);border:1px solid var(--line);background:var(--paper)}
.vs h4{margin:0 0 var(--s-2);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.vs .big{font-family:var(--f-display);font-size:1.6rem;line-height:1.15;margin-bottom:var(--s-2);color:var(--ink)}
.vs .lux{background:var(--night);border-color:var(--night)}
.vs .lux h4{color:var(--gold-light)}.vs .lux .big{color:var(--on-night)}
.ladder{list-style:none;margin:0;padding:0;counter-reset:l}
.ladder li{counter-increment:l;display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-dark);font-size:var(--t-sm);color:var(--on-night-2)}
.ladder li::before{content:counter(l);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;border:1px solid var(--line-dark);color:var(--on-night-2)}
.ladder li:first-child{color:var(--on-night);font-weight:600}
.ladder li:first-child::before{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.gauge{height:14px;border-radius:999px;background:var(--ivory-2);overflow:hidden;margin:6px 0 8px;border:1px solid var(--line)}
.gauge i{display:block;height:100%;background:var(--gold-ink)}
.vs p{font-size:var(--t-sm);color:var(--ink-2);margin:0}

/* Égalité fiscale */
.same{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s-2);align-items:stretch}
.same .side{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:var(--s-3);text-align:center}
.same .side h4{margin:0 0 var(--s-2);font-family:var(--f-display);font-size:1.35rem;font-weight:500}
.same .side div{font-size:var(--t-sm);padding:8px 0;border-top:1px solid var(--line);color:var(--ink-2)}
.same .eq{display:grid;place-items:center;font-family:var(--f-display);font-size:3rem;color:var(--gold);line-height:1}

/* Questions fréquentes */
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:var(--s-2) 40px var(--s-2) 0;position:relative;font-weight:600;min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--f-display);font-size:1.8rem;color:var(--gold-ink);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details>div{padding-bottom:var(--s-2);color:var(--ink-2)}

/* Auteur & mentions */
.author{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-4);align-items:center;margin:var(--s-3) 0;padding:var(--s-5);background:var(--night);color:var(--on-night);border-radius:var(--radius);border-top:2px solid var(--gold)}
.author .mono{width:72px;height:72px;border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--f-display);font-size:1.8rem;color:var(--gold-light)}
.author p{margin:0;color:var(--on-night-2);font-size:var(--t-sm)}
.author b{color:var(--on-night);font-family:var(--f-display);font-size:1.5rem;font-weight:500;display:block;margin-bottom:4px}
.author .acts{display:flex;flex-direction:column;gap:10px}
.author .btn-line{border-color:var(--on-night-2);color:var(--on-night)}
.author .btn-line:hover{background:var(--on-night);color:var(--ink)}
.disclaimer{font-size:var(--t-xs);color:var(--ink-2);padding:var(--s-2) 0 var(--s-8);margin:0}
.next{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin:var(--s-3) 0}

/* Liste d'articles */
.list{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);padding-top:var(--s-8);padding-bottom:var(--s-10)}
.acard{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-4);transition:border-color .2s,box-shadow .2s}
.acard:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.acard .tag{font-size:var(--t-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.acard h2{font-family:var(--f-display);font-weight:500;font-size:var(--t-xl);line-height:1.2;margin:var(--s-1) 0}
.acard p{color:var(--ink-2);font-size:var(--t-sm);margin:0 0 var(--s-3)}
.acard .more{margin-top:auto;font-size:var(--t-sm);font-weight:600;color:var(--gold-ink)}

/* Pied de page */
footer{background:#0F0E0A;color:#A69C88;font-size:var(--t-xs);line-height:1.7;padding:var(--s-6) 0}
footer .links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:var(--s-3);font-size:var(--t-sm)}
footer .links a{color:var(--on-night-2);text-decoration:none}
footer .links a:hover{color:var(--gold-light)}
footer a{color:inherit}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .hero-grid{grid-template-columns:1fr;gap:var(--s-4)}
  .layout{grid-template-columns:1fr;gap:var(--s-3);padding-top:var(--s-5)}
  .toc{position:static;background:var(--paper);border:1px solid var(--line);padding:var(--s-2) var(--s-3);border-radius:var(--radius)}
  .toc details summary{pointer-events:auto;cursor:pointer;margin:0;padding:6px 0;display:flex;justify-content:space-between}
  .toc details summary::after{content:"+";font-family:var(--f-display);font-size:1.5rem;color:var(--gold-ink);line-height:1}
  .toc details[open] summary{margin-bottom:var(--s-1)}
  .toc details[open] summary::after{content:"–"}
  .author{grid-template-columns:auto 1fr}
  .author .acts{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
}
@media (max-width:640px){
  body{font-size:15px}
  .hero{padding:var(--s-3) 0 var(--s-5)}
  .block{padding:var(--s-3)}
  .block-n{font-size:2rem}
  .diagram{padding:var(--s-3) var(--s-2)}
  .cards,.cards.c3,.fit,.vs,.caps,.next,.list{grid-template-columns:1fr}
  .myth{grid-template-columns:1fr;gap:8px}
  .myth .chip{justify-self:start}
  .timeline{grid-template-columns:1fr;gap:0}
  .timeline::before{left:23px;right:auto;top:24px;bottom:24px;width:1px;height:auto}
  .timeline li{display:grid;grid-template-columns:48px 1fr;gap:var(--s-2);text-align:left;padding:0 0 var(--s-3)}
  .timeline li:last-child{padding-bottom:0}
  .timeline .dot{margin:0}
  .legend{grid-template-columns:1fr;gap:10px}
  .bar{height:48px}
  .bar>div{font-size:var(--t-xs)}
  .flow{grid-template-columns:1fr;gap:var(--s-1)}
  .arrow{flex-direction:row;justify-content:center;padding:4px 0}
  .arrow svg{transform:rotate(90deg);width:40px}
  .same{grid-template-columns:1fr}
  .same .eq{font-size:2rem;padding:0}
  .author{grid-template-columns:1fr;padding:var(--s-3)}
}
@media (max-width:640px){.seg2 span{display:none}}
/* Triangle : version empilée sur mobile */
.tri-m{display:none}
@media (max-width:640px){
  .triangle{display:none}
  .tri-m{display:grid;gap:8px;position:relative;padding-left:20px;border-left:1px solid var(--gold);margin-left:8px}
  .tri-core{background:var(--night);color:var(--on-night);padding:16px;border-radius:var(--radius);font-family:var(--f-display);font-size:1.4rem;line-height:1.1}
  .tri-core small{display:block;font-family:var(--f-body);font-size:var(--t-xs);color:var(--on-night-2);margin-top:4px}
  .tri-node{background:var(--paper);border:1px solid var(--line);padding:12px 16px;border-radius:var(--radius);font-size:var(--t-sm);position:relative}
  .tri-node::before{content:"";position:absolute;left:-21px;top:50%;width:20px;height:1px;background:var(--gold)}
  .tri-node b{display:block}
  .tri-node span{color:var(--ink-2)}
}
/* Listes dans les comparaisons */
.vs ul{margin:0}
.vs li{font-size:var(--t-sm)}
.vs .lux li{color:var(--on-night-2)}
.vs .lux ul li::before{background:var(--gold-light)}
/* Organigramme (SVG) + version mobile */
.org{max-width:640px;margin:0 auto}
.org-m{display:none}
@media (max-width:640px){
  .org{display:none}
  .org-m{display:grid;gap:8px;text-align:center}
  .om-node{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px;font-weight:600;font-size:var(--t-md)}
  .om-node small{display:block;font-weight:400;font-size:var(--t-xs);color:var(--ink-2)}
  .om-node.dark{background:var(--night);color:var(--on-night);border-color:var(--night)}
  .om-node.dark small{color:var(--gold-light)}
  .om-node.gold{border-color:var(--gold)}
  .om-link{font-size:var(--t-xs);color:var(--ink-2)}
  .om-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .om-pair .om-node{font-size:var(--t-sm)}
  .om-flows{display:grid;gap:6px;margin-top:8px;text-align:left}
  .om-flows span{font-size:var(--t-xs);color:var(--ink-2);background:var(--gold-soft);padding:8px 12px;border-radius:var(--radius)}
  .om-flows b{color:var(--gold-ink)}
}
.bar em{font-style:normal}
@media (max-width:640px){.bar em.lg{display:none}.stack-head{flex-direction:column;align-items:flex-start;gap:2px}}
/* Deux chemins (salaire / dividendes) */
.paths{display:grid;gap:var(--s-2)}
.lane{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius);padding:var(--s-3)}
.lane.dark{background:var(--night);border-color:var(--night)}
.lane-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:var(--s-2)}
.lane-h b{font-family:var(--f-display);font-size:1.5rem;font-weight:500;color:var(--ink)}
.lane-h span{font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase}
.lane.dark .lane-h b{color:var(--on-night)}.lane.dark .lane-h span{color:var(--on-night-2)}
.steps-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.steps-row li{position:relative;padding:12px 14px;border:1px solid var(--line);background:var(--ivory);border-radius:var(--radius);font-size:var(--t-sm)}
.steps-row li:not(:last-child)::after{content:"→";position:absolute;right:-22px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:1.1rem;font-weight:700}
.steps-row b{display:block;color:var(--ink);line-height:1.3;margin-bottom:4px}
.steps-row span{display:block;font-size:var(--t-xs);color:var(--ink-2);line-height:1.45}
.steps-row li.end{background:var(--gold-soft);border-color:var(--gold)}
.lane.dark .steps-row li{background:var(--night-2);border-color:var(--line-dark)}
.lane.dark .steps-row b{color:var(--on-night)}.lane.dark .steps-row span{color:var(--on-night-2)}
.lane.dark .steps-row li.end{background:rgba(184,151,42,.18);border-color:var(--gold)}
.lane.dark .steps-row li:not(:last-child)::after{color:var(--gold-light)}
.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}
.matrix .chip{white-space:normal;text-align:center}
@media (max-width:900px){
  .steps-row{grid-template-columns:1fr;gap:22px}
  .steps-row li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-22px;transform:translateX(-50%)}
}
.vs .lux strong{color:var(--on-night)}
@media (max-width:640px){
  .matrix{border:0;background:none}
  .matrix thead{display:none}
  .matrix tbody{display:grid;gap:8px}
  .matrix tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
  .matrix td{border:0;padding:0;text-align:left !important}
  .matrix td:first-child{grid-column:1/-1;font-weight:600;color:var(--ink)}
  .matrix td[data-l]::before{content:attr(data-l);display:block;font-size:var(--t-xs);color:var(--ink-2);margin-bottom:4px}
  .tbl-wrap:has(.matrix){overflow:visible}
}
/* Aller plus loin */
.related{margin:var(--s-5) 0 var(--s-3)}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}
.rel-grid .acard{padding:var(--s-3)}
.rel-grid h3{font-family:var(--f-display);font-weight:500;font-size:1.25rem;line-height:1.25;margin:8px 0 var(--s-2)}
@media (max-width:900px){.rel-grid{grid-template-columns:1fr}}
/* Encadré alerte */
.key.warn{border-left-color:var(--no);background:var(--no-bg)}
.key.warn .lbl{color:var(--no)}
/* Liste de contrôle */
.checklist{list-style:none;margin:var(--s-2) 0;padding:0;display:grid;gap:8px}
.checklist li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;background:var(--ivory);border:1px solid var(--line);padding:12px 16px;border-radius:var(--radius);font-size:var(--t-sm);margin:0}
.block ul.checklist li{padding-left:16px}
.block ul.checklist li::before{content:none}
.checklist .box{width:22px;height:22px;border:1.5px solid var(--gold);border-radius:3px;display:grid;place-items:center;color:var(--gold-ink);font-weight:700;font-size:13px}
.checklist b{display:block;color:var(--ink)}
/* Scénarios (avant / après) */
.scen{display:grid;grid-template-columns:1fr 40px 1fr;gap:var(--s-2);align-items:stretch}
.scen .s{border-radius:var(--radius);padding:var(--s-3);border:1px solid var(--line);background:var(--paper)}
.scen .s.bad{border-color:#E7C3B8;background:#FBF1EE}
.scen .s.good{border-color:var(--gold);background:var(--gold-soft)}
.scen h4{margin:0 0 var(--s-1);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase}
.scen .s.bad h4{color:var(--no)}.scen .s.good h4{color:var(--gold-ink)}
.scen .big{font-family:var(--f-display);font-size:1.45rem;line-height:1.2;margin-bottom:var(--s-1);color:var(--ink)}
.scen p{font-size:var(--t-sm);color:var(--ink-2);margin:0 0 6px}
.scen .mid{display:grid;place-items:center;font-family:var(--f-display);font-size:2rem;color:var(--gold)}
@media (max-width:640px){.scen{grid-template-columns:1fr}.scen .mid{transform:rotate(90deg);font-size:1.6rem;padding:0}}
/* Jauge de barème */
.scale{display:grid;gap:10px}
.scale .row{display:grid;grid-template-columns:150px 1fr 64px;gap:12px;align-items:center;font-size:var(--t-sm)}
.scale .track{height:26px;background:var(--ivory-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex}
.scale .np{background:var(--gold);height:100%}
.scale .us{background:var(--night);height:100%}
.scale b{font-family:var(--f-display);font-size:1.2rem;font-weight:600;text-align:right}
.scale-leg{display:flex;gap:var(--s-3);flex-wrap:wrap;font-size:var(--t-xs);color:var(--ink-2);margin-top:var(--s-2)}
.scale-leg i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
@media (max-width:640px){.scale .row{grid-template-columns:1fr 56px}.scale .row>span:first-child{grid-column:1/-1}}
/* Barèmes : colonnes plus larges */
.scale .row{grid-template-columns:minmax(150px,230px) 1fr 104px}
@media (max-width:640px){.scale .row{grid-template-columns:1fr 96px}}
/* Tableau à 3 colonnes de valeurs sur mobile */
@media (max-width:640px){.matrix.m3 tr{grid-template-columns:1fr 1fr 1fr}}
/* Schéma familial */
.fam{display:grid;gap:var(--s-3)}
.fam-top{display:flex;align-items:center;justify-content:center;gap:var(--s-2);flex-wrap:wrap}
.fam-top .node{min-width:160px}
.fam-link{font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.06em;text-transform:uppercase}
.fam-kids{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);position:relative;padding-top:var(--s-3);border-top:1px solid var(--gold)}
.kid{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-2);text-align:center;display:grid;gap:6px;justify-items:center}
.kid b{font-size:var(--t-sm)}
.kid small{font-size:var(--t-xs);color:var(--ink-2)}
.kid.no{border-style:dashed;border-color:#D9A99A;background:#FBF1EE}
@media (max-width:640px){.fam-kids{grid-template-columns:1fr}}