:root { --bg: #f2efe9; --card: #ffffff; --text: #1d1b17; --muted: #6f6a60; --accent: #b0832f; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #0e0e10; --card: #17171a; --text: #f4f1ea; --muted: #9a968c; --accent: #d6a84a; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 28px 16px 56px; }
.marca { font-weight: 800; font-size: 18px; margin: 0 0 18px; }
.marca span { color: var(--accent); }
h1 { font-size: 28px; line-height: 1.2; margin: 0; }
.data { color: var(--muted); font-size: 14px; margin: 4px 0 20px; }
h2 { font-size: 18px; margin: 28px 0 6px; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
a { color: var(--accent); }