/* Desktop spacing follows content instead of treating every section as a screen.
   Keep this layer last; phone/tablet and print layouts retain their own rules. */
@media screen and (min-width:1024px){
  :root{
    --section-pad:clamp(2.25rem,3.25vw,3rem);
  }

  .section--tight{padding-block:clamp(1.5rem,2.2vw,2rem)}
  .section-head{margin-bottom:1.5rem}
  .section-head>h2::before,
  .section-head>div>h2::before{margin-bottom:.75rem}
  .section-head>p:last-child{margin-bottom:0}

  .page-hero{padding-block:clamp(2rem,3vw,2.75rem)}
  .page-hero__grid{gap:1.5rem}
  .page-hero .btn-row{margin-top:1.125rem}
  .page-hero .plaque-row{padding-top:1rem}
  .prose h2{margin-top:1.75rem}
  .prose h3{margin-top:1.25rem}
  .prose>*:first-child{margin-top:0}
  .section-index__inner{padding-block:.625rem}

  /* Content can grow at text zoom; no section is clipped or given a fixed height. */
  .cta-band{padding-block:1.5rem;gap:1rem 2rem}
  .site-footer.ccs-footer{margin-top:2.5rem}
  .ccs-footer .footer-reference{
    grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr) minmax(0,1.05fr) minmax(0,.95fr);
    align-items:start;
    gap:1.25rem;
    padding-block:.5rem 1.125rem;
  }
  .ccs-footer .footer-reference>*{grid-column:auto;grid-row:auto}
  .ccs-footer .footer-reference__links ul{display:block}
  .ccs-footer .footer-bottom{padding-block:.625rem 1rem}
}