/* declutter-svc202.css
   svc202. Measured on live svc201: homepage was 25,490px on a 390px viewport,
   which is 30.2 phone screens for 3,095 words of customer copy.
   Nothing here deletes content from the DOM. Every rule below removes decoration
   or tightens spacing, so no text and no link is lost to search engines. */

/* 1. Nine decorative sun dividers, 0 words and 0 images each.
      33px each on mobile (297px total), 63px each on desktop (567px total).
      Jobs test: a repeated ornament that appears nine times is not a detail,
      it is wallpaper. Sections already carry their own padding. */
.rr-sun.rr-sun--pad{display:none !important;}

/* 2. Recent installs was 3,280px for 6 cards on mobile, 546px per card.
      Two up on phones cuts that roughly in half without hiding a single card. */
@media (max-width:767px){
  #recent-installs .rr-gallery__grid,
  #recent-installs .rr-gallery__items{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  #recent-installs .rr-gallery__card{margin:0 !important;}
  #recent-installs .rr-gallery__card img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;}
  #recent-installs .rr-gallery__meta,
  #recent-installs .rr-gallery__cap{font-size:12.5px;line-height:1.35;}
}

/* 3. Before and after was 1,647px for 61 words and 4 sliders. Two up on mobile. */
@media (max-width:767px){
  .before-after__grid,.rr-ba__grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
}

/* 4. Vertical rhythm. Section padding was tuned per section over many waves and
      drifted. One scale, applied on mobile only, where 30 screens is the problem. */
@media (max-width:767px){
  #page-home > main > section{padding-top:38px !important;padding-bottom:38px !important;}
  #page-home > main > section > .container{padding-top:0 !important;padding-bottom:0 !important;}
  #page-home .section-title,#page-home h2{margin-bottom:14px !important;}
}

/* 5. The accordion added in svc202 for the rr-proof narrative. */
.rdn-more{margin:14px 0 0;}
.rdn-more > summary{
  cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;
  font-family:var(--rdn-ui,'Cabinet Grotesk',sans-serif);font-weight:700;font-size:14px;
  letter-spacing:.01em;color:#f5a524;padding:11px 0;min-height:44px;
}
.rdn-more > summary::-webkit-details-marker{display:none;}
.rdn-more > summary::after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform var(--rdn-t-base,200ms) ease;margin-top:-3px;}
.rdn-more[open] > summary::after{transform:rotate(225deg);margin-top:3px;}
.rdn-more > summary:hover{color:#f7b23a;}
.rdn-more__body{padding-top:4px;}
@media (prefers-reduced-motion:reduce){.rdn-more > summary::after{transition:none;}}

/* 6. rr-proof stacked THREE stat grids before any prose: rr-timeline (4),
      rr-owntrack (4), rr-select (3). Eleven numbers in a column means none of
      them lands. Compact them instead of hiding them, so the counter scripts
      that svc197 already fixed keep running exactly as they do now. */
@media (max-width:767px){
  .rr-owntrack,.rr-timeline{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .rr-owntrack > div,.rr-timeline > div{padding:11px 12px !important;margin:0 !important;}
  /* rr-select labels are full sentences, so a 3 up grid overflowed the 390px
     viewport by 43px on test. Kept stacked, tightened instead. */
  .rr-select__stat{padding:12px 14px !important;margin:0 0 8px 0 !important;}
  .rr-scope{gap:16px !important;}
  .rr-scope__block{padding:14px !important;}
  .rr-crew__grid,.rr-crew > div:last-child{gap:8px !important;}
}