:root {
  color-scheme: light;
  --ink: #173d3b;
  --muted: #58706d;
  --paper: #ecfaf6;
  --panel: #fff9e8;
  --line: #b9ddd5;
  --accent: #0d8b7e;
  --accent-strong: #07584f;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: radial-gradient(circle at top, #d8fff4 0, var(--paper) 42%, #d7eee7 100%);
}
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.page { width: min(920px, calc(100% - 32px)); margin: 0 auto; padding: 56px 0; }
.hero { min-height: calc(100vh - 112px); display: grid; align-content: center; gap: 20px; }
.eyebrow, .updated { margin: 0; color: var(--muted); font-size: 14px; font-weight: 700; }
h1 { margin: 0; max-width: 760px; font-size: clamp(44px, 9vw, 92px); line-height: .96; }
.lead { max-width: 650px; margin: 0; color: var(--muted); font-size: 22px; line-height: 1.5; }
.links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.links a { display: inline-flex; min-height: 44px; align-items: center; border: 1px solid var(--line); border-radius: 18px; padding: 10px 16px; background: var(--panel); color: var(--accent-strong); font-weight: 800; }
.document { max-width: 760px; }
.document h1 { margin-top: 24px; font-size: 50px; }
.document h2 { margin: 34px 0 8px; font-size: 21px; }
.document p { margin: 10px 0 0; color: var(--muted); font-size: 17px; line-height: 1.68; }
.back { font-weight: 800; }
@media (max-width: 560px) {
  .page { width: min(100% - 24px, 920px); padding: 36px 0; }
  .hero { min-height: calc(100vh - 72px); }
  .lead { font-size: 19px; }
  .links { display: grid; }
}