@media (max-width: 720px) {
  .container { padding-inline: var(--sp-4); }
  .section { padding-block: var(--sp-7); }
  h1 { font-size: var(--fs-600); }
  h2 { font-size: var(--fs-400); }
  .site-header__inner { padding-block: var(--sp-3); }
  .timeline__item { flex: 0 0 180px; }
}

@media (min-width: 1600px) {
  .container { max-width: 1440px; }
}

@media print {
  .site-header, .site-footer, .btn { display: none; }
  body { background: #fff; color: #000; }
}