/* La casa de Fermie: crema, marrón y redondeado. */
:root {
  --bg: #FAF2E2;
  --card: #F3E9D4;
  --ink: #6B4521;
  --ink-soft: #8A6A46;
  --accent: #C77E3C;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: ui-rounded, "SF Pro Rounded", -apple-system, "Segoe UI", sans-serif;
  line-height: 1.65;
  padding: 48px 24px 80px;
}
main { max-width: 680px; margin: 0 auto; }
.lang { text-align: right; font-size: 0.9rem; margin-bottom: 24px; }
a { color: var(--accent); font-weight: 600; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 2rem; margin-bottom: 4px; }
.date { color: var(--ink-soft); font-size: 0.95rem; margin-bottom: 28px; }
.tldr {
  background: var(--card);
  border-radius: 20px;
  padding: 18px 22px;
  font-weight: 600;
  margin-bottom: 36px;
}
h2 { font-size: 1.25rem; margin: 32px 0 8px; }
p { margin-bottom: 12px; }
ul { margin: 0 0 12px 24px; }
li { margin-bottom: 6px; }
footer { margin-top: 48px; color: var(--ink-soft); font-size: 0.9rem; }