/* Complements a /legal/_style.css pour les guides : meta, encadres, CTA, FAQ.
   Les guides sont des pages de contenu lues par Google : HTML statique,
   aucune dependance JS pour le texte. */
.meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:13px;color:var(--ink3);margin:-.6rem 0 1.6rem}
.meta span{white-space:nowrap}
.lede{font-size:17.5px;color:var(--ink2);line-height:1.6;margin-bottom:1.4rem}
.lede strong{color:var(--ink)}
.box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;margin:1.2rem 0}
.box h3{margin:.1rem 0 .5rem}
.total{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--accent2);margin-top:.6rem;padding-top:.5rem;font-weight:700;color:var(--ink)}
.total .n{font-size:20px;color:var(--accent)}
table.liste td:last-child,table.liste th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
table.menu td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.kpi{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}
.kpi>div{flex:1 1 120px;background:rgba(116,153,109,.10);border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;text-align:center}
.kpi .n{font-size:22px;font-weight:800;color:var(--accent);line-height:1.1}
.kpi .l{font-size:12px;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}
.cta{background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;border-radius:16px;padding:1.3rem 1.3rem;margin:1.8rem 0}
.cta h2{color:#fff;margin:0 0 .4rem;font-size:19px}
.cta p{color:rgba(255,255,255,.92);margin:0 0 .9rem;font-size:15px}
.cta a{display:inline-block;background:#fff;color:var(--accent);font-weight:700;text-decoration:none;padding:.7rem 1.2rem;border-radius:11px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:600;padding:.7rem 0;color:var(--ink);list-style:none;display:flex;align-items:center;gap:.5rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';margin-left:auto;color:var(--accent);font-size:19px;font-weight:400}
.faq details[open] summary::after{content:'–'}
.faq p{margin:0 0 .9rem;font-size:15px}
.hub{list-style:none;padding:0;margin:1.2rem 0}
.hub li{margin:0 0 .8rem}
.hub a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;text-decoration:none;color:inherit;transition:border-color .15s}
.hub a:hover{border-color:var(--accent2)}
.hub b{display:block;font-size:16.5px;color:var(--ink);margin-bottom:.2rem}
.hub span{font-size:14px;color:var(--ink2)}
.hub small{display:block;font-size:12px;color:var(--ink3);margin-top:.4rem;text-transform:uppercase;letter-spacing:.05em}
.suite{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.suite h2{margin-top:0;font-size:16px}