:root {
  --ink: #17202a;
  --ink-soft: #45515e;
  --muted: #65717d;
  --surface: #fff;
  --surface-subtle: #f4f7f8;
  --accent: #087b83;
  --accent-strong: #055a61;
  --accent-soft: #e2f4f3;
  --border: #ccd7da;
  --focus: #f3b61f;
  --danger: #a62c2b;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, monospace;
  --step--1: clamp(.82rem, .78rem + .2vw, .92rem);
  --step-0: clamp(1rem, .94rem + .25vw, 1.125rem);
  --step-1: clamp(1.25rem, 1.08rem + .75vw, 1.65rem);
  --step-2: clamp(1.65rem, 1.3rem + 1.5vw, 2.45rem);
  --step-3: clamp(2.2rem, 1.6rem + 2.6vw, 3.8rem);
  --space-1: .35rem;
  --space-2: .65rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3.5rem;
  --radius: .2rem;
  --shadow: 0 12px 35px rgb(23 32 42 / .08);
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--surface); color: var(--ink-soft); font: var(--step-0)/1.72 var(--font-body); }
img, svg { display: block; max-width: 100%; }
a { color: var(--accent-strong); text-underline-offset: .18em; }
a:hover { color: var(--accent); }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
h1, h2, h3 { color: var(--ink); line-height: 1.12; text-wrap: balance; }
h1 { font: 700 var(--step-3)/1.05 var(--font-display); }
h2 { margin-top: var(--space-6); font-size: var(--step-2); }
h3 { font-size: var(--step-1); }
p, li { max-width: 72ch; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* support-sites:related-reading:start */
.related-reading{width:min(68rem,calc(100% - 2.5rem));margin:clamp(2rem,6vw,4rem) auto;padding:1.4rem 0;border-block:1px solid currentColor}
.related-reading-label{margin:0 0 .75rem;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.related-reading ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}
.related-reading a{display:block;height:100%;padding:.85rem;border:1px solid currentColor;text-decoration:none}
.related-reading a:hover{text-decoration:underline}
@media(max-width:720px){.related-reading ul{grid-template-columns:1fr}}
/* support-sites:related-reading:end */