/* legal.css — gabarit pages légales + à propos (per-gabarit ; tokens via common.css) */

.legal-page{
  max-width:760px;
  margin:0 auto;
  padding:100px 28px 72px;
}
.legal-page h1{
  font-size:clamp(1.75rem,3vw,2.35rem);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.2;
  margin-bottom:12px;
  color:var(--fg);
}
.legal-page .meta{
  font-size:.88rem;
  color:var(--muted);
  margin-bottom:28px;
  line-height:1.5;
}
.legal-page h2{
  font-size:1.15rem;
  font-weight:700;
  margin:36px 0 12px;
  color:var(--fg);
  letter-spacing:-.02em;
}
.legal-page h3{
  font-size:1rem;
  font-weight:650;
  margin:22px 0 10px;
  color:var(--fg);
}
.legal-page p,
.legal-page li{
  font-size:.97rem;
  color:var(--fg2);
  line-height:1.75;
  margin-bottom:12px;
}
.legal-page ul{
  margin:8px 0 16px 1.25rem;
}
.legal-page li{margin-bottom:6px}
.legal-page a{color:var(--green-text);font-weight:500}
.legal-page a:hover{text-decoration:underline}

.legal-page .info-block{
  background:var(--bg2);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:20px 24px;
  margin:16px 0 20px;
}
.legal-page .info-block p{margin-bottom:8px}
.legal-page .info-block p:last-child{margin-bottom:0}

.legal-page .highlight{
  background:var(--green-bg);
  border:1px solid rgba(74,124,111,.22);
  border-radius:var(--r);
  padding:16px 20px;
  margin:0 0 24px;
  font-size:.94rem;
  color:var(--fg2);
  line-height:1.65;
}
.legal-page .warning{
  background:rgba(180,80,60,.08);
  border:1px solid rgba(180,80,60,.25);
  border-radius:var(--r);
  padding:16px 20px;
  margin:16px 0;
  font-size:.94rem;
  line-height:1.65;
  color:var(--fg2);
}

.legal-placeholder{
  display:inline;
  background:#fff3cd;
  color:#5c4a00;
  border:1px dashed #c9a227;
  border-radius:4px;
  padding:1px 6px;
  font-weight:700;
  font-size:.92em;
  white-space:nowrap;
}
[data-theme="dark"] .legal-placeholder{
  background:rgba(201,162,39,.22);
  color:#f5e6a8;
  border-color:#c9a227;
}

.legal-page table{
  width:100%;
  border-collapse:collapse;
  margin:14px 0 20px;
  font-size:.88rem;
}
.legal-page th,
.legal-page td{
  border:1px solid var(--border);
  padding:10px 12px;
  text-align:left;
  vertical-align:top;
}
.legal-page th{
  background:var(--bg2);
  font-weight:700;
  color:var(--fg);
}
.legal-page code{
  font-size:.86em;
  background:var(--bg2);
  padding:1px 6px;
  border-radius:4px;
}

.badge{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:3px 8px;
  border-radius:6px;
  margin-right:6px;
  vertical-align:middle;
}
.badge-req{background:var(--green-bg);color:var(--green-text)}
.badge-opt{background:var(--bg2);color:var(--muted);border:1px solid var(--border)}

/* À propos */
.about-page .about-lead{
  font-size:1.08rem;
  color:var(--muted);
  line-height:1.7;
  margin-bottom:28px;
}
.about-page .about-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--r);
  padding:24px 26px;
  margin:20px 0;
  box-shadow:var(--shadow);
}
.about-page .about-card h2{margin-top:0}
.about-cv-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  font-weight:700;
  font-size:.95rem;
}

@media (max-width:640px){
  .legal-page{padding:88px 18px 56px}
  .legal-page table{font-size:.8rem}
  .legal-page th,.legal-page td{padding:8px}
}
/* Repli sans JavaScript (thème du système) */
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]):not([data-theme="dark"]) .legal-placeholder{background:rgba(201,162,39,.22);color:#f5e6a8;border-color:#c9a227}
}