:root { --bg: #0A0A0B; --panel: #141416; --line: #2D2D32; --ink: #F7F7F5; --text: #D4D4D8; --muted: #9C9CA4; --accent: #F5A623; --gold: #C98E2C; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 Arial, "Helvetica Neue", Helvetica, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 28px 16px 64px; }
header { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
header a.marca { font-weight: 800; letter-spacing: -.01em; color: var(--ink); text-decoration: none; font-size: 1.05rem; }
nav a { color: var(--accent); margin-left: 12px; font-size: .9rem; }
h1 { font-size: 1.8rem; line-height: 1.15; color: var(--ink); margin: 6px 0 4px; font-style: italic; }
h2 { font-size: 1.15rem; color: var(--ink); margin: 26px 0 6px; }
.borrador { display: inline-block; border: 1px solid var(--gold); color: var(--ink); background: color-mix(in srgb, var(--gold) 14%, var(--panel)); border-radius: 8px; padding: 6px 10px; font-size: .86rem; margin: 8px 0 18px; }
.fecha { color: var(--muted); font-size: .86rem; }
section.idioma { background: var(--panel); border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; margin-top: 18px; }
a { color: var(--accent); }
ul, ol { padding-left: 1.2em; }
li { margin: 4px 0; }
footer { margin-top: 28px; color: var(--muted); font-size: .86rem; }