/*
  Homepage section band repair.
  Restores the white / gray rhythm and removes the extra rule between
  the route index and Latest Articles.
*/
body.home-page {
  --hm-band-white: #fff;
  --hm-band-gray: #f6f7f8;
}

body.home-page main > .home-hero,
body.home-page main > .section,
body.home-page main > #home-latest,
body.home-page .site-footer.home-section--paper {
  border-radius: 0 !important;
}

body.home-page main > .home-chip-section.home-route-section {
  --hm-section-bg: var(--hm-band-gray);
  background: var(--hm-band-gray) !important;
  border-bottom: 0 !important;
}

body.home-page main > #home-latest.home-section--paper {
  --hm-section-bg: var(--hm-band-white);
  background: var(--hm-band-white) !important;
  border-top: 0 !important;
}

body.home-page main > #home-latest.home-section--paper::before {
  content: none !important;
  display: none !important;
}

body.home-page main > #home-latest .hm-latest-articles {
  background: transparent !important;
  border-top: 0 !important;
}

body.home-page #rumors.hm-rumors-section {
  --hm-section-bg: var(--hm-band-gray);
  background: var(--hm-band-gray) !important;
}

body.home-page #choose.hm-choose-section {
  --hm-section-bg: var(--hm-band-white);
  background: var(--hm-band-white) !important;
}

body.home-page #buy-timing.section--buy-time {
  --hm-section-bg: var(--hm-band-gray);
  background: var(--hm-band-gray) !important;
}

body.home-page #latest-products.hm-latest-products-section {
  --hm-section-bg: var(--hm-band-white);
  background: var(--hm-band-white) !important;
}

body.home-page #performance.hm-performance-section {
  --hm-section-bg: var(--hm-band-gray);
  background: var(--hm-band-gray) !important;
}

body.home-page #performance .hm-performance-snapshot,
body.home-page #performance .hm-performance-score {
  background: var(--hm-band-gray) !important;
}

body.home-page .hm-timeline-section {
  --hm-section-bg: var(--hm-band-white);
  background: var(--hm-band-white) !important;
}

body.home-page .site-footer.home-section--paper {
  background: var(--hm-band-gray) !important;
}

html[data-theme="dark"] body.home-page {
  --hm-band-white: var(--bg, #15151a);
  --hm-band-gray: color-mix(in srgb, var(--text, #f2f2f3) 5%, var(--bg, #15151a));
}
