/* Shared public-service quote actions; compact navigation and offers keep their own styles. */
html body.lf-public-service .draft-page-hero .draft-hero-links > a.draft-cta,
html body.lf-public-service.lf-service-theme #main .carousel-section > .rotating-border > a.button.explore,
html body.lf-public-service.lf-service-theme #main > .carousel-section + .rotating-border > a.button.explore,
html body.lf-public-service.lf-service-theme #main > .border-control > .rotating-border > a.button.explore {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:min(100%,280px)!important;
  max-width:100%!important;
  min-height:56px!important;
  padding:14px 24px!important;
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:600!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

html body.lf-public-service.lf-service-theme #main .carousel-section > .rotating-border,
html body.lf-public-service.lf-service-theme #main > .carousel-section + .rotating-border,
html body.lf-public-service.lf-service-theme #main > .border-control > .rotating-border {
  box-sizing:border-box!important;
  width:auto!important;
  min-width:min(100%,280px)!important;
  max-width:100%!important;
}

html body.lf-public-service.lf-service-theme #main > .border-control {
  box-sizing:border-box!important;
  width:min(1120px,calc(100% - 36px))!important;
  max-width:1120px!important;
  justify-content:center!important;
}

html body.lf-public-service .draft-page-hero .draft-hero-links > a.draft-cta:focus-visible,
html body.lf-public-service.lf-service-theme #main .carousel-section > .rotating-border > a.button.explore:focus-visible,
html body.lf-public-service.lf-service-theme #main > .carousel-section + .rotating-border > a.button.explore:focus-visible,
html body.lf-public-service.lf-service-theme #main > .border-control > .rotating-border > a.button.explore:focus-visible {
  outline:3px solid #20a7ad!important;
  outline-offset:3px!important;
}

@media(max-width:800px) {
  html body.lf-public-service .draft-page-hero .draft-hero-links > a.draft-cta,
  html body.lf-public-service.lf-service-theme #main .carousel-section > .rotating-border > a.button.explore,
  html body.lf-public-service.lf-service-theme #main > .carousel-section + .rotating-border > a.button.explore,
  html body.lf-public-service.lf-service-theme #main > .border-control > .rotating-border > a.button.explore {
    width:100%!important;
    min-width:0!important;
    font-size:16px!important;
  }

  html body.lf-public-service.lf-service-theme #main .carousel-section > .rotating-border,
  html body.lf-public-service.lf-service-theme #main > .border-control > .rotating-border {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
  }

  /* Sibling gallery actions use the same side gutters as the gallery copy. */
  html body.lf-public-service.lf-service-theme #main > .carousel-section + .rotating-border {
    display:flex!important;
    width:calc(100% - 36px)!important;
    min-width:0!important;
    margin-inline:auto!important;
  }
}

/* Keep gallery quote actions clear of both photo and copy columns. */
html body.lf-public-service.lf-service-theme #main .carousel-section > .rotating-border:has(> a.button.explore),
html body.lf-public-service.lf-service-theme #main > .carousel-section + .rotating-border:has(> a.button.explore) {
  margin-top:clamp(24px,3vw,36px)!important;
}

/* Sibling quote rows own the gap after their gallery section. */
html body.lf-public-service.lf-service-theme #main > .carousel-section:has(+ .rotating-border > a.button.explore) {
  margin-bottom:0!important;
}