/* Compact Guides index rhythm for phone and tablet widths. */
@media (min-width:641px) and (max-width:1100px){
  .guides-editorial-head{padding:38px 0 32px}
  .guides-editorial-eyebrow{margin-bottom:18px;font-size:14px}
  .guides-editorial-head h1{font-size:clamp(44px,6vw,60px);line-height:1.04}
  .guides-editorial-lead{margin:16px 0 30px;font-size:18px;line-height:1.48}
  .guides-pill-group{margin-top:18px}
  .guides-pill-group>p{margin-bottom:9px;font-size:14px}
  .guides-pill-nav{gap:9px}
  .guides-pill-nav a{min-height:48px;padding:0 17px;font-size:15px}
  .guides-index .hub-section{padding-top:30px}
  .guides-index .hub-section-header{margin-bottom:14px}
}

@media (max-width:640px){
    .guides-editorial-head{padding:20px 0 17px}
    .guides-editorial-eyebrow{margin-bottom:10px;font-size:11px}
    .guides-editorial-head h1{font-size:31px;line-height:1.03}
    .guides-editorial-lead{margin:10px 0 16px;font-size:14px;line-height:1.45}
    .guides-pill-group{margin-top:11px}
    .guides-pill-group>p{margin-bottom:6px;font-size:11px}
    .guides-pill-nav{gap:6px}
    .guides-pill-nav a{min-height:36px;padding:0 10px;font-size:12px}
    .guides-index .hub-section{padding-top:20px}
    .guides-index .hub-section-header{margin-bottom:8px}
    .guides-index .hub-section-header h2{font-size:21px}
    .guides-index .article-list{gap:8px}
    .guides-index .article-row h3{font-size:14.5px;line-height:1.25}
    .guides-index .article-row>div{padding:9px 10px}
}

/* Keep the all-articles H2 and its count on the same centered content axis
   as the card grid at wide desktop widths. */
.guides-index > .hub-section > .hub-section-header,
.guides-index > .latest-guides-section > .hub-section-header{
  width:calc(100% - 64px);
  max-width:1280px;
  margin-inline:auto;
  padding-inline:0;
}
@media (max-width:640px){
  .guides-index > .hub-section > .hub-section-header,
  .guides-index > .latest-guides-section > .hub-section-header{
    width:calc(100% - 32px);
  }
}

.guides-index .article-row{transition:opacity .18s ease,transform .18s ease}
.guides-index #all-guides{scroll-margin-top:24px}