/* Multi-location Hiring uses the same section stack as the first Solutions page. */
@media (min-width:1101px) {
  #mlh-outcome .grid-customer-outcome a.e-button-base {
    width:fit-content; max-width:100%; align-self:flex-start;
  }
}
@media (max-width:1100px) {
  #mlh-challenge .media-product-visual, #mlh-why .media-product-visual {
    margin-inline:auto; justify-self:center; align-self:center;
  }
  #mlh-solution, #how-careerplug-helps, #mlh-outcome, #mlh-closing { padding-top:0; }
  #mlh-logos { padding-bottom:0; }
}
@media (min-width:768px) and (max-width:1240px) {
  #how-careerplug-helps .feature-actions-wide a.e-button-base { min-height:5.25rem; }
}

@media (min-width:1101px) {
  #mlh-hero h1 { max-width:38rem; }
}
@media (min-width:768px) and (max-width:880px) {
  #how-careerplug-helps .feature-actions-wide a.e-button-base {
    padding-inline:1rem; min-height:6.75rem;
  }
}

/* The shared outcome instance exposes text but no quote weight or surface variant. */
#multi-location-outcome .surface-aqua-blue-120 {
  background-color: color-mix(in srgb, var(--color-aqua-blue-100) 80%, black);
}
#multi-location-outcome .type-quote-large {
  font-weight: 600;
}

/* Restore the theme hover color against the shared important paragraph-link color. */
.elementor-23150 .faq-content a[href$="/2026-franchise-hiring-report/"]:is(:hover, :focus-visible) {
  color: #0a58ca !important;
  text-decoration: underline;
}
.elementor-23150 .faq-content a[href$="/2026-franchise-hiring-report/"]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}