:root { color-scheme: light; font-family: Montserrat, Arial, sans-serif; color: #2f0410; background: #fff; }
body { margin: 0; }
main { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 48px 0 80px; }
h1 { font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.05; }
h2 { margin-top: 2rem; }
p { line-height: 1.7; }
a { color: inherit; }

@media (max-width: 600px) {
  main {
    width: min(100% - 32px, 760px);
    padding: 32px 0 56px;
    overflow-wrap: anywhere;
  }

  h1 {
    font-size: clamp(2rem, 10vw, 2.75rem);
  }

  h2 {
    font-size: 1.35rem;
    line-height: 1.2;
  }
}

@media (max-width: 360px) {
  main {
    width: calc(100% - 24px);
  }
}