:root {
  color-scheme: light;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.55;
  color: #1d2433;
  background: #f5f7fa;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: #175cd3; }
header { background: #fff; border-bottom: 1px solid #dde2ea; }
nav, main, footer { width: min(920px, calc(100% - 32px)); margin: 0 auto; }
nav { min-height: 66px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
nav strong { margin-right: auto; }
main { background: #fff; margin-top: 24px; margin-bottom: 24px; padding: 30px; border: 1px solid #e2e6ec; border-radius: 8px; }
h1 { margin-top: 0; font-size: 32px; }
h2 { margin-top: 30px; font-size: 22px; }
li { margin: 8px 0; }
footer { padding: 8px 0 30px; color: #667085; }
@media (max-width: 600px) { main { padding: 20px; } h1 { font-size: 27px; } nav { padding: 12px 0; gap: 12px; } }