/* Estilo de las páginas informativas, en línea con la papeleta del test. */
:root { color-scheme: light dark; --bg:#eceef0; --surface:#fff; --fg:#15181e; --muted:#566070; --line:#cfd4da; --accent:#9a5a00; --soft:#f5e6cc; --display:"IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif; --body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif; }
@media(prefers-color-scheme:dark){:root{--bg:#0f1216;--surface:#171b21;--fg:#eceef1;--muted:#9aa3b0;--line:#2c323b;--accent:#e8a33d;--soft:#3a2c12;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 var(--body);padding:24px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px))}
main{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px}header,.card{background:var(--surface);border:1px solid var(--line);padding:clamp(18px,4vw,30px)}header{border:2px solid var(--fg);border-bottom-style:dashed}.eyebrow{font:12px/1.5 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
h1,h2,h3{font-family:var(--display);line-height:1.15;text-wrap:balance}h1{font-size:clamp(2rem,7vw,3rem);margin:.45em 0}h2{font-size:1.5rem;margin:1.4em 0 .5em}h3{font-size:1.2rem;margin:1.2em 0 .35em}p,ul,ol{max-width:72ch}p{margin:.8em 0}a{color:var(--accent);text-underline-offset:3px}.lead{font-size:1.1rem}.muted{color:var(--muted)}.placeholder{display:inline-block;background:var(--soft);color:var(--fg);padding:1px 5px;font-weight:600}.callout{border-left:4px solid var(--accent);padding:10px 14px;background:var(--bg)}
.topnav,.foot{display:flex;gap:8px 16px;flex-wrap:wrap}.topnav{font-size:14px}.foot{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding:14px 2px}.foot a{color:var(--muted)}.sources li{margin:.5em 0;overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:460px;font-size:.95rem}th,td{border:1px solid var(--line);padding:8px;text-align:left}th{background:var(--bg)}
@media(max-width:520px){body{font-size:15px;padding-top:14px}.card,header{padding:16px}.topnav{gap:8px 12px}}