@media (max-width: 1024px) {
  .page-container { padding-left: 24px; padding-right: 24px; }
  .toc-sticky-note,
  .sticky-note-toc { display: none; }
}

@media (max-width: 768px) {
  :root {
    --content-padding: 18px;
    --section-gap: 40px;
    --header-height: 80px;
  }

  .sticky-header__slogan,
  .sticky-header__slogan--solo { height: 20px; }

  .nav-rail { display: none; }
  .toc-sticky-note {
    width: 180px;
    top: calc(var(--header-height) + 12px);
    left: 12px;
  }

  .section { min-height: auto; }

  .manifesto-text,
  .s02-big-stats,
  .s02-body-copy,
  .s02-closing,
  .section-03__intro,
  .section-03__manifesto,
  .section-04__body-copy,
  .section-04__bridge-copy,
  #section-05 .r5-manifesto,
  #section-06 .section06-static-text,
  #section-07 .section07-copy,
  #section-08 .section08-copy,
  #section-09 .section09-copy {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :root {
    --section-gap: 32px;
    --header-height: 72px;
    --content-padding: 14px;
  }

  .sticky-header__slogan,
  .sticky-header__slogan--solo { height: 18px; }

  .page-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .manifesto-text {
    font-size: 16px;
    padding: 20px 0;
  }
}