:root{
  --bg:#1e1511; --surface:#2b1f1a; --ink:#f6efe9; --ink-2:#d9c8ba; --accent:#9b7358;
  --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  line-height:1.6;
}
.container{max-width:760px;margin:0 auto;padding:0 20px}
.site-header{
  background:var(--surface); border-bottom:1px solid var(--line);
  padding:18px 0;
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.wordmark{
  color:var(--ink); text-decoration:none; font-weight:700; letter-spacing:.02em;
  font-family:'Playfair Display',serif; font-size:1.1rem;
}
.wordmark small{display:block;font-size:.65em;color:var(--accent);font-weight:500;letter-spacing:.15em;text-transform:uppercase}
.back-link{color:var(--accent);text-decoration:none;font-size:.95rem}
.back-link:hover{text-decoration:underline}
main{padding:40px 0 60px}
h1{font-family:'Playfair Display',serif;font-size:1.8rem;margin-bottom:4px;color:var(--ink)}
.updated{color:var(--ink-2);font-size:.9rem;margin-top:0}
h2{font-size:1.15rem;margin-top:32px;color:var(--accent)}
h3{font-size:1rem;margin-top:22px;color:var(--ink)}
p,li{color:var(--ink-2)}
a{color:var(--accent)}
.pendiente{
  background:rgba(155,115,88,.15); border:1px solid var(--accent);
  border-radius:8px; padding:10px 14px; font-size:.9rem; color:var(--ink);
}
.site-footer{
  border-top:1px solid var(--line); padding:20px 0; text-align:center;
}
.site-footer small{color:var(--ink-2)}