/* Approved responsive corrections, 2026-10-07. Original text and images stay unchanged. */
section[id]{scroll-margin-top:108px}
@media(max-width:900px){
  header nav.mobile-menu-open{justify-content:flex-start}
}
/* Only the long article title needs smaller type below the locked 390px view. */
@media(max-width:359px){
  .article-page .article-title-long{font-size:26px}
  .article-list .article-card h3{font-size:22px}
}
@media(min-width:360px) and (max-width:389px){
  .article-page .article-title-long{font-size:30px}
}
/* Two columns leave enough room for complete article titles in this interval. */
@media(min-width:901px) and (max-width:1100px){
  .article-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-bg{inset:auto 0 0;height:340px;opacity:1;background-position:right 30%}
  .hero:after{background:linear-gradient(to bottom,#fff 0%,#fff calc(100% - 340px),rgba(255,255,255,0) calc(100% - 280px))}
  .hero-copy{width:100%;padding:48px 6% 370px}
  .hero h1{font-size:42px}
}