/* Homepage only (tidy pass, 2026-10-18). The homepage's components live in assets/site.css; this file holds
   the few layout tweaks no other page needs. */

/* the hero's routine card: one frequency line under each step */
.rc-hero__routine li small{display:block;margin-top:.05rem;font-size:.8125rem;line-height:1.3;color:var(--muted)}

/* the first section after the hero sits closer to it */
.rc-sec--first{padding-top:clamp(1rem,.5rem + 2vw,2rem)}

/* the three core guides: a rail on phones, like the shortlist above them */
@media (max-width:639px){
  .rc-core--rail{display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);padding:.25rem var(--gut) 1rem;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
  .rc-core--rail>.rc-core__card{flex:0 0 min(18rem,82%);scroll-snap-align:start}
  .rc-core--rail .rc-core__top{min-height:10.5rem}
}

/* "Show 6 more guides": the hidden rows line up under the three labelled columns */
.rc-guides--more{margin-top:.6rem}
@media (min-width:768px) and (max-width:1099px){.rc-guides--more>.rc-guides__list:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr}}

/* the quotes: a rail on phones (three cards stacked were the longest block on a phone) */
@media (max-width:767px){
  .rc-voices--row .rc-voices__wall{display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;margin-inline:calc(clamp(1.25rem,.9rem + 1.6vw,2.5rem) * -1);padding:.25rem clamp(1.25rem,.9rem + 1.6vw,2.5rem) 1rem;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
  .rc-voices--row .rc-say--card{flex:0 0 min(17rem,82%);scroll-snap-align:start}
}

/* the safe matrix: no legend row above it any more */
#safe .rc-head{margin-bottom:clamp(1rem,.8rem + 1vw,1.5rem)}