.legal-container { min-width: 0; box-sizing: border-box; overflow-wrap: anywhere; color: #ddd; background: #1b1b1b; padding: clamp(16px, 3vw, 28px); border: 1px solid #555; border-radius: 12px; line-height: 1.6; }
.legal-container--document { width: 100%; max-width: 1200px; }
/* Les panneaux de lecture ne sont pas des cartes cliquables. */
.legal-container .card,
.legal-container .card:hover { transform: none; box-shadow: none; border-color: var(--card-border, #555); transition: none; }
.legal-container h1, .legal-container h2 { color: var(--primary-yellow, #ffdf00); line-height: 1.3; }
.legal-container h1 { font-size: clamp(1.5rem, 4vw, 2rem); }
.legal-container h2 { font-size: 1.2rem; }
.legal-container p { font-size: 1rem; line-height: 1.65; }
.legal-container a { color: var(--primary-yellow, #ffdf00); }
.legal-container a:focus-visible, .legal-container summary:focus-visible { outline: 2px solid #ffdf00; outline-offset: 4px; }
.legal-editor { display: grid; gap: 1.2rem; }
.legal-editor label:not(.legal-checkbox) { display: grid; gap: .5rem; }
.legal-editor input:not([type=checkbox]), .legal-editor textarea { box-sizing: border-box; width: 100%; padding: .75rem; font: inherit; color: #eee; background: #171717; border: 1px solid #777; border-radius: .4rem; }
.legal-editor textarea { min-height: 24rem; resize: vertical; line-height: 1.6; }
.legal-checkbox { display: flex; align-items: flex-start; gap: .7rem; padding: .8rem 0; cursor: pointer; }
.legal-checkbox input[type=checkbox] { flex: 0 0 auto; width: 1.2rem; height: 1.2rem; margin-top: .2rem; }
.legal-tabs { display: flex; flex-wrap: wrap; gap: .8rem; margin: 1rem 0; }
.legal-tabs a { padding: .7rem 1rem; border: 1px solid #777; border-radius: .5rem; }
.legal-tabs a[aria-current=page] { color: #111; background: #ffd600; }
.legal-preview { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.7; margin: 1rem 0; }
.legal-alert { padding: 1rem; border: 1px solid #ffb400; border-radius: .5rem; }
.legal-editor .card { min-width: 0; }
.legal-editor summary { cursor: pointer; padding: .6rem 0; }