:root {
  --bg:#f6f7f4;
  --card:#fff;
  --ink:#1c2420;
  --muted:#5d6b64;
  --line:#dde3de;
  --accent:#146957;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#121815;
    --card:#1a221e;
    --ink:#e6ece8;
    --muted:#9aaaa1;
    --line:#2b3730;
    --accent:#5cc4a3;
  }
}
* { box-sizing:border-box; }
body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px/1.75 "Segoe UI","Microsoft YaHei",system-ui,sans-serif;
}
main {
  max-width:760px;
  margin:0 auto;
  padding:32px 16px 64px;
}
nav {
  display:flex;
  flex-wrap:wrap;
  gap:6px 18px;
  padding-bottom:16px;
  margin-bottom:24px;
  border-bottom:1px solid var(--line);
  font-size:14px;
}
nav a { color:var(--muted); text-decoration:none; }
nav a[aria-current] { color:var(--accent); font-weight:600; }
nav .brand { color:var(--ink); font-weight:700; margin-right:auto; }
h1 { font-size:28px; line-height:1.3; margin:0 0 6px; }
h2 { font-size:19px; margin:32px 0 8px; }
.lead { color:var(--muted); margin:0 0 24px; }
.updated { color:var(--muted); font-size:14px; }
a { color:var(--accent); }
.card {
  background:var(--card);
  border:1px solid var(--line);
  border-radius:10px;
  padding:16px 20px;
  margin:16px 0;
}
.price { font-size:34px; font-weight:700; color:var(--accent); line-height:1.2; }
.price small { font-size:14px; font-weight:400; color:var(--muted); }
table { width:100%; border-collapse:collapse; margin:12px 0; font-size:15px; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--muted); font-weight:600; }
code { background:var(--card); border:1px solid var(--line); border-radius:4px; padding:1px 6px; font-size:14px; }
li { margin:4px 0; }
footer { margin-top:48px; color:var(--muted); font-size:13px; }
@media (max-width: 480px) {
  h1 { font-size:24px; }
  th, td { padding:7px 6px; font-size:14px; }
}