:root {
  color-scheme: light;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #242424;
  background: #fff;
  line-height: 1.6;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #2459a8; text-underline-offset: 3px; }
a:hover { color: #173b70; }
a:focus-visible { outline: 2px solid #2459a8; outline-offset: 4px; }
.site-header, main, footer { width: min(640px, calc(100% - 40px)); margin-inline: auto; }
main { padding-block: 64px; }
h1 { margin: 0; font-size: 24px; font-weight: 600; line-height: 1.3; }
.tool-list { margin: 24px 0 0; padding-left: 20px; }
.tool-list li { margin-block: 12px; }
.site-header, footer { padding-block: 24px; font-size: 14px; }
.brand { color: inherit; text-decoration: none; }
.brand span, .eyebrow, .intro, footer { color: #666; }
.eyebrow { margin: 0 0 12px; font-size: 14px; }
.intro { margin: 16px 0 0; }
.back-link { display: inline-block; margin-top: 24px; }
@media (max-width: 540px) {
  main { padding-block: 40px; }
}