:root {
  color-scheme: light;
  color: #17223b;
  background: #f6f8fb;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
header, main, footer { width: min(760px, calc(100% - 40px)); margin-inline: auto; }
header { padding: 44px 0 22px; }
header a { color: #195ea8; font-weight: 750; text-decoration: none; }
main { padding: 34px clamp(22px, 5vw, 52px); border: 1px solid #dce3eb; border-radius: 18px; background: #fff; box-shadow: 0 18px 55px rgba(23, 34, 59, .08); }
h1 { margin: 0 0 6px; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.1; }
h2 { margin: 34px 0 8px; font-size: 1.15rem; }
p, li { color: #42506a; }
ul { padding-left: 22px; }
a { color: #195ea8; }
.updated { margin: 0; color: #6c778b; }
footer { padding: 26px 0 48px; color: #6c778b; font-size: .9rem; }