:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #202124; background: #f5f5f5; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 17px; line-height: 1.7; }
main { max-width: 1080px; margin: 32px auto; padding: 48px; background: white; border: 1px solid #e4e4e4; }
h1 { margin: 0 0 48px; font-size: clamp(24px, 4vw, 34px); line-height: 1.35; }
section { margin: 0 0 44px; }
h2 { margin: 0 0 18px; font-size: 19px; line-height: 1.65; font-weight: 500; }
a { color: #1759b7; overflow-wrap: anywhere; text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid #1759b7; outline-offset: 4px; }
.illustration { display: block; }
img { display: block; width: 100%; height: auto; }
footer { padding-top: 20px; border-top: 1px solid #e4e4e4; }
@media (max-width: 640px) {
  main { margin: 0; padding: 28px 16px; border: 0; }
  h1 { margin-bottom: 32px; }
  h2 { font-size: 17px; }
  section { margin-bottom: 32px; }
}
@media print {
  :root { background: white; }
  main { max-width: none; margin: 0; padding: 0; border: 0; }
  section { break-inside: avoid; }
}