/* Reduce nested surfaces on the HOME.
   Section wrappers provide hierarchy through spacing and headings; only
   interactive cards keep borders/backgrounds/shadows. */

body .product-home-shell .agenda.panel,
body .product-home-shell .quick-services.panel {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .product-home-shell .agenda.panel .section-title,
body .product-home-shell .quick-services.panel .section-title {
  min-height: 30px;
  margin: 0 0 12px !important;
  padding: 0 2px 9px;
  border-bottom: 1px solid rgba(20, 65, 92, .12);
}

body .product-home-shell .agenda.panel .section-title h2,
body .product-home-shell .quick-services.panel .section-title h2 {
  color: #17384b;
}

body .product-home-shell .agenda.panel .section-title h2 > svg,
body .product-home-shell .quick-services.panel .section-title h2 > svg {
  color: #0b82b7;
}

body .product-home-shell .agenda.panel .agenda-list,
body .product-home-shell .quick-services.panel .service-grid {
  margin: 0;
}

/* The agenda cards are already individual surfaces; don't add another
   tinted layer behind them. */
body .product-home-shell .agenda.panel .external-events {
  margin: 0;
}

body .product-home-shell .agenda.panel .external-events-attribution {
  margin-top: 12px;
  padding: 10px 2px 0;
}

/* Keep quick-service cards as the only visible containers. */
body .product-home-shell .quick-services.panel .service-grid {
  gap: 12px;
}

@media (max-width: 767px) {
  body .product-home-shell .agenda.panel .section-title,
  body .product-home-shell .quick-services.panel .section-title {
    padding-bottom: 8px;
    margin-bottom: 10px !important;
  }
}