/* Secondary-page responsive corrections. Loaded after the Webflow export.
   The shared homepage/header/footer corrections live in mobile-fixes.css. */

/* A section owns the page gutter; its nested grids fill that content area. */
:is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"], body[data-page="contact-us"]) {
  --secondary-gutter: var(--page-margin, 32px);
  --secondary-gap: var(--page-gutter, 24px);
}

:is(body[data-page="about-us"], body[data-page="carriers"]) .padding-global {
  padding-inline: var(--secondary-gutter);
}

:is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="contact-us"]) .padding-global > .container-default {
  width: 100%;
  min-width: 0;
  max-width: 1280px;
  margin-inline: auto;
}

:is(body[data-page="about-us"], body[data-page="carriers"]) .main-left.about-us {
  width: min(1280px, calc(100% - var(--secondary-gutter) * 2));
  max-width: 1280px;
  margin-inline: auto;
}

:is(body[data-page="about-us"], body[data-page="carriers"]) .text-hero-left-wrapper {
  width: 100%;
  max-width: 800px;
}

:is(body[data-page="about-us"], body[data-page="carriers"]) .text-hero-left-wrapper > .heading-1 {
  font-family: "Concrettecollectionvf Trial", Arial, sans-serif;
}

:is(body[data-page="about-us"], body[data-page="carriers"]) .card-grid-wrapper {
  width: 100%;
  min-width: 0;
  gap: 16px;
}

:is(body[data-page="about-us"], body[data-page="carriers"]) .card-grid-wrapper > :is(h2, p) {
  margin-block: 0;
}

/* About: consistent panel padding and matching text tracks within each row. */
body[data-page="about-us"] .mission-inner {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 32px;
  align-items: start;
  padding: 48px;
}

body[data-page="about-us"] .mission-heading {
  min-width: 0;
  margin: 0;
  line-height: 1.15;
}

body[data-page="about-us"] .mission-paragraph {
  min-width: 0;
  max-width: none;
  margin: 0;
}

body[data-page="about-us"] .padding-global .container-default > .why-mahnolia-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--secondary-gap);
  width: 100%;
  max-width: none;
  margin-inline: 0;
  align-items: stretch;
}

body[data-page="about-us"] .why-mahnolia-wrapper > .image-6 {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: 100%;
  object-fit: cover;
}

body[data-page="about-us"] .why-mahnolia-wrapper > .div-block-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
  max-width: none;
}

body[data-page="about-us"] .div-block-4 > :is(.heading-7, .why-paragraph) {
  margin: 0;
}

body[data-page="about-us"] .why-paragraph {
  line-height: 1.65;
}

body[data-page="about-us"] .buttons-wrapper {
  flex-wrap: wrap;
  gap: 12px;
  max-width: 100%;
}

body[data-page="about-us"] .buttons-wrapper .button {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body[data-page="about-us"] .about-grid {
  gap: var(--secondary-gap);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page="about-us"] .about-us-card-grid {
  min-width: 0;
  gap: 24px;
  padding: 32px;
}

body[data-page="about-us"] .card-about-heading {
  min-height: 2.3em;
  line-height: 1.15;
}

/* Carriers: every repeated row uses the same text and description columns. */
body[data-page="carriers"] .carrier-magnolia-why-wrapper {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--secondary-gap);
  padding: 32px;
}

body[data-page="carriers"] .carrier-magnolia-why-wrapper-left {
  min-width: 0;
  gap: 32px;
}

body[data-page="carriers"] .logo-line-wrapper {
  min-width: 0;
  gap: 24px;
}

body[data-page="carriers"] .magnolia-embed {
  flex: 0 1 260px;
  min-width: 0;
  max-width: 65%;
}

body[data-page="carriers"] .magnolia-embed svg {
  width: 100%;
  height: auto;
}

body[data-page="carriers"] .line-magnolia {
  flex: 1;
  min-width: 24px;
}

body[data-page="carriers"] .magnolia-content-wrapper {
  margin-top: 0;
  gap: 24px;
}

body[data-page="carriers"] .carrier-magnolia-why-wrapper-right {
  min-width: 0;
  padding: 32px;
}

body[data-page="carriers"] .carrier-magnolia-why-wrapper-right .text-wrapper-magnolia {
  margin-top: 0;
  padding-block: 24px;
}

body[data-page="carriers"] .carrier-magnolia-why-wrapper-right .text-wrapper-magnolia.first {
  padding-top: 0;
}

body[data-page="carriers"] .carrier-magnolia-why-wrapper-right .text-wrapper-magnolia.last {
  padding-bottom: 0;
}

body[data-page="carriers"] .magnolia-paragraph-why {
  margin: 0;
  line-height: 1.65;
}

body[data-page="carriers"] .work-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--secondary-gap);
}

body[data-page="carriers"] .work-card-wrapper {
  min-width: 0;
  gap: 24px;
}

body[data-page="carriers"] .card-about-heading-copy {
  min-height: 2.5em;
  line-height: 1.25;
}

body[data-page="carriers"] .padding-global .container-default > .benefits-wrapper {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

body[data-page="carriers"] .benefits-wrapper > .heading-9 {
  margin: 0 0 32px;
}

body[data-page="carriers"] .single-benefit-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--secondary-gap);
  padding: 24px 32px;
}

body[data-page="carriers"] .benefits-heading {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-width: 0;
}

body[data-page="carriers"] .benefits-heading-single {
  line-height: 1.3;
}

body[data-page="carriers"] .benefit-paragraph {
  min-width: 0;
}

body[data-page="carriers"] .grow-content {
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body[data-page="carriers"] .grow-content > .image-12 {
  width: 100%;
  min-width: 0;
  height: 100%;
  object-fit: cover;
}

body[data-page="carriers"] .grow-content-inner {
  min-width: 0;
  gap: 24px;
  padding: 32px;
}

body[data-page="carriers"] .grow-content-inner > :is(.heading-8, .paragraph) {
  margin: 0;
}

body[data-page="carriers"] .grow-content-inner > .paragraph {
  flex: none;
}

/* Shop: explicit tracks align repeated icons, headings, body copy and CTAs. */
body[data-page="shop-medicare"] :is(.medicare-simple, .for-customers-ai, .partner-cta-wrapper, .stories-section, .mid-page-cta) {
  width: min(1280px, calc(100% - var(--secondary-gutter) * 2));
  max-width: 1280px;
  margin-inline: auto;
}

body[data-page="shop-medicare"] ._3-col-features {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--secondary-gap);
  place-items: stretch;
  margin-top: 32px;
}

body[data-page="shop-medicare"] ._3-col-features > .features-col {
  width: 100%;
  max-width: none;
  min-width: 0;
  gap: 16px;
  margin-top: 0;
  padding: 0;
}

body[data-page="shop-medicare"] .features-col > .heading-3 {
  min-height: 2.6em;
  margin: 0;
  line-height: 1.3;
}

body[data-page="shop-medicare"] .features-col > .paragraph {
  margin: 0;
}

body[data-page="shop-medicare"] .atlas-wrapper-main {
  width: 100%;
  margin-inline: 0;
  padding: 32px;
  gap: 24px;
}

body[data-page="shop-medicare"] .atlas-wrapper-main > :is(.heading-2, .hero-p) {
  margin: 0;
  padding-inline: 0;
}

body[data-page="shop-medicare"] .atlas-wrapper-main > .heading-2 {
  max-width: 26ch;
}

body[data-page="shop-medicare"] .stories-wrapper {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--secondary-gap);
  margin-top: 32px;
}

body[data-page="shop-medicare"] .stories-section > .heading-4 {
  line-height: 1.2;
}

body[data-page="shop-medicare"] .stories-wrapper .story-card-single,
body[data-page="shop-medicare"] .stories-wrapper .story-card-double {
  min-width: 0;
  gap: 24px;
  padding: 32px;
}

body[data-page="shop-medicare"] .stories-wrapper .story-card-double-main {
  min-width: 0;
  align-items: stretch;
  border-radius: 12px;
  overflow: hidden;
}

body[data-page="shop-medicare"] .stories-wrapper .story-card-double-main > img {
  flex: 0 0 45%;
  width: 45%;
  min-width: 0;
  height: auto;
  align-self: stretch;
  object-fit: cover;
}

body[data-page="shop-medicare"] .stories-wrapper .story-card-double {
  flex: 1 1 0;
  height: auto;
}

body[data-page="shop-medicare"] .stories-wrapper .name-line-wrapper {
  width: 100%;
  min-width: 0;
}

body[data-page="shop-medicare"] .cta-bg-wrapper {
  margin-inline: 0;
}

body[data-page="shop-medicare"] .cta-bg-wrapper > .heading-4.mid-page-cta {
  width: 100%;
  max-width: 724px;
  margin: 0;
  padding: 0;
}

body[data-page="shop-medicare"] .cta-bg-wrapper > .cta-p {
  margin: 0;
  padding-inline: 0;
}

body[data-page="shop-medicare"] .single-customer-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) max-content;
  gap: 24px;
  min-height: 164px;
  height: auto;
}

body[data-page="shop-medicare"] .icon-title-wrap {
  min-width: 0;
}

body[data-page="shop-medicare"] .icon-title-wrap > .image-17 {
  flex: 0 0 44px;
}

body[data-page="shop-medicare"] .heading-3.customer-heading {
  width: auto;
  min-width: 0;
  max-width: none;
}

body[data-page="shop-medicare"] .single-customer-feature > .hero-p {
  width: 100%;
  min-width: 0;
}

body[data-page="shop-medicare"] .single-customer-feature > .button {
  min-width: 0;
  white-space: normal;
  text-align: center;
}

body[data-page="shop-medicare"] div.partner-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 32px;
  align-items: center;
  margin-inline: 0;
  padding: 48px;
}

body[data-page="shop-medicare"] .partner-cta > :is(.heading-6, .parner-cta-right) {
  min-width: 0;
  margin: 0;
}

body[data-page="shop-medicare"] .partner-cta .heading-6 {
  line-height: 1.15;
}

body[data-page="shop-medicare"] .parner-cta-right {
  gap: 24px;
}

/* Contact: equal field tracks and a single form inset at every breakpoint. */
.contact-padding {
  padding-inline: var(--secondary-gutter, 32px) !important;
}

.contact-padding > .container-default {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}

.contract-us-content {
  width: 100%;
  max-width: none;
}

.contact-us-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: start;
}

.contact-us-inner > .contact-us-left,
.contact-us-inner > .contact-us-right {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
}

.contact-us-inner > .contact-us-left {
  padding: 0;
}

.contact-us-left .links-wrapper.contact-page {
  gap: 20px;
}

.contact-us-left .contact-wrapper-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  width: 100%;
}

.contact-us-left .contact-wrapper-item .w-embed svg {
  display: block;
}

.contact-us-left .contact-wrapper-item .nav-footer-link {
  min-width: 0;
  padding: 0;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.contact-us-right .form-block {
  border: 1px solid #e1e7e3;
  padding: 32px;
  box-shadow: 0 0 0 1px #00000005;
}

.contact-us-right .for-header {
  max-width: none;
}

.contact-us-right .two-field-form-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.contact-us-right .contact-field-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: 8px;
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
}

.contact-us-right .contact-field-label {
  margin: 0;
  color: #151515;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

/* Contact fields own size, boundary and focus here for both the input and Message variants.
   #7c8681 is 3.76:1 on the white card and 3.60:1 on the #fafafa fill. */
.contact-us-right .field-input {
  width: 100%;
  min-width: 0;
  min-height: 48px;
  height: auto;
  padding: 11px 12px;
  border: 1px solid #7c8681;
  font-size: 16px;
  line-height: 1.5;
}

.contact-us-right .field-input.max-height {
  min-height: 200px;
}

.contact-us-right .field-input:focus {
  border-color: #056356;
  box-shadow: 0 0 0 1px #056356;
}

.contact-us-right .form-consent {
  margin: 0;
}

.contact-us-heading {
  margin: 0 0 24px;
  line-height: 1.15;
}

@media screen and (min-width: 992px) {
  /* --nav-inset and the .nav width come from layout-system.css. */
  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-container {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-inline: 0;
    padding-inline: var(--nav-inset);
  }
}

@media screen and (max-width: 991px) {
  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) {
    --secondary-gutter: 24px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) :is(.main, .main-wrapper, .container-default) {
    width: 100%;
    min-width: 0;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .padding-global {
    padding-inline: var(--secondary-gutter);
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .section {
    padding-block: 40px;
  }

  /* These pages use the legacy Webflow nav rather than .navigation. */
  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav {
    top: 12px;
    height: auto;
    padding-inline: var(--secondary-gutter);
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-bar {
    height: auto;
    min-height: 64px;
    border: 1px solid #e3e9e5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 6px 18px #002f2410;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-container {
    width: 100%;
    min-width: 0;
    min-height: 64px;
    margin: 0;
    padding: 8px 12px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-container .brand {
    flex: 0 1 auto;
    max-width: calc(100% - 56px);
    margin: 0;
    padding: 0;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-container .image-7 {
    width: 148px;
    max-width: 100%;
    height: auto;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-bar .w-nav-button {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border-radius: 8px;
    color: #056356;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-bar .w-nav-button.w--open {
    background: #edf3ef;
    color: #056356;
  }

  /* Shop keeps a 48px target; the padding centres the 24px font icon inside it. */
  body[data-page="shop-medicare"] .nav-bar .w-nav-button {
    flex-basis: 48px;
    width: 48px;
    height: 48px;
    padding: 12px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-bar .nav-menu {
    max-height: calc(100vh - 104px);
    max-height: calc(100dvh - 104px);
    margin-top: 8px;
    padding: 16px;
    border: 1px solid #e3e9e5;
    border-radius: 12px;
    background: #fff;
    text-align: left;
    overflow-y: auto;
    box-shadow: 0 10px 24px #002f2414;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-menu .nav-item {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding: 10px 12px;
    color: #151515;
    font-size: 16px;
    line-height: 1.4;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-menu .button-nav-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin-top: 12px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-menu :is(.outline-btn, .button) {
    width: 100%;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-menu .button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 44px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.4;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .nav-menu .nav-login.w-nav-link {
    display: flex;
    width: 100%;
    min-height: 46px;
    margin: 12px 0 0;
    background: #edf3ef;
    border-color: #dbe6df;
    color: #055f52;
    font-size: 16px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .hero {
    gap: 24px;
    min-height: 0;
    height: auto;
    padding: 116px var(--secondary-gutter) 40px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"]) .main-left.about-us {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0 auto;
    align-items: flex-start;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"]) .text-hero-left-wrapper {
    min-width: 0;
    width: 100%;
    gap: 24px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"]) .heading-1 {
    max-width: 18ch;
    font-family: "Concrettecollectionvf Trial", Arial, sans-serif;
    font-size: clamp(40px, 6.5vw, 60px);
    line-height: 1.1;
    letter-spacing: -.025em;
    overflow-wrap: normal;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .hero-p {
    max-width: 62ch;
    margin: 0;
    font-size: 16px;
    line-height: 1.65;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"]) .hero-p {
    text-align: left;
  }

  body[data-page="about-us"] .people-enroled {
    min-height: 44px;
    height: auto;
    padding: 10px 12px;
  }

  body[data-page="about-us"] .people-enroled .text-block-3 {
    font-size: 14px;
    line-height: 1.5;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"]) .section.carriers-section {
    height: auto;
    min-height: 72px;
    margin: 0;
    padding: 16px var(--secondary-gutter);
  }

  :is(body[data-page="about-us"], body[data-page="carriers"]) .carriers-splide-wrapper .u-img-cover {
    width: 120px;
    height: 40px;
    object-fit: contain;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"]) .carriers-splide-wrapper .u-aspect-1x1 {
    min-height: 52px;
  }

  /* About: a stacked layout must not retain half-width desktop media. */
  body[data-page="about-us"] .mission-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 32px;
  }

  body[data-page="about-us"] .mission-heading {
    font-size: clamp(32px, 5vw, 48px);
    line-height: 1.15;
  }

  body[data-page="about-us"] .mission-paragraph {
    min-width: 0;
    margin: 0;
    font-size: 18px;
    line-height: 1.65;
    letter-spacing: 0;
  }

  body[data-page="about-us"] .why-mahnolia-wrapper {
    gap: 28px;
  }

  body[data-page="about-us"] .padding-global .container-default > .why-mahnolia-wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  /* Stacked, the portrait keeps its natural ratio so the face is never cropped;
     the cap stops it towering over the copy on tablets. */
  body[data-page="about-us"] .why-mahnolia-wrapper > .image-6 {
    max-width: 480px;
    height: auto;
  }

  body[data-page="about-us"] .div-block-4 {
    min-width: 0;
    width: 100%;
    max-width: none;
  }

  body[data-page="about-us"] :is(.heading-7, .card-about-heading) {
    margin-top: 0;
    font-size: clamp(30px, 4.5vw, 40px);
    line-height: 1.2;
  }

  body[data-page="about-us"] :is(.why-paragraph, .card-paragraph) {
    font-size: 16px;
    line-height: 1.65;
  }

  body[data-page="about-us"] .about-grid {
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="about-us"] .about-us-card-grid {
    min-width: 0;
    gap: 28px;
    padding: 24px;
  }

  /* Carriers: remove desktop spacer gaps from stacked content. */
  body[data-page="carriers"] .carrier-magnolia-why-wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    padding: 24px;
  }

  body[data-page="carriers"] :is(.carrier-magnolia-why-wrapper-left, .carrier-magnolia-why-wrapper-right, .magnolia-content-wrapper) {
    min-width: 0;
    width: 100%;
  }

  body[data-page="carriers"] .carrier-magnolia-why-wrapper-right {
    padding: 24px;
  }

  body[data-page="carriers"] .magnolia-content-wrapper {
    gap: 24px;
    margin-top: 0;
  }

  body[data-page="carriers"] .magnolia-heading {
    font-size: clamp(36px, 5.4vw, 48px);
    line-height: 1.15;
  }

  body[data-page="carriers"] .text-wrapper-magnolia {
    margin-top: 24px;
    padding-bottom: 24px;
  }

  body[data-page="carriers"] .text-wrapper-magnolia.first {
    margin-top: 0;
  }

  body[data-page="carriers"] .work-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin-top: 32px;
  }

  body[data-page="carriers"] .work-card-wrapper {
    min-width: 0;
    gap: 20px;
  }

  body[data-page="carriers"] :is(.work-heading-main, .heading-9) {
    margin-top: 0;
    font-size: clamp(32px, 5vw, 44px);
    line-height: 1.2;
  }

  body[data-page="carriers"] .card-about-heading-copy {
    min-height: 0;
    font-size: 30px;
    line-height: 1.25;
  }

  body[data-page="carriers"] :is(.card-paragraph, .magnolia-paragraph-why, .benefit-paragraph) {
    min-width: 0;
    font-size: 16px;
    line-height: 1.65;
  }

  body[data-page="carriers"] .single-benefit-wrapper {
    gap: 24px;
    min-height: 0;
    padding: 24px;
  }

  body[data-page="carriers"] .benefits-heading {
    min-width: 0;
    max-width: 100%;
  }

  body[data-page="carriers"] .benefit-icon {
    flex: 0 0 auto;
  }

  body[data-page="carriers"] .benefits-heading-single {
    font-size: 22px;
    line-height: 1.35;
  }

  body[data-page="carriers"] .benefit-paragraph {
    flex: 1 1 45%;
  }

  body[data-page="carriers"] .grow-wrapper {
    background: #f1e9ed;
    overflow: hidden;
  }

  body[data-page="carriers"] .grow-content {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  body[data-page="carriers"] .grow-content > .image-12 {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
  }

  body[data-page="carriers"] .grow-content-inner {
    padding: 28px;
  }

  body[data-page="carriers"] .heading-8 {
    font-size: clamp(32px, 5vw, 44px);
    line-height: 1.2;
  }

  /* Shop: keep the main illustrations inside their content column. */
  body[data-page="shop-medicare"] .heading-new-1 {
    max-width: 18ch;
    font-size: clamp(40px, 6.5vw, 60px);
    line-height: 1.1;
  }

  body[data-page="shop-medicare"] .medicare-plan-wrapper {
    min-width: 0;
    width: 100%;
    max-width: 900px;
    margin-top: 24px;
  }

  body[data-page="shop-medicare"] .medicare-atlas-plan {
    width: 100%;
    height: auto;
    box-shadow: 0 0 0 6px #00000008;
  }

  body[data-page="shop-medicare"] .medicare-simple {
    width: 100%;
    max-width: none;
    margin-top: 0;
    padding: 40px var(--secondary-gutter);
    align-items: center;
  }

  body[data-page="shop-medicare"] .heading-2 {
    font-size: clamp(32px, 5vw, 44px);
    line-height: 1.2;
  }

  body[data-page="shop-medicare"] ._3-col-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 24px;
    margin-block: 32px;
  }

  body[data-page="shop-medicare"] .features-col {
    min-width: 0;
    padding: 24px;
  }

  body[data-page="shop-medicare"] .features-col .heading-3 {
    min-height: 0;
    font-size: 24px;
    line-height: 1.3;
  }

  body[data-page="shop-medicare"] .paragraph {
    font-size: 16px;
    line-height: 1.65;
  }

  body[data-page="shop-medicare"] .atlas-wrapper-main {
    width: 100%;
    margin: 0;
    padding: 24px;
  }

  body[data-page="shop-medicare"] .plans-compare {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 24px;
  }

  body[data-page="shop-medicare"] .stories-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 24px;
    padding-inline: 0;
  }

  /* The export's tablet IDs force extra rows and two-column spans. */
  body[data-page="shop-medicare"] .stories-wrapper > :is(#w-node-_8ab99dcf-81fd-8442-084b-20ed9a4492bf-8be887f5, #w-node-_30c04ec1-9443-4a35-8a16-32b66bfb39fe-8be887f5, #w-node-a6632853-962b-d644-149e-e59dcea43ebf-8be887f5, #w-node-c195973a-6c79-fc6e-668c-6d5aba596705-8be887f5) {
    grid-area: auto;
  }

  body[data-page="shop-medicare"] .stories-wrapper .story-card-single,
  body[data-page="shop-medicare"] .stories-wrapper .story-card-double {
    gap: 24px;
    padding: 24px;
  }

  body[data-page="shop-medicare"] .stories-wrapper .story-card-double-main {
    flex-direction: column;
  }

  body[data-page="shop-medicare"] .stories-wrapper .story-card-double-main > img {
    flex-basis: auto;
    width: 100%;
    height: 220px;
    border-radius: 12px 12px 0 0;
  }

  body[data-page="shop-medicare"] .stories-wrapper .story-card-double {
    width: 100%;
  }

  body[data-page="shop-medicare"] :is(.for-customers-ai, .partner-cta-wrapper, .mid-page-cta) {
    width: 100%;
    max-width: none;
  }

  body[data-page="shop-medicare"] :is(.story-card-single, .story-card-double, .story-card-double-main) {
    min-width: 0;
    height: auto;
  }

  body[data-page="shop-medicare"] .story-card-double-main {
    align-items: stretch;
    overflow: visible;
  }

  body[data-page="shop-medicare"] .story-card-double {
    flex: 1 1 0;
    gap: 20px;
    padding: 24px;
  }

  body[data-page="shop-medicare"] .mid-page-cta {
    margin: 0;
    padding-inline: var(--secondary-gutter);
  }

  body[data-page="shop-medicare"] .cta-bg-wrapper {
    gap: 20px;
    margin: 0;
    padding: 32px 24px;
    border-radius: 20px;
  }

  body[data-page="shop-medicare"] .cta-bg-wrapper .heading-4.mid-page-cta {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 32px;
    line-height: 1.25;
  }

  body[data-page="shop-medicare"] .for-customers-ai {
    padding-inline: var(--secondary-gutter);
  }

  body[data-page="shop-medicare"] .customer-solutions-wrapper {
    margin-top: 32px;
  }

  body[data-page="shop-medicare"] .single-customer-feature {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
  }

  body[data-page="shop-medicare"] .icon-title-wrap {
    min-width: 0;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
  }

  body[data-page="shop-medicare"] .icon-title-wrap .image-17 {
    flex: 0 0 44px;
  }

  body[data-page="shop-medicare"] .heading-3.customer-heading {
    min-width: 0;
    max-width: none;
    margin: 0;
    font-size: 24px;
    line-height: 1.3;
  }

  body[data-page="shop-medicare"] :is(.heading-3.customer-heading, .hero-p.feature-customer-p) {
    opacity: 1 !important;
    transform: none !important;
  }

  body[data-page="shop-medicare"] .hero-p.feature-customer-p {
    max-width: none;
    font-size: 16px;
    line-height: 1.65;
    text-align: left;
  }

  body[data-page="shop-medicare"] .button.customer-feature-cta {
    display: none;
    align-items: center;
    min-height: 44px;
  }

  body[data-page="shop-medicare"] .partner-cta-wrapper {
    padding-inline: var(--secondary-gutter);
  }

  body[data-page="shop-medicare"] div.partner-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin: 0;
    padding: 32px 24px;
  }

  body[data-page="shop-medicare"] div.partner-cta > img:not(.star-asset) {
    display: none;
  }

  body[data-page="shop-medicare"] .heading-6 {
    font-size: clamp(32px, 5vw, 44px);
    line-height: 1.2;
    text-align: center;
  }

  body[data-page="shop-medicare"] .parner-cta-right {
    min-width: 0;
    width: 100%;
    align-items: center;
    text-align: center;
  }

  body[data-page="shop-medicare"] .parner-cta-right > .paragraph {
    text-align: center;
  }

  /* Contact rules target its specific components so the same patch can later
     be loaded on the Webflow-hosted form without changing form processing. */
  .section.relative.contact-us {
    padding-top: 0;
    padding-bottom: 48px;
  }

  .contact-padding {
    padding-inline: 24px !important;
  }

  .contract-us-content {
    min-width: 0;
    padding-top: 112px;
  }

  .contact-us-inner {
    grid-template-columns: minmax(0, 1fr);
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }

  .contact-us-left {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 0;
  }

  .contact-us-right {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
  }

  .contact-us-heading {
    max-width: 18ch;
    margin: 0 0 16px;
    font-size: clamp(36px, 6vw, 48px);
    line-height: 1.15;
  }

  .contact-us-left .for-header,
  .contact-us-right .for-header {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.65;
  }

  .contact-us-right .form-block {
    border: 1px solid #e1e7e3;
    padding: 24px;
    box-shadow: 0 0 0 1px #00000005;
  }

  .contact-us-right .two-field-form-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .contact-us-right .field-input.max-height {
    min-height: 160px;
  }

  .contact-us-right .form-consent {
    font-size: 13px;
    line-height: 1.65;
  }

  .contact-us-right .button.green {
    width: 100%;
    min-height: 48px;
    margin: 0;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) {
    --secondary-gutter: 20px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"], body[data-page="shop-medicare"]) .section {
    padding-block: 32px;
  }

  :is(body[data-page="about-us"], body[data-page="carriers"]) .hero > .image-2,
  body[data-page="carriers"] .background-wrapper-copy,
  body[data-page="shop-medicare"] .star-asset.partner-cta {
    display: none;
  }

  body[data-page="about-us"] .mission-inner {
    padding: 24px;
  }

  body[data-page="about-us"] .mission-paragraph {
    font-size: 16px;
  }

  body[data-page="about-us"] .about-grid {
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="about-us"] .card-about-heading {
    min-height: 0;
  }

  body[data-page="about-us"] .buttons-wrapper,
  body[data-page="about-us"] .buttons-wrapper > .outline-btn {
    width: 100%;
  }

  body[data-page="about-us"] .padding-global .container-default > .why-mahnolia-wrapper {
    gap: 24px;
  }

  body[data-page="carriers"] :is(.carrier-magnolia-why-wrapper, .carrier-magnolia-why-wrapper-right, .grow-content-inner) {
    padding: 20px;
  }

  body[data-page="carriers"] :is(.carrier-magnolia-why-wrapper, .work-grid) {
    gap: 16px;
  }

  body[data-page="carriers"] .single-benefit-wrapper,
  body[data-page="carriers"] .single-benefit-wrapper.white {
    grid-template-columns: minmax(0, 1fr);
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px;
  }

  body[data-page="carriers"] .benefits-heading {
    width: 100%;
    min-width: 0;
  }

  body[data-page="carriers"] .benefits-heading-single {
    font-size: 20px;
  }

  body[data-page="carriers"] .benefit-paragraph {
    flex: 0 1 auto;
    width: 100%;
  }

  body[data-page="shop-medicare"] ._3-col-features {
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="shop-medicare"] .features-col {
    padding: 24px 20px;
  }

  body[data-page="shop-medicare"] .features-col > .heading-3 {
    min-height: 0;
  }

  body[data-page="shop-medicare"] .atlas-wrapper-main {
    padding: 20px;
  }

  /* The export has no Splide script on this page. Use native scrolling so
     testimonials remain visible, readable, and reachable on touch screens. */
  body[data-page="shop-medicare"] .stories-section {
    display: none;
  }

  body[data-page="shop-medicare"] .section.rolling-testemonial {
    display: block;
    width: 100%;
    padding: 24px 0 32px;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .splide {
    visibility: visible;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .splide__track {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--secondary-gutter);
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: #99b7aa #e9efeb;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .splide__track:focus-visible {
    outline: 3px solid var(--focus-ring-color);
    outline-offset: -3px;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .splide__list.contact {
    display: flex;
    align-items: stretch;
    width: max-content;
    max-width: none;
    gap: 16px;
    margin: 0;
    padding: 0 var(--secondary-gutter) 12px !important;
    transform: none !important;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .splide__slide {
    flex: 0 0 auto;
    width: calc(100vw - var(--secondary-gutter) * 2);
    max-width: 380px;
    min-width: 0;
    margin: 0;
    padding: 0;
    scroll-snap-align: start;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .splide__slide > div {
    display: flex;
    width: 100%;
    min-width: 0;
  }

  body[data-page="shop-medicare"] .rolling-testemonial :is(.story-card-single, .story-card-double-main, .story-card-double) {
    width: 100%;
    min-width: 0;
    max-width: none;
    min-height: 0;
    height: auto;
    gap: 20px;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .story-card-single {
    padding: 20px;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .story-card-double-main {
    flex-direction: column;
    align-items: stretch;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .story-card-double {
    padding: 0 20px 20px;
  }

  body[data-page="shop-medicare"] .rolling-testemonial :is(.image-8, .image-9, .image-9.seniorbigimg, .image-10, .image-11) {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 220px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 8px;
  }

  body[data-page="shop-medicare"] .rolling-testemonial .name {
    font-size: 20px;
    line-height: 1.35;
  }

  body[data-page="shop-medicare"] .cta-bg-wrapper,
  body[data-page="shop-medicare"] div.partner-cta {
    padding-inline: 20px;
  }

  .contact-padding {
    padding-inline: 20px !important;
  }

  .contract-us-content {
    padding-top: 100px;
  }

  .contact-us-inner {
    gap: 28px;
  }

  .contact-us-right .form-block {
    padding: 20px;
  }

  .contact-us-right .two-field-form-wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}