/* Páginas legales: mismos colores y letras que la web, en una sola columna de lectura. */
:root{--bg:#F7F6FA;--surface:#FFFFFF;--ink:#34323C;--strong:#2A2831;--muted:#504E58;--line:#E4E1EA;--purple:#7028AE;--gold:#B08A3E;--gold-text:#634C1F;--todo:#FFF3C4;--todo-ink:#5C4500}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#17151C;--surface:#211E28;--ink:#E6E3EC;--strong:#F4F2F7;--muted:#BDB9C7;--line:#34303D;--purple:#C99AF0;--gold:#D4B26A;--gold-text:#E2C584;--todo:#4A3B12;--todo-ink:#FFE7A3;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#17151C;--surface:#211E28;--ink:#E6E3EC;--strong:#F4F2F7;--muted:#BDB9C7;--line:#34303D;--purple:#C99AF0;--gold:#D4B26A;--gold-text:#E2C584;--todo:#4A3B12;--todo-ink:#FFE7A3;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 "Schibsted Grotesk",system-ui,sans-serif;padding-inline:16px;-webkit-font-smoothing:antialiased}
.hbar{margin-inline:-16px;padding:16px;border-bottom:1px solid var(--gold)}
.hbar a{display:flex;align-items:center;gap:11px;max-width:760px;margin-inline:auto;text-decoration:none}
.mk{width:30px;height:30px}.mk .m1{fill:var(--purple)}.mk .m2{fill:var(--gold)}
.wm{font:400 23px/1 "Stardos Stencil",Georgia,serif;letter-spacing:.05em;color:var(--strong)}.wm b{color:var(--purple);font-weight:700}
main{max-width:760px;margin-inline:auto;padding-block:40px 56px}
h1{font-size:clamp(32px,5vw,44px);line-height:1.05;letter-spacing:-.035em;color:var(--strong);margin:0 0 6px}
.date{color:var(--muted);font-size:14px;margin:0 0 28px}
h2{font-size:21px;letter-spacing:-.02em;color:var(--strong);margin:32px 0 8px}
p,li{margin:0 0 10px}
a{color:var(--purple)}
dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
dt{font-weight:600;color:var(--strong)}dd{margin:0}
.todo{background:var(--todo);color:var(--todo-ink);border-radius:4px;padding:0 4px}
.note{border-left:3px solid var(--gold);padding:10px 16px;background:var(--surface);border-radius:0 10px 10px 0}
footer{margin-inline:-16px;padding:22px 16px 30px;border-top:1px solid var(--gold);font-size:14px;color:var(--muted)}
footer div{max-width:760px;margin-inline:auto;display:flex;flex-wrap:wrap;gap:8px 18px}
footer a{color:var(--ink)}
/* brillo, igual que en la herramienta */
:root[data-eff="light"][data-bright="-1"]{--bg:#E9E7EF;--surface:#F4F3F8;--muted:#46444E;--purple:#621F9C}
:root[data-eff="light"][data-bright="1"]{--bg:#FFFFFF;--surface:#FFFFFF;--ink:#1F1D24;--strong:#121016;--muted:#3E3C46;--line:#C9C5D3}
:root[data-eff="dark"][data-bright="-1"]{--bg:#201E26;--surface:#28252F;--ink:#D6D2DE;--strong:#E7E4ED;--purple:#D4B0F3}
:root[data-eff="dark"][data-bright="1"]{--bg:#0D0C11;--surface:#1A1820;--ink:#F5F3F9;--strong:#FFFFFF;--muted:#D6D2DE;--line:#4C4757}