:root {
  color-scheme: light dark;
  --bg: #f6f8fb;
  --surface: #ffffff;
  --text: #1f2937;
  --muted: #5f6b7a;
  --line: #dbe2ea;
  --brand: #176b58;
  --brand-soft: #e6f4ef;
  --code: #eef2f6;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #101613;
    --surface: #18201c;
    --text: #edf5f1;
    --muted: #b6c2bc;
    --line: #35443c;
    --brand: #79d6b5;
    --brand-soft: #1d3a30;
    --code: #27322d;
  }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif;
  font-size: 16px;
  line-height: 1.75;
}
.wrap { width: min(100% - 32px, 960px); margin-inline: auto; }
.hero {
  padding: 56px 0 38px;
  background: linear-gradient(145deg, var(--brand-soft), var(--surface));
  border-bottom: 1px solid var(--line);
}
.eyebrow { color: var(--brand); font-weight: 700; letter-spacing: .04em; }
h1 { margin: .15em 0; font-size: clamp(2rem, 5vw, 3.35rem); line-height: 1.15; }
.lead { max-width: 720px; font-size: 1.1rem; }
.meta { color: var(--muted); font-size: .92rem; }
main { padding-block: 28px 60px; }
section { scroll-margin-top: 20px; }
h3 { margin-top: 2em; line-height: 1.35; }
a { color: var(--brand); overflow-wrap: anywhere; }
code { padding: .12em .35em; border-radius: 4px; background: var(--code); }
li + li { margin-top: .45em; }
.table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: .94rem; line-height: 1.55; }
th, td { padding: 13px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { background: var(--brand-soft); }
tr:last-child td { border-bottom: 0; }
footer { padding: 28px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .9rem; }
@media (max-width: 560px) {
  .hero { padding-top: 36px; }
  .wrap { width: min(100% - 24px, 960px); }
}