html[data-lang="es"] .en-only,html[data-lang="en"] .es-only{display:none!important}
.legal{max-width:860px;margin:30px auto 0;padding:clamp(20px,4vw,44px);line-height:1.6}
.legal h1{font-size:clamp(28px,5vw,42px);margin:.2em 0}
.legal h2{font-family:var(--f-head);font-size:20px;margin:1.6em 0 .4em;color:#fff3cf}
.legal p,.legal li{color:#cdd4f6}
.legal .upd{color:var(--dim);font-family:var(--f-ui);font-size:12px;letter-spacing:.1em}
.draft-banner{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(255,207,90,.12);border:1px dashed var(--gold);color:#ffe7a8;margin-bottom:18px}
.draft-banner b{font-family:var(--f-ui);font-size:11px;letter-spacing:.16em;background:var(--gold);color:#1a1200;padding:4px 8px;border-radius:6px}
.todo{background:rgba(255,84,112,.15);border:1px dashed rgba(255,84,112,.6);color:#ffc2cd;border-radius:6px;padding:0 5px}
.sup-grid{display:grid;gap:12px;margin:18px 0}
@media(min-width:700px){.sup-grid{grid-template-columns:repeat(3,1fr)}}
.sup{padding:16px}.sup h2{margin:0 0 6px;font-size:16px}.sup p{margin:0}
.tldr{margin:16px 0 8px;padding:16px 18px;border-radius:14px;background:rgba(62,240,255,.07);border:1px solid rgba(62,240,255,.35)}
.tldr h2{margin:0 0 6px!important;font-size:18px!important;color:var(--cyan)!important}
.tldr ul{margin:0;padding-left:20px}.tldr li{color:#e8ecff}
.tldr-note{margin:8px 0 0;font-size:13px;color:var(--dim)!important}
.todo-hint{font-size:.9em;color:var(--dim)}
.src-note{margin-top:28px;font-size:13px;color:var(--dim)!important;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}
.legal code{background:rgba(255,255,255,.08);padding:0 .3em;border-radius:4px;font-size:.92em}
.legal em{color:var(--dim)}