:root {
  --bg: #f5f4ef; --surface: #fff; --ink: #1c2321; --muted: #5c6662;
  --primary: #0d5f4e; --outline: #dcdad2;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #141917; --surface: #1d2422; --ink: #e8ece9; --muted: #9aa5a0;
          --primary: #7fd6bd; --outline: #2c3531; }
}
* { box-sizing: border-box; margin: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: var(--bg); color: var(--ink); line-height: 1.65;
  max-width: 760px; margin: 0 auto; padding: 40px 20px 64px;
}
h1 { font-size: 1.9rem; letter-spacing: -0.02em; }
h2 { color: var(--primary); font-size: 1.1rem; margin-top: 2rem; }
p, ul { margin-top: .8rem; color: var(--muted); }
li { margin-top: .3rem; }
strong { color: var(--ink); }
a { color: var(--primary); }
.updated { font-size: .875rem; color: var(--muted); margin-top: .4rem; }
.back { display: inline-block; margin-bottom: 24px; font-size: .9rem; text-decoration: none; }
.sk { border-left: 3px solid var(--outline); padding-left: 14px; margin-top: 2rem;
      font-size: .92rem; color: var(--muted); }
footer { margin-top: 3rem; padding-top: 1.2rem; border-top: 1px solid var(--outline);
         font-size: .85rem; color: var(--muted); }