/* Page "Mentions légales" - styles specifiques (le commun est dans main.css). */

.hero{background:var(--sarcelle-encre);color:var(--papier)}
.hero-inner{padding:64px 28px 56px;max-width:760px}
.hero .eyebrow{color:var(--sarcelle);margin-bottom:18px}
.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4.4vw,46px);line-height:1.06;letter-spacing:-0.01em}
.hero p{color:rgba(251,248,242,0.74);font-size:15px;max-width:600px;margin-top:18px;line-height:1.7;text-align:justify;text-justify:inter-word}
.hero-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:28px;font-family:var(--mono);font-size:11px;letter-spacing:0.04em;color:rgba(251,248,242,0.55)}
.hero-meta b{display:block;color:var(--papier);font-size:13px;margin-top:3px;font-weight:500;letter-spacing:0}

.legal{padding:56px 0 72px}
.legal-grid{display:grid;grid-template-columns:230px 1fr;gap:56px;align-items:start}

.toc{position:sticky;top:108px}
.toc .eyebrow{margin-bottom:14px;color:var(--sarcelle-fonce)}
.toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:2px}
.toc li{counter-increment:toc}
.toc a{display:flex;gap:9px;font-size:13px;color:var(--acier);padding:6px 0;line-height:1.4;transition:color .2s;align-items:baseline}
.toc a::before{content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:10px;color:var(--sarcelle-fonce);flex-shrink:0}
.toc a:hover{color:var(--sarcelle-fonce)}

.content{min-width:0;max-width:760px}
.sec{padding:30px 0;border-bottom:0.5px solid rgba(28,26,23,0.1);scroll-margin-top:104px}
.sec:first-child{padding-top:0}
.sec:last-child{border-bottom:none}
.sec-num{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}
.sec-num .n{font-family:var(--mono);font-size:12px;color:var(--sarcelle-fonce);letter-spacing:0.06em}
.sec-num h2{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.15;letter-spacing:-0.01em}
.content p{font-size:15px;color:#3A352E;line-height:1.7;margin-bottom:14px}
.content p:last-child{margin-bottom:0}
.content strong{color:var(--encre);font-weight:600}
.content ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0 0 16px}
.content ul li{font-size:15px;color:#3A352E;line-height:1.6;padding-left:20px;position:relative}
.content ul li::before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--sarcelle)}

.info-table{border:0.5px solid rgba(28,26,23,0.14);border-radius:12px;overflow:hidden;margin:4px 0 16px}
.info-table .row{display:grid;grid-template-columns:200px 1fr;border-bottom:0.5px solid rgba(28,26,23,0.1)}
.info-table .row:last-child{border-bottom:none}
.info-table .k{background:#F4EFE5;padding:11px 16px;font-size:13px;font-weight:500;color:var(--acier);border-right:0.5px solid rgba(28,26,23,0.1)}
.info-table .v{padding:11px 16px;font-size:14px;color:var(--encre)}
.info-table .v a{color:var(--sarcelle-fonce);border-bottom:1px solid var(--sarcelle)}
.info-table .v a:hover{color:var(--sarcelle-encre)}

.ph{font-family:var(--mono);font-size:12px;color:var(--sarcelle-fonce);background:#D7EFED;padding:1px 7px;border-radius:4px}

.legal-refs{background:#F4EFE5;border-radius:12px;padding:20px 24px;margin-top:8px}
.legal-refs li::before{background:var(--ocre)}

@media(max-width:860px){
  .legal-grid{grid-template-columns:1fr;gap:8px}
  .toc{position:static;margin-bottom:24px;padding-bottom:20px;border-bottom:0.5px solid rgba(28,26,23,0.12)}
  .toc ol{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}
  .info-table .row{grid-template-columns:1fr}
  .info-table .k{border-right:none;border-bottom:0.5px solid rgba(28,26,23,0.08)}
}