/* Hoja de estilo para las paginas legales de Thespace Panic.
   Reutiliza la paleta arcade de styles.css pero con tipografia legible
   y medida de linea comoda para texto largo. */
.legal{max-width:820px;margin:auto;padding:28px 22px 70px}
.legal .back{display:inline-block;color:var(--cyan);text-decoration:none;font-size:.8rem;letter-spacing:.12em;margin-bottom:22px}
.legal .back:hover{color:var(--yellow)}
.legal h1{color:var(--pink);font-size:clamp(1.6rem,5vw,2.6rem);line-height:1.1;margin:0 0 6px;text-shadow:3px 3px #541142}
.legal .updated{color:#8496a3;font-size:.78rem;margin:0 0 34px}
.legal h2{color:var(--yellow);font-size:1.15rem;margin:38px 0 12px;padding-bottom:8px;border-bottom:1px solid #24414c}
.legal h3{color:var(--cyan);font-size:.98rem;margin:24px 0 8px}
.legal p,.legal li{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:.95rem;line-height:1.72;color:#d5e0e8}
.legal ul,.legal ol{padding-left:22px}
.legal li{margin-bottom:8px}
.legal a{color:var(--cyan)}
.legal strong{color:#fff}
.legal .box{border:2px solid #254b5a;background:rgba(10,21,32,.75);padding:18px 20px;margin:22px 0}
.legal table{width:100%;border-collapse:collapse;margin:18px 0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:.88rem}
.legal th,.legal td{border:1px solid #24414c;padding:10px 12px;text-align:left;vertical-align:top;color:#d5e0e8}
.legal th{background:rgba(41,238,225,.08);color:var(--cyan);font-weight:700}
.legal .tablewrap{overflow-x:auto}
@media(max-width:650px){.legal{padding-inline:15px}}