/* V247: Restore the shared content edge across both brand card presentations.
   This replaces the v246 CTA indentation, without affecting logo position,
   source typography, action placement, or the hover-description transition. */

/* Top-banner cards have no internal card padding: give the icon, copy,
   description and CTA one consistent inset instead of separate margins. */
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-top {
  --brand-content-gutter:20px;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-top > :is(
  small.brand-service-pill, .brand-description-reveal, ul.areas, a[data-brand]) {
  margin-left:var(--brand-content-gutter)!important;
  margin-right:var(--brand-content-gutter)!important;
  width:calc(100% - (2 * var(--brand-content-gutter)))!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-top > a[data-brand] {
  padding-left:0!important;
  padding-right:0!important;
}

/* Full-bleed cards already have inner padding. Do not indent their links a
   second time. This also aligns the icons and description with the action. */
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full > :is(
  small.brand-service-pill, .brand-description-reveal, ul.areas, a[data-brand]) {
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
body[data-design-system="2026"] main .brand-showcase .card.brand-layout-full > a[data-brand] {
  padding-left:0!important;
  padding-right:0!important;
}

/* The optional Helprite Care description is now immediately after the logo
   banner (and optional service subtitle). The two care-service details sit
   together near the bottom, immediately above the CTA. */
body[data-design-system="2026"] main .brand-showcase .care .card.big > .brand-description-reveal {
  margin-top:0!important;
  align-self:stretch!important;
}
body[data-design-system="2026"] main .brand-showcase .care .card.big > ul.areas {
  margin-top:auto!important;
  flex:0 0 auto!important;
  margin-bottom:14px!important;
  align-self:stretch!important;
}
body[data-design-system="2026"] main .brand-showcase .care .card.big > a[data-brand] {
  margin-top:0!important;
}

/* Keep comfortable but matching gutters on narrow phones. */
@media (max-width:520px) {
  body[data-design-system="2026"] main .brand-showcase .card.brand-layout-top {
    --brand-content-gutter:16px;
  }
}