:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: #e8edf0;
  background: #171b20;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.55; }
main { max-width: 760px; margin: auto; padding: 32px 24px 64px; }
h1, h2 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.2; }
h2 { margin-top: 2rem; }
p { color: #adb8c1; }
a { color: #d5ad78; text-underline-offset: .2em; }
button { min-height: 44px; padding: 9px 14px; border: 1px solid #3d4650; border-radius: 5px; background: #20262d; color: inherit; font: inherit; cursor: pointer; }
button:disabled { opacity: .55; cursor: default; }
:focus-visible { outline: 2px solid #d5ad78; outline-offset: 4px; }