:root{}
/* ============ v26: trust surface (confidentialite + methodologie) ============ */
/* Extension of the site design system — same palette, no redesign. */
.legal-main{padding-top:104px}
.legal-main section{padding:60px 0}
.legal-main section.band{background:var(--paper-deep);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.legal-main h3.sec{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:400;line-height:1.2;margin:0 0 8px}
.legal-main .intro{color:var(--ink-soft);font-style:italic;max-width:46em;margin:0 0 6px;font-size:1.05rem}
.lgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:30px 0 6px}
.lcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;box-shadow:0 6px 18px rgba(20,35,60,.06)}
.lcard b{display:block;font-family:var(--display);font-size:1.08rem;margin-bottom:8px;color:var(--blue-deep);font-weight:600}
.lcard p{color:var(--ink-soft);font-size:.96rem;margin:0;line-height:1.65}
.llist{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}
.llist li{padding:18px 4px;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.65}
.llist li>p{margin:6px 0 0;color:var(--ink-soft)}
.llist .lt{font-family:var(--display);font-size:1.12rem;color:var(--blue-deep)}
.mtable{width:100%;border-collapse:collapse;margin:30px 0 10px;font-size:.92rem}
.mtable th,.mtable td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.mtable thead th{font-family:-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}
.mtable td.cat{font-weight:700;white-space:nowrap}
.mtable td.score{font-weight:700;color:var(--amber);white-space:nowrap;font-size:1.02rem}
.mtable td.bar{color:var(--ink-soft);font-size:.86rem;line-height:1.55}
.tnote{color:var(--ink-soft);font-size:.88rem;font-style:italic;margin:14px 0 0}
footer .legalinks{margin:12px 0 2px}
footer .legalinks a{color:var(--ink-soft);text-decoration:none;border-bottom:1px dotted var(--amber)}
footer .legalinks a:hover{color:var(--amber)}
@media(max-width:700px){
  .legal-main{padding-top:92px}
  .mtable{font-size:.8rem}
  .mtable th,.mtable td{padding:9px 7px}
  .mtable td.bar{font-size:.76rem}
}