/* À charger après style2.css. Tokens hérités (--bg, --surface, --line, --ink, --mute, --green, --accent, --gold). */
.page{padding-top:40px;padding-bottom:88px;max-width:860px}
.page h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.1;margin:8px 0 16px}
.page h2{font-size:1.5rem;margin:40px 0 12px}
.page .lead{color:var(--mute);font-size:1.15rem;max-width:640px}
.crumb{font-size:.9rem;color:var(--mute)}.crumb a{color:var(--mute)}
.note{color:var(--mute);font-size:.95rem;margin-top:32px}
.facts-list{display:grid;gap:0;margin:24px 0;border-top:1px solid var(--line)}
.facts-list>div{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.facts-list dt{color:var(--mute)}.facts-list dd{margin:0;font-weight:600}
.cards{margin:28px 0}.cards .card h2{margin:0 0 8px;font-size:1.15rem}.cards .card p{margin:0;color:var(--mute)}
.narrow{max-width:520px;display:grid;gap:12px;margin-top:24px}
.thanks{text-align:center;max-width:620px;margin:32px auto}
.thanks .check{width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--on);display:grid;place-items:center;font-size:1.8rem;margin:0 auto 16px}
.next{text-align:left;color:var(--mute);margin:24px auto;max-width:480px;padding-left:20px}.next li{margin:8px 0}.next strong{color:var(--green)}
.stamp2{display:inline-block;font-size:.85rem;background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:2px 12px;color:var(--mute)}
.fiche{display:flex;justify-content:space-between;gap:16px;align-items:center;text-decoration:none;color:var(--ink);transition:border-color .2s}
.fiche:hover{border-color:var(--accent)}.fiche .meta{display:grid;gap:4px;text-align:right}
.mute{color:var(--mute)}.badge.ok{display:inline-block;background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);border-radius:999px;padding:2px 12px;font-size:.85rem;font-weight:600}
.src{padding-left:20px}.src li{margin:8px 0}
.empty .pbar{margin:14px 0 8px}
@media(max-width:640px){.facts-list>div{grid-template-columns:1fr;gap:4px}.fiche{flex-direction:column;align-items:flex-start}.fiche .meta{text-align:left}}
/* À ajouter à pages.css : tableaux de la fiche RNCP lisibles (th à gauche, mobile sans débordement) */
.page table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:.95rem}
.page th{text-align:left;font-weight:600;color:var(--green);vertical-align:top;padding:12px 16px 12px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.page td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.page thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);white-space:normal}
.page td ul{margin:0;padding-left:18px}.page td li{margin:2px 0}
@media(max-width:640px){.page table,.page tbody,.page tr,.page th,.page td{display:block;width:100%}.page thead{display:none}.page tr{border-bottom:1px solid var(--line);padding:10px 0}.page th,.page td{border:0;padding:2px 0;white-space:normal}.page td[data-l]::before{content:attr(data-l);display:block;font-size:.8rem;color:var(--mute)}}
.page td{padding-right:16px}.page td:last-child{padding-right:0}