:root, :root[data-theme="noche"] {
  --bg: #0B0B0D; --fg: #f2f2f0; --muted: #a9a9a2; --line: #26261f; --accent: #B8F500;
}
:root[data-theme="lima"] {
  --bg: #fff; --fg: #16161a; --muted: #555; --line: #e8e8e0; --accent: #7a8f00;
}
html, body { background: var(--bg); }

.static { max-width: 44rem; margin: 2rem auto 4rem; padding: 0 1.25rem; font-family: system-ui, sans-serif; color: var(--fg); line-height: 1.6; }
.static h1 { font-size: 1.4rem; margin: 0 0 .5rem; }
.static h2 { font-size: 1.05rem; margin: 2rem 0 .5rem; }
.static p, .static li { color: var(--fg); }
.static ul { padding-left: 1.2rem; }
.static a { color: var(--accent); }
.static__meta { color: var(--muted); font-size: .85rem; margin: 0 0 1.5rem; }
.static__note { border: 1px solid var(--line); border-radius: 10px; padding: .9rem 1.1rem; color: var(--muted); font-size: .9rem; margin: 1.5rem 0; }