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

* { box-sizing: border-box; }
body { margin: 0; line-height: 1.6; }
a { color: #1877d2; }
header, main, footer { width: min(760px, calc(100% - 40px)); margin-inline: auto; }
header { display: flex; gap: 18px; align-items: center; padding: 38px 0 22px; }
header img { width: 76px; height: 76px; border-radius: 20px; }
h1, h2 { line-height: 1.2; }
h1 { margin: 0; font-size: clamp(2rem, 8vw, 3.5rem); }
h2 { margin-top: 2rem; }
.tagline { margin: 4px 0 0; color: #52677a; }
.card { padding: 26px; border: 1px solid #d5e0e6; border-radius: 22px; background: white; box-shadow: 0 12px 34px rgba(9, 35, 63, 0.08); }
nav { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
footer { padding: 36px 0; color: #52677a; font-size: 0.92rem; }
code { overflow-wrap: anywhere; }
ul, ol { padding-left: 1.25rem; }