:root {
  --tljcc-fs-hero-title: clamp(32px, 4.2vw, 56px);
  --tljcc-fs-section-heading: clamp(28px, 3.2vw, 46px);
  --tljcc-fs-h3: clamp(18px, 1.8vw, 24px);
  --tljcc-fs-card-title: clamp(16px, 1.3vw, 18.5px);
  --tljcc-fs-subtitle: clamp(14.5px, 1.1vw, 16px);
  --tljcc-fs-body: clamp(13px, 1vw, 14px);
  --tljcc-fs-btn: clamp(13px, 0.95vw, 14px);
  --tljcc-fs-eyebrow: clamp(9.5px, 0.25vw + 8px, 11.5px);
  --tljcc-fs-meta: clamp(10px, 0.8vw, 11px);
}

/**
 * TLJCC Responsive Media Queries
 * Consolidated Sitewide Responsive Stylesheet
 * Organised by standard breakpoints from desktop to mobile
 */

/* -------------------------------------------------------------------------
   @media (max-width: 1200px)
   ------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  /* Source: find-a-doctor-template.css */
  .tljcc-doctor-page .doctor-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .tljcc-doctor-page .cancer-cards-grid {
      grid-template-columns: repeat(2, 1fr);
    }
    .tljcc-doctor-page .finder-form {
      grid-template-columns: 1fr 1fr;
    }
    .tljcc-doctor-page .help-content-row {
      grid-template-columns: 1fr;
      gap: 32px;
    }

}

/* -------------------------------------------------------------------------
   @media (max-width: 1100px)
   ------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  /* Source: homepage-template.css */
  .home-conditions__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

  /* Source: about-template.css — Person Section: Tablet & Mobile Layout */
  .tljcc-about .person-section,
  .person-section {
    padding: clamp(54px, 7vw, 84px) 0 !important;
  }

  .tljcc-about .person-grid,
  .person-grid,
  .shell.person-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: min(calc(100% - (var(--shell-gutter) * 2)), var(--container, 1320px)) !important;
    max-width: var(--container, 1320px) !important;
    margin-inline: auto !important;
    box-sizing: border-box !important;
  }

  .tljcc-about .person-copy,
  .person-copy {
    display: contents !important;
  }

  /* 1. Eyebrow */
  .tljcc-about .person-copy .section-eyebrow,
  .tljcc-about .person-copy .eyebrow,
  .person-copy .section-eyebrow,
  .person-copy .eyebrow {
    order: 1 !important;
    margin-bottom: 14px !important;
    width: 100% !important;
  }

  /* 2. Title */
  .tljcc-about .person-copy .section-title,
  .tljcc-about .person-copy .section-heading,
  .tljcc-about .person-copy h2,
  .person-copy .section-title,
  .person-copy .section-heading,
  .person-copy h2 {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
  }

  /* 3. Image */
  .tljcc-about .person-image,
  .person-image {
    order: 3 !important;
    width: 100% !important;
    min-height: auto !important;
    margin: 0 0 32px 0 !important;
  }

  .tljcc-about .person-image img,
  .person-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    max-height: 480px !important;
    object-fit: cover !important;
    display: block !important;
  }

  .tljcc-about .person-image::before,
  .person-image::before {
    top: -12px !important;
    left: -12px !important;
  }

  .tljcc-about .image-caption,
  .image-caption {
    right: 16px !important;
    bottom: 16px !important;
  }

  /* 4. Lead paragraph */
  .tljcc-about .person-lead,
  .person-lead {
    order: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px 0 !important;
  }

  /* 5. Body copy */
  .tljcc-about .person-copy > .body-copy,
  .person-copy > .body-copy {
    order: 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
  }

  /* 6. Principles list */
  .tljcc-about .principle-list,
  .principle-list {
    order: 6 !important;
    width: 100% !important;
    margin-top: 24px !important;
  }

  /* Source: about-template.css — Legacy Grid: Tablet & Mobile Layout */
  .tljcc-about .legacy-grid,
  .legacy-grid {
    grid-template-columns: 1fr;
    gap: 60px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Source: about-template.css — Principles Section: Tablet & Mobile Layout */
  .tljcc-about .principles-section,
  .principles-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .tljcc-about .manifesto-card,
  .manifesto-card {
    min-height: auto !important;
  }

  /* Source: about-template.css — Leadership Section: Tablet & Mobile Layout */
  .tljcc-about .leadership-section,
  .leadership-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  /* Source: about-template.css — MDT Section: Tablet & Mobile Layout */
  .tljcc-about .mdt-section,
  .mdt-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .tljcc-about .care-step,
  .care-step {
    min-height: auto !important;
  }

  /* Source: about-template.css — Quality Section: Tablet & Mobile Layout */
  .tljcc-about .quality-section,
  .quality-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  /* Source: about-template.css — Careers Section: Tablet & Mobile 50/50 Layout */
  .tljcc-about .careers-section,
  .careers-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
    padding-block: 72px !important;
  }

  .tljcc-about .careers-grid,
  .careers-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(20px, 3.5vw, 44px) !important;
    align-items: center !important;
  }

  .tljcc-about .careers-actions,
  .careers-actions {
    padding: 0 !important;
    border-left: 0 !important;
    min-height: auto !important;
  }

  .tljcc-about .career-badges,
  .career-badges {
    position: static !important;
    margin-bottom: 18px !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .tljcc-about .role-badge,
  .role-badge {
    position: static !important;
    transform: none !important;
    width: 105px !important;
  }

  .tljcc-about .careers-actions p,
  .careers-actions p {
    margin: 0 0 20px 0 !important;
  }

  .tljcc-about .career-links,
  .career-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .tljcc-about .career-primary,
  .career-primary {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .tljcc-about .career-secondary,
  .career-secondary {
    width: fit-content !important;
  }

  /* Source: about-template.css — Closing CTA: Tablet & Mobile 50/50 Layout */
  .tljcc-about .closing-cta-grid,
  .closing-cta-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(20px, 3.5vw, 44px) !important;
    align-items: center !important;
  }

  .tljcc-about .closing-cta-actions,
  .closing-cta-actions {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  .tljcc-about .closing-cta-actions p,
  .closing-cta-actions p {
    max-width: 100% !important;
    margin: 0 0 20px 0 !important;
  }

  .tljcc-about .closing-links,
  .closing-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .tljcc-about .closing-primary,
  .tljcc-about .closing-secondary,
  .closing-primary,
  .closing-secondary {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* Gallery hint removal across all breakpoints */
  .tljcc-about .gallery-hint,
  .gallery-hint {
    display: none !important;
  }

}

/* -------------------------------------------------------------------------
   @media (max-width: 1080px)
   ------------------------------------------------------------------------- */
@media (max-width: 1080px) {
  /* Source: homepage-template.css */
  .home-treatments__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

}

/* -------------------------------------------------------------------------
   @media (max-width: 1080px)
   ------------------------------------------------------------------------- */
@media (max-width: 1080px) {
  .section-subtitle,
  .section-subtitle.full-width,
  .section-subtitle--light,
  .tljcc-home .section-subtitle,
  .tljcc-home .section-subtitle--light,
  .home-specialists .section-subtitle,
  .home-conditions .section-subtitle,
  .home-treatments .section-subtitle,
  .home-treatments .section-heading,
  .home-treatments .section-heading--light,
  .home-journey .section-subtitle,
  .home-tech .section-subtitle,
  .home-mdt .section-subtitle,
  .home-international .section-subtitle,
  .home-location .section-subtitle,
  .tljcc-about .section-subtitle,
  .tljcc-doctor-page .section-subtitle {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  .home-journey__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px 24px !important;
  }

  /* Diagnostics & Technology: Top Header + 50/50 Columns (Left: Image | Right: Desc -> Buttons -> Details) */
  .home-tech {
    padding: clamp(36px, 5vw, 54px) 0 !important;
  }

  .home-tech__grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto auto auto auto !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .home-tech__content-col {
    display: contents !important;
  }

  /* Top: Label (Eyebrow) */
  .home-tech .section-eyebrow {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    padding: 24px 28px 0 28px !important;
    margin-bottom: 6px !important;
    font-size: var(--tljcc-fs-eyebrow, clamp(10px, 0.15vw + 9px, 11px)) !important;
    letter-spacing: 0.12em !important;
  }

  /* Top: Title (Heading) - with hairline divider separating top header from 50/50 split */
  .home-tech .section-heading {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    padding: 0 28px 18px 28px !important;
    margin: 0 !important;
    max-width: 100% !important;
    font-size: var(--tljcc-fs-section-heading, clamp(28px, 3.2vw, 46px)) !important;
    line-height: 1.15 !important;
    border-bottom: 1px solid #eef2f6 !important;
  }

  .home-tech .section-heading > br {
    display: none !important;
  }

  /* Left Column (50%): Equipment Media Card spanning rows 3, 4, 5 */
  .home-tech__media-col {
    grid-column: 1 !important;
    grid-row: 3 / 6 !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  .home-tech__media-card {
    height: 100% !important;
    min-height: 0 !important;
  }

  .home-tech__media-card img {
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  .home-tech__media-badge {
    width: 38px !important;
    height: 38px !important;
    font-size: 13px !important;
  }

  /* Right Column (50%) Item 1: Description */
  .home-tech .section-subtitle {
    grid-column: 2 !important;
    grid-row: 3 !important;
    padding: 22px 28px 0 28px !important;
    margin: 0 0 14px 0 !important;
    max-width: 100% !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    border-bottom: none !important;
  }

  /* Right Column (50%) Item 2: Buttons (Pill Tabs) */
  .home-tech__tabs-row {
    grid-column: 2 !important;
    grid-row: 4 !important;
    padding: 0 28px !important;
    margin: 0 0 10px 0 !important;
    display: flex !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    border-bottom: none !important;
    align-content: flex-start !important;
  }

  .home-tech__tab {
    padding: 6px 13px !important;
    font-size: 11.5px !important;
  }

  /* Right Column (50%) Item 3: Then the rest (Feature Details) - tight gap directly below buttons */
  .home-tech__feature-card {
    grid-column: 2 !important;
    grid-row: 5 !important;
    padding: 0 28px 24px 28px !important;
  }

  .home-tech__feature-header {
    margin: 0 0 8px 0 !important;
    padding-top: 0 !important;
    gap: 10px !important;
  }

  .home-tech__feature-badge {
    font-size: 19px !important;
    line-height: 1.2 !important;
  }

  .home-tech__feature-status {
    font-size: 9.5px !important;
    padding: 2px 7px !important;
  }

  .home-tech__feature-desc {
    max-width: 100% !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin: 0 0 12px 0 !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eef2f6 !important;
  }

  .home-tech__feature-link {
    font-size: 12.5px !important;
  }

  /* Multidisciplinary Cancer Care (MDT): Tablet Layout */
  .home-mdt {
    padding: clamp(48px, 6vw, 72px) 0 !important;
  }

  .home-mdt__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .home-mdt__content {
    display: contents !important;
  }

  /* 1. Label (Eyebrow) */
  .home-mdt .section-eyebrow {
    order: 1 !important;
    margin-bottom: 14px !important;
    width: 100% !important;
  }

  /* 2. Title (Heading) - Full Width */
  .home-mdt .section-heading {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
  }

  /* 3. Image */
  .home-mdt__media {
    order: 3 !important;
    width: 100% !important;
    margin: 0 0 24px 0 !important;
  }

  .home-mdt__media img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    max-height: 420px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
    box-shadow: 0 16px 40px rgba(9, 17, 45, 0.35) !important;
  }

  /* 4. Description (Subtitle) */
  .home-mdt .section-subtitle {
    order: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 24px 0 !important;
    white-space: normal !important;
    font-size: var(--tljcc-fs-subtitle, clamp(14.5px, 1.1vw, 16px)) !important;
    line-height: 1.7 !important;
  }

  .home-mdt .section-subtitle br {
    display: none !important;
  }

  /* 5. Pillars / Testimonials - Full Width */
  .home-mdt__pillars {
    order: 5 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 32px 0 !important;
    gap: 12px !important;
  }

  .home-mdt__pillars .mdt-pillar {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 6. CTA - Centered */
  .home-mdt__action {
    order: 6 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 !important;
  }

  /* International Patients: Tablet Layout */
  .home-international {
    padding: clamp(48px, 6vw, 72px) 0 !important;
  }

  .home-international__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    width: 100% !important;
  }

  .home-international__content {
    display: contents !important;
  }

  /* 1. Label (Eyebrow) */
  .home-international .section-eyebrow,
  .home-international .section-eyebrow--intl {
    order: 1 !important;
    margin-bottom: 14px !important;
    width: 100% !important;
    text-align: left !important;
  }

  /* 2. Title (Heading) - Full Width */
  .home-international .section-heading {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: var(--tljcc-fs-section-heading, clamp(28px, 3.2vw, 46px)) !important;
    line-height: 1.15 !important;
    margin: 0 0 24px 0 !important;
    text-align: left !important;
  }

  /* 3. Image */
  .home-international__media {
    order: 3 !important;
    width: 100% !important;
    margin: 0 0 24px 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .home-international__media img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    max-height: 420px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    display: block !important;
    box-shadow: 0 16px 40px rgba(9, 17, 45, 0.12) !important;
  }

  /* 4. Description (Subtitle) */
  .home-international .section-subtitle {
    order: 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px 0 !important;
    white-space: normal !important;
    font-size: var(--tljcc-fs-subtitle, clamp(14.5px, 1.1vw, 16px)) !important;
    line-height: 1.7 !important;
    text-align: left !important;
  }

  .home-international .section-subtitle br {
    display: none !important;
  }

  /* 5. Center the rest: Features Grid */
  .home-international__features {
    order: 5 !important;
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto 36px auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  /* 6. Center the rest: CTA */
  .home-international__action {
    order: 6 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* Location & Contact: Tablet Layout (Header on top, 50/50 Columns: Left = Title/Desc/CTAs, Right = Info Card) */
  .home-location__grid,
  .tljcc-home .home-location__grid {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .home-location__content,
  .tljcc-home .home-location__content {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto max-content max-content auto !important;
    column-gap: clamp(32px, 4.5vw, 60px) !important;
    row-gap: 0 !important;
    padding: clamp(48px, 6vw, 72px) clamp(24px, 4vw, 48px) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .home-location__content > *,
  .tljcc-home .home-location__content > * {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Label: Full Width on top */
  .home-location__content .section-eyebrow,
  .tljcc-home .home-location__content .section-eyebrow {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin: 0 0 18px 0 !important;
    width: 100% !important;
  }

  /* Left Column: Title */
  .home-location__content .section-heading,
  .tljcc-home .home-location__content .section-heading {
    grid-column: 1 !important;
    grid-row: 2 !important;
    font-size: var(--tljcc-fs-section-heading, clamp(28px, 3.2vw, 46px)) !important;
    line-height: 1.15 !important;
    letter-spacing: -1.2px !important;
    margin: 0 0 16px 0 !important;
    align-self: start !important;
  }

  /* Left Column: Description */
  .home-location__content .section-subtitle,
  .tljcc-home .home-location__content .section-subtitle {
    grid-column: 1 !important;
    grid-row: 3 !important;
    font-size: var(--tljcc-fs-subtitle, clamp(14.5px, 1.1vw, 16px)) !important;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.72) !important;
    margin: 0 0 28px 0 !important;
    align-self: start !important;
    white-space: normal !important;
  }

  /* Left Column: Both CTAs */
  .home-location__actions,
  .tljcc-home .home-location__actions {
    grid-column: 1 !important;
    grid-row: 4 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin: 0 !important;
    align-self: start !important;
  }

  .home-location__actions a.home-btn-primary,
  .home-location__actions .home-hero__btn-primary,
  .tljcc-home .home-location__actions a.home-btn-primary {
    flex: 1 1 auto !important;
    white-space: nowrap !important;
  }

  .home-location__actions .home-btn-whatsapp,
  .tljcc-home .home-location__actions .home-btn-whatsapp {
    flex: 1 1 auto !important;
    white-space: nowrap !important;
  }

  /* Right Column: All of the info */
  .home-location__info-card,
  .tljcc-home .home-location__info-card {
    grid-column: 2 !important;
    grid-row: 2 / 5 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
    align-self: start !important;
  }

  /* Map Container below content */
  .home-location__map-wrap,
  .tljcc-home .home-location__map-wrap {
    height: 440px !important;
    min-height: 440px !important;
    width: 100% !important;
    position: relative !important;
  }

  .home-location__map-wrap iframe,
  .tljcc-home .home-location__map-wrap iframe {
    position: relative !important;
    height: 440px !important;
    min-height: 440px !important;
    width: 100% !important;
  }
}

/* -------------------------------------------------------------------------
   @media (max-width: 1024px)
   ------------------------------------------------------------------------- */
@media (max-width: 1024px) {
  /* Source: responsive.css */
  :root {
      --shell-gutter: 24px;
      --header-height: 72px;
    }

    .desktop-nav {
      display: none;
    }

    .mobile-nav-toggle {
      display: flex;
    }

    .footer-grid {
      grid-template-columns: 1fr;
      justify-items: center;
      text-align: center;
      gap: 36px;
    }

    .grid-4 {
      grid-template-columns: repeat(2, 1fr);
    }

    .grid-3 {
      grid-template-columns: repeat(2, 1fr);
    }

  /* Source: homepage-template.css */
  .home-specialists__grid {
      display: flex !important;
      flex-wrap: nowrap !important;
      overflow-x: auto !important;
      overflow-y: hidden !important;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      gap: 20px !important;
      padding: 6px 2px 18px 2px;
      margin-bottom: 28px;
      scrollbar-width: none;
      -ms-overflow-style: none;
      cursor: grab;
      user-select: none;
    }
  .home-specialists__grid::-webkit-scrollbar {
      display: none;
    }
  .home-specialists__grid.is-dragging {
      cursor: grabbing;
      scroll-behavior: auto !important;
      scroll-snap-type: none !important;
    }
  .home-specialists__grid .specialist-card {
      flex: 0 0 clamp(260px, 38vw, 320px) !important;
      width: clamp(260px, 38vw, 320px) !important;
      min-width: 260px;
      max-width: 320px;
      scroll-snap-align: start;
      scroll-snap-stop: normal;
    }

  /* Source: about-template.css */
  .tljcc-about .hero-meta {
      display: none;
    }
    .tljcc-about .watermark {
      font-size: 130px;
      right: 20px;
      bottom: -30px;
    }

  /* Source: about-template.css — Principles, Leadership & Quality Sections */
  .tljcc-about .principles-heading,
  .principles-heading,
  .tljcc-about .leadership-heading,
  .leadership-heading,
  .tljcc-about .quality-heading,
  .quality-heading {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-bottom: 15px !important;
  }
  .tljcc-about .manifesto-grid,
  .manifesto-grid {
    grid-template-columns: 1fr;
    margin-top: 0 !important;
  }
    .tljcc-about .value-row {
      flex: 0 1 calc(50% - 14px);
    }

  /* Source: about-template.css */
  .tljcc-about .mdt-heading,
  .mdt-heading {
      width: 100% !important;
    }
  .tljcc-about .mdt-title-row,
  .mdt-title-row {
      display: flex !important;
      flex-direction: row !important;
      align-items: flex-end !important;
      justify-content: space-between !important;
      gap: 24px !important;
    }
    .tljcc-about .care-sequence {
      grid-template-columns: 1fr;
    }
    .tljcc-about .care-step + .care-step {
      padding-left: 0;
      border-left: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.18);
    }
    .tljcc-about .mdt-caption {
      width: 100%;
      position: relative;
    }
    .tljcc-about .mdt-stage {
      height: auto;
    }

  /* Source: about-template.css */
  .tljcc-about .facilities-heading {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .tljcc-about .technology-showcase {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
    }
    .tljcc-about .technology-card:first-child {
      grid-row: auto;
      height: 320px;
    }
    .tljcc-about .technology-card {
      height: 260px;
    }

  /* Source: about-template.css — Quality Section */
  .tljcc-about .quality-heading,
  .quality-heading {
    grid-template-columns: 1fr;
    gap: 0 !important;
  }
    .tljcc-about .quality-charter {
      grid-template-columns: 1fr;
    }
    .tljcc-about .charter-commitments {
      border-left: 0;
      border-top: 1px solid rgba(255, 255, 255, 0.14);
    }
    .tljcc-about .register-intro {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }
    .tljcc-about .register-intro p {
      text-align: left;
    }
    .tljcc-about .evidence-register,
    .evidence-register {
      border-radius: 4px !important;
      overflow: hidden !important;
    }
    .tljcc-about .register-columns,
    .register-columns {
      display: none !important;
    }
    .tljcc-about .register-row,
    .register-row {
      display: grid !important;
      grid-template-columns: 1fr auto !important;
      align-items: center !important;
      gap: 10px 16px !important;
      padding: 22px 20px !important;
      border-bottom: 1px solid var(--line) !important;
      min-height: auto !important;
      background: #ffffff !important;
    }
    .tljcc-about .register-row > *,
    .register-row > * {
      padding: 0 !important;
      min-width: 0 !important;
    }
    .tljcc-about .register-row > div:first-child,
    .register-row > div:first-child {
      grid-column: 1 !important;
      grid-row: 1 !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 4px !important;
    }
    .tljcc-about .register-row strong,
    .register-row strong {
      font-size: clamp(15px, 1.4vw, 17px) !important;
      color: var(--navy-deep) !important;
      line-height: 1.3 !important;
    }
    .tljcc-about .register-row small,
    .register-row small {
      margin: 0 !important;
      color: var(--red) !important;
      font-size: 10.5px !important;
      font-weight: 700 !important;
      letter-spacing: 0.08em !important;
      text-transform: uppercase !important;
    }
    .tljcc-about .register-row > span:nth-of-type(1),
    .register-row > span:nth-of-type(1) {
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
      font-size: 13px !important;
      color: var(--muted) !important;
      line-height: 1.45 !important;
    }
    .tljcc-about .register-status,
    .register-status {
      grid-column: 1 !important;
      grid-row: 3 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-self: start !important;
      padding: 4px 10px !important;
      font-size: 11px !important;
      font-weight: 700 !important;
      letter-spacing: 0.06em !important;
      text-transform: uppercase !important;
      border-radius: 3px !important;
      background: var(--blue-mist, #e7ecf6) !important;
      color: var(--navy) !important;
      width: fit-content !important;
      margin: 0 !important;
    }
    .tljcc-about .register-row > span:nth-of-type(2),
    .register-row > span:nth-of-type(2) {
      grid-column: 2 !important;
      grid-row: 3 !important;
      justify-self: end !important;
      font-size: 12px !important;
      color: var(--muted) !important;
      font-weight: 500 !important;
      margin: 0 !important;
    }
    .tljcc-about .register-view,
    .register-view {
      grid-column: 2 !important;
      grid-row: 1 !important;
      justify-self: end !important;
      align-self: center !important;
      margin: 0 !important;
      min-height: 38px !important;
      padding: 0 18px !important;
      border-radius: 3px !important;
      border: 1px solid rgba(38, 55, 120, 0.3) !important;
      color: var(--navy) !important;
      background: #ffffff !important;
      font-weight: 700 !important;
      font-size: 13px !important;
      cursor: pointer !important;
      transition: all 0.2s ease !important;
      white-space: nowrap !important;
    }
    .tljcc-about .register-view:hover,
    .register-view:hover {
      background: var(--navy) !important;
      color: #ffffff !important;
      border-color: var(--navy) !important;
    }

  /* Source: about-template.css — Careers Grid 50/50 Layout */
  .tljcc-about .careers-grid,
  .careers-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(20px, 3.5vw, 44px) !important;
    align-items: center !important;
  }
  .tljcc-about .careers-actions,
  .careers-actions {
    padding-left: 0 !important;
    border-left: 0 !important;
    min-height: auto !important;
  }
  .tljcc-about .career-badges,
  .career-badges {
    position: static !important;
    margin-bottom: 18px !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }
  .tljcc-about .role-badge,
  .role-badge {
    position: static !important;
    transform: none !important;
    width: 105px !important;
  }

}




/* -------------------------------------------------------------------------
   @media (max-width: 900px)
   ------------------------------------------------------------------------- */
@media (max-width: 900px) {

  /* Source: homepage-template.css */
  .home-news {
      padding: 40px 0 !important;
    }
    .home-news .home-news__grid,
    .tljcc-home .home-news__grid,
    .home-news__grid {
      grid-template-columns: 1fr !important;
      gap: 20px !important;
    }

  /* Source: homepage-template.css */
  .news-card-featured {
      height: auto !important;
    }
    .news-card-featured__media {
      height: 220px !important;
    }
    .home-news__side-list {
      height: auto !important;
      gap: 16px !important;
    }
    .news-side-card {
      grid-template-columns: 140px 1fr !important;
      flex: none !important;
      height: 140px !important;
    }

  /* Source: about-template.css — Closing CTA 50/50 Layout */
  .tljcc-about .closing-cta-grid,
  .closing-cta-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: clamp(20px, 3.5vw, 44px) !important;
    align-items: center !important;
  }
  .tljcc-about .closing-cta-actions,
  .closing-cta-actions {
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
  .tljcc-about .closing-links,
  .closing-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

}

/* -------------------------------------------------------------------------
   @media (min-width: 901px)
   ------------------------------------------------------------------------- */
@media (min-width: 901px) {
  /* Source: homepage-template.css */
  .journey-card:nth-child(1) { grid-column: 1; grid-row: 1; }
    .journey-card:nth-child(2) { grid-column: 2; grid-row: 1; }
    .journey-card:nth-child(3) { grid-column: 3; grid-row: 1; }
    .journey-card:nth-child(4) { grid-column: 3; grid-row: 2; }
    .journey-card:nth-child(5) { grid-column: 2; grid-row: 2; }
    .journey-card:nth-child(6) { grid-column: 1; grid-row: 2; }

    /* Connecting Dotted Line between Cards (Serpentine S-Curve) */
    .journey-card:nth-child(1)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: -28px;
      width: 28px;
      border-top: 1.5px dotted #94A3B8;
      z-index: 1;
      pointer-events: none;
    }

    .journey-card:nth-child(2)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: -28px;
      width: 28px;
      border-top: 1.5px dotted #94A3B8;
      z-index: 1;
      pointer-events: none;
    }

    .journey-card:nth-child(3)::after {
      content: "";
      position: absolute;
      top: 50%;
      right: -34px;
      width: 34px;
      height: calc(100% + 36px);
      border-top: 1.5px dotted #94A3B8;
      border-right: 1.5px dotted #94A3B8;
      border-bottom: 1.5px dotted #94A3B8;
      z-index: 1;
      pointer-events: none;
    }

    .journey-card:nth-child(4)::after {
      content: "";
      position: absolute;
      top: 50%;
      left: -28px;
      width: 28px;
      border-top: 1.5px dotted #94A3B8;
      z-index: 1;
      pointer-events: none;
    }

    .journey-card:nth-child(5)::after {
      content: "";
      position: absolute;
      top: 50%;
      left: -28px;
      width: 28px;
      border-top: 1.5px dotted #94A3B8;
      z-index: 1;
      pointer-events: none;
    }

}

/* -------------------------------------------------------------------------
   @media (max-width: 820px)
   ------------------------------------------------------------------------- */
@media (max-width: 820px) {
  /* Source: homepage-template.css */
  .home-treatments .section-heading,
    .home-treatments .section-heading--light {
      white-space: normal;
      font-size: var(--tljcc-fs-section-heading, clamp(28px, 3.2vw, 46px));
      line-height: 1.18;
    }

  /* Source: find-a-doctor-template.css */
  .tljcc-doctor-page .shell {
      width: min(calc(100% - 40px), var(--tljcc-container));
    }
    .tljcc-doctor-page .finder-form {
      grid-template-columns: 1fr;
    }
    .tljcc-doctor-page .cancer-cards-grid {
      grid-template-columns: 1fr;
    }
    .tljcc-doctor-page .dialog-grid {
      grid-template-columns: 1fr;
      max-height: 90vh;
      overflow-y: auto;
    }
    .tljcc-doctor-page .dialog-aside {
      padding: 24px;
    }
    .tljcc-doctor-page .dialog-photo-box {
      height: 280px;
    }
    .tljcc-doctor-page .dialog-content {
      padding: 30px 24px 40px;
    }

}

/* -------------------------------------------------------------------------
   @media (max-width: 768px)
   ------------------------------------------------------------------------- */
@media (max-width: 768px) {
  /* Source: layout.css */
  :root {
    --shell-gutter: 16px;
  }

  /* MDT Row: Maintain desktop horizontal row layout across tablet & mobile */
  .tljcc-about .mdt-title-row,
  .mdt-title-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
  }

  /* Source: responsive.css */
  :root {
      --shell-gutter: 20px;
      --header-height: 64px;
      --utility-height: 36px;
    }

    .utility-bar__left {
      display: none;
    }

    .utility-inner {
      justify-content: flex-end;
    }

    .header-cta {
      display: none;
    }

    .footer-grid {
      grid-template-columns: 1fr;
      gap: 36px;
    }

    .footer-bottom {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 12px;
    }

    .grid-2,
    .grid-3,
    .grid-4 {
      grid-template-columns: 1fr;
    }

  /* Source: homepage-template.css */
  .tljcc-home .shell {
      width: min(calc(100% - 32px), var(--container-max));
    }

  /* Source: homepage-template.css */
  .home-hero {
      min-height: calc(100vh - var(--tljcc-header-total-height, 78px) - var(--admin-bar-height, 0px));
      min-height: calc(100dvh - var(--tljcc-header-total-height, 78px) - var(--admin-bar-height, 0px));
      padding: clamp(36px, 5vh, 60px) 0;
    }
    .home-hero__overlay {
      background: linear-gradient(180deg, rgba(6, 12, 36, 0.94) 0%, rgba(9, 17, 45, 0.88) 55%, rgba(9, 17, 45, 0.70) 100%);
    }
    .home-hero__bg {
      object-position: center 25%;
    }
    .home-hero__title {
      font-size: var(--tljcc-fs-hero-title, clamp(32px, 4.2vw, 56px));
      line-height: 1.2;
      margin-bottom: 18px;
      max-width: 100%;
    }
    .home-hero__brand-row {
      margin-bottom: 16px;
    }
    .home-hero__brand-tag {
      font-size: var(--tljcc-fs-eyebrow, clamp(9.5px, 0.25vw + 8px, 11.5px)) !important;
    }
    .home-hero__desc {
      font-size: var(--tljcc-fs-subtitle, clamp(14.5px, 1.1vw, 16px));
      line-height: 1.65;
    }

  /* Source: homepage-template.css */
  .home-insurance__card {
      min-width: 210px;
      height: 76px;
      padding: 12px 18px;
      gap: 12px;
    }
    .home-insurance__logo-img {
      height: 34px;
      max-width: 58px;
    }
    .home-insurance__logo-text {
      font-size: 11px;
    }

  /* Source: homepage-template.css */
  .home-quick-actions {
      display: none;
    }

  /* Source: about-template.css */
  .tljcc-about .shell {
      width: calc(100% - 36px);
    }

  /* Source: about-template.css */
  .tljcc-about .dialog-body {
      grid-template-columns: 1fr;
      padding: 20px;
    }

  /* Source: about-template.css */
  .tljcc-about .mgmt-dialog-body {
      grid-template-columns: 1fr;
    }
    .tljcc-about .mgmt-dialog-photo {
      height: 220px;
    }
    .tljcc-about .mgmt-dialog-content {
      padding: 24px 20px;
    }

  /* Location & Contact: Mobile Stack */
  .home-location__content,
  .tljcc-home .home-location__content {
    display: flex !important;
    flex-direction: column !important;
    padding: clamp(40px, 6vw, 56px) var(--shell-gutter, 20px) !important;
  }

  .home-location__content .section-eyebrow,
  .tljcc-home .home-location__content .section-eyebrow,
  .home-location__content .section-heading,
  .tljcc-home .home-location__content .section-heading,
  .home-location__content .section-subtitle,
  .tljcc-home .home-location__content .section-subtitle,
  .home-location__info-card,
  .tljcc-home .home-location__info-card,
  .home-location__actions,
  .tljcc-home .home-location__actions {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .home-location__info-card,
  .tljcc-home .home-location__info-card {
    margin: 10px 0 24px 0 !important;
  }
}

/* -------------------------------------------------------------------------
   @media (max-width: 680px)
   ------------------------------------------------------------------------- */
@media (max-width: 680px) {
  /* Source: homepage-template.css */
  .home-conditions__grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* Mobile: Show only first 3 cards initially */
  .home-conditions:not(.is-expanded) .home-conditions__grid .condition-card:nth-child(n+4) {
    display: none !important;
  }

  /* Mobile: Hide link CTA button initially */
  .home-conditions:not(.is-expanded) .home-conditions__action {
    display: none !important;
  }

  /* Mobile: Show View More button initially */
  .home-conditions:not(.is-expanded) .home-conditions__expand-action {
    display: block !important;
    text-align: center !important;
    margin-top: 24px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  /* Mobile: Once expanded, hide View More button and show full link CTA */
  .home-conditions.is-expanded .home-conditions__expand-action {
    display: none !important;
  }

  .home-conditions.is-expanded .home-conditions__action {
    display: block !important;
    margin-top: 24px !important;
    animation: conditionCardExpandFade 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  }

  /* Smooth fade-in for newly revealed cards */
  .home-conditions.is-expanded .condition-card:nth-child(n+4) {
    display: flex !important;
    animation: conditionCardExpandFade 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  }

  /* International: single column list with dividers for all items on mobile */
  .home-international__features {
    grid-template-columns: 1fr !important;
    border-top: 1px solid rgba(23, 32, 51, 0.18) !important;
    border-bottom: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 28px auto 32px auto !important;
  }

  .home-international__features .intl-feature-item,
  .intl-feature-item:nth-child(odd),
  .intl-feature-item:nth-child(even),
  .intl-feature-item:nth-child(1),
  .intl-feature-item:nth-child(2),
  .intl-feature-item:nth-child(3),
  .intl-feature-item:nth-child(4) {
    border-right: none !important;
    border-bottom: 1px solid rgba(23, 32, 51, 0.18) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    min-height: 56px !important;
  }
}

@keyframes conditionCardExpandFade {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* -------------------------------------------------------------------------
   @media (max-width: 640px)
   ------------------------------------------------------------------------- */
@media (max-width: 640px) {
  /* Source: homepage-template.css */
  .home-specialists__grid {
      gap: 16px !important;
      padding-bottom: 14px;
    }
  .home-specialists__grid .specialist-card {
      flex: 0 0 clamp(240px, 78vw, 290px) !important;
      width: clamp(240px, 78vw, 290px) !important;
      min-width: 240px;
      max-width: 290px;
    }

  /* Source: homepage-template.css */
  .home-treatments__grid {
      grid-template-columns: 1fr;
      gap: 18px;
    }

  /* Source: about-template.css */
  .tljcc-about .value-row {
      flex: 0 1 100%;
    }
  .tljcc-about .person-image::before,
  .person-image::before {
    display: none !important;
  }
  .tljcc-about .image-caption,
  .image-caption {
    right: 12px !important;
    bottom: 12px !important;
    max-width: calc(100% - 24px) !important;
    padding: 14px 18px !important;
    font-size: 9px !important;
  }
  .tljcc-about .principle-item,
  .principle-item {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-height: auto !important;
    padding: 16px 0 !important;
  }

  /* Source: about-template.css — MDT Section: Mobile Layout (Eyebrow -> Title -> Description -> Explore) */
  .tljcc-about .mdt-heading,
  .mdt-heading {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  .tljcc-about .mdt-stage,
  .mdt-stage {
    margin-top: 0 !important;
  }

  .tljcc-about .mdt-title-row,
  .mdt-title-row {
    display: contents !important;
  }

  .tljcc-about .mdt-heading .eyebrow,
  .tljcc-about .mdt-heading .section-eyebrow,
  .mdt-heading .eyebrow,
  .mdt-heading .section-eyebrow {
    order: 1 !important;
    margin-bottom: 12px !important;
  }

  .tljcc-about .mdt-title-row .section-title,
  .tljcc-about .mdt-title-row .section-heading,
  .tljcc-about .mdt-title-row h2,
  .mdt-title-row .section-title,
  .mdt-title-row .section-heading,
  .mdt-title-row h2,
  .tljcc-about .mdt-heading h2,
  .mdt-heading h2 {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
  }

  .tljcc-about .mdt-heading .body-copy,
  .tljcc-about .mdt-heading .section-subtitle,
  .mdt-heading .body-copy,
  .mdt-heading .section-subtitle {
    order: 3 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 16px 0 !important;
  }

  .tljcc-about .mdt-inline-link,
  .mdt-inline-link {
    order: 4 !important;
    display: inline-flex !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }

  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)),
  .mdt-heading:not(:has(.mdt-title-row)) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    margin-bottom: 0 !important;
  }
  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)) > .eyebrow,
  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)) > .section-eyebrow,
  .mdt-heading:not(:has(.mdt-title-row)) > .eyebrow,
  .mdt-heading:not(:has(.mdt-title-row)) > .section-eyebrow {
    order: 1 !important;
    margin-bottom: 12px !important;
  }
  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)) > .section-title,
  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)) > .section-heading,
  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)) > h2,
  .mdt-heading:not(:has(.mdt-title-row)) > .section-title,
  .mdt-heading:not(:has(.mdt-title-row)) > .section-heading,
  .mdt-heading:not(:has(.mdt-title-row)) > h2 {
    order: 2 !important;
    margin: 0 0 14px 0 !important;
  }
  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)) > .body-copy,
  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)) > .section-subtitle,
  .mdt-heading:not(:has(.mdt-title-row)) > .body-copy,
  .mdt-heading:not(:has(.mdt-title-row)) > .section-subtitle {
    order: 3 !important;
    margin: 0 0 16px 0 !important;
  }
  .tljcc-about .mdt-heading:not(:has(.mdt-title-row)) > .mdt-inline-link,
  .mdt-heading:not(:has(.mdt-title-row)) > .mdt-inline-link {
    order: 4 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    align-self: flex-start !important;
  }

  /* Source: about-template.css — Careers Grid: Mobile Column Layout */
  .tljcc-about .careers-grid,
  .careers-grid,
  .shell.careers-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    align-items: flex-start !important;
  }
  .tljcc-about .careers-copy,
  .careers-copy {
    width: 100% !important;
  }
  .tljcc-about .careers-actions,
  .careers-actions {
    width: 100% !important;
  }

  /* Source: about-template.css — Closing CTA: Mobile Column Layout */
  .tljcc-about .closing-cta-grid,
  .closing-cta-grid,
  .shell.closing-cta-grid {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    align-items: flex-start !important;
  }
  .tljcc-about .closing-cta-grid > div:first-child,
  .closing-cta-grid > div:first-child {
    width: 100% !important;
  }
  .tljcc-about .closing-cta-actions,
  .closing-cta-actions {
    width: 100% !important;
  }

  /* Source: homepage-template.css */
  .home-journey__grid {
      grid-template-columns: 1fr !important;
      gap: 24px !important;
    }

  /* Diagnostics & Technology: clean mobile stack */
  .home-tech__grid {
    display: flex !important;
    flex-direction: column !important;
  }
  .home-tech__content-col {
    display: flex !important;
    flex-direction: column !important;
    padding: 28px 20px 24px 20px !important;
  }
  .home-tech .section-eyebrow,
  .home-tech .section-heading,
  .home-tech .section-subtitle {
    padding: 0 !important;
  }
  .home-tech__media-col {
    min-height: 240px !important;
    order: -1 !important;
  }
  .home-tech__tabs-row {
    padding: 16px 0 !important;
  }
  .home-tech__feature-card {
    padding: 16px 0 0 0 !important;
  }

}

/* -------------------------------------------------------------------------
   @media (max-width: 600px)
   ------------------------------------------------------------------------- */
@media (max-width: 600px) {

  /* Source: homepage-template.css */
  .news-side-card {
      grid-template-columns: 1fr !important;
      height: auto !important;
    }
    .news-side-card__thumb {
      height: 160px !important;
    }
    .news-side-card__body {
      padding: 16px !important;
    }

}

/* -------------------------------------------------------------------------
   @media (max-width: 560px)
   ------------------------------------------------------------------------- */
@media (max-width: 560px) {
  /* Source: find-a-doctor-template.css */
  .tljcc-doctor-page .doctor-grid {
      grid-template-columns: 1fr;
    }
    .tljcc-doctor-page .cancer-card {
      height: auto;
      padding: 22px;
    }
    .tljcc-doctor-page .cancer-card-inner {
      gap: 16px;
    }
    .tljcc-doctor-page .cancer-card-icon-wrap {
      width: 60px;
      height: 60px;
    }
    .tljcc-doctor-page .cancer-card-icon-wrap svg,
    .tljcc-doctor-page .cancer-card-icon-wrap img {
      width: 40px;
      height: 40px;
    }
    .tljcc-doctor-page .cancer-card-title {
      font-size: clamp(19px, 0.4vw + 17px, 21px);
    }
    .tljcc-doctor-page .cancer-card-desc {
      font-size: clamp(14px, 0.4vw + 12px, 16px);
    }

}

/* -------------------------------------------------------------------------
   @media (max-width: 540px)
   ------------------------------------------------------------------------- */
@media (max-width: 540px) {
  /* Source: floating-buttons.css */
  .tljcc-floating-actions {
      right: 0;
      gap: 4px;
    }
    .tljcc-floating-btn {
      height: 42px;
      min-width: 44px;
      max-width: 44px;
      border-radius: 12px 0 0 12px;
    }
    .tljcc-floating-btn:hover,
    .tljcc-floating-btn:focus-visible {
      max-width: 260px;
    }
    .tljcc-floating-icon {
      width: 44px;
      height: 42px;
      min-width: 44px;
    }
    .tljcc-floating-btn > svg {
      margin-left: 13px;
      margin-right: 13px;
      width: 18px;
      height: 18px;
    }
    .tljcc-floating-label,
    .tljcc-floating-tooltip {
      font-size: 12px;
      padding-right: 14px;
    }

}

/* -------------------------------------------------------------------------
   @media (max-width: 520px)
   ------------------------------------------------------------------------- */
@media (max-width: 520px) {
  /* Source: homepage-template.css */
  .home-location__actions,
    .tljcc-home .home-location__actions {
      flex-direction: column !important;
      align-items: stretch !important;
    }
    .home-location__actions a.home-btn-primary,
    .home-location__actions .home-btn-whatsapp {
      width: 100% !important;
    }
    .home-location__map-badge,
    .tljcc-home .home-location__map-badge {
      left: 16px !important;
      bottom: 16px !important;
      width: calc(100% - 32px) !important;
      max-width: 100% !important;
      padding: 18px !important;
    }

}

/* -------------------------------------------------------------------------
   @media (max-width: 480px)
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
  /* Source: layout.css */
  :root {
      --shell-gutter: 12px;
    }

  /* Source: responsive.css */
  .site-404__actions .button {
      width: 100%;
    }

    .tljcc-search-input-wrap {
      flex-direction: column;
    }

}

/* -------------------------------------------------------------------------
   @media (max-height: 600px)
   ------------------------------------------------------------------------- */
@media (max-height: 600px) {
  /* Source: floating-buttons.css */
  .tljcc-floating-actions {
      top: auto;
      bottom: 20px;
      transform: none;
    }

}

/* -------------------------------------------------------------------------
   @media (prefers-reduced-motion: reduce)
   ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  /* Source: homepage-template.css */
  .home-insurance__group {
      animation: none !important;
    }
    .home-insurance__slider,
    .home-insurance__logos {
      overflow-x: auto;
      mask-image: none;
      -webkit-mask-image: none;
    }

  /* Source: homepage-template.css */
  .tljcc-home.tljcc-motion-enabled *,
    .tljcc-home.tljcc-motion-enabled *::before,
    .tljcc-home.tljcc-motion-enabled *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      transition-delay: 0ms !important;
      opacity: 1 !important;
      transform: none !important;
    }

  /* Source: about-template.css */
  .tljcc-about.tljcc-motion-enabled [data-tljcc-section] {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }
    .tljcc-about.tljcc-motion-enabled .about-hero.is-in-view .hero-content > * {
      animation: none !important;
    }

  /* Source: find-a-doctor-template.css */
  .tljcc-doctor-page.tljcc-motion-enabled [data-tljcc-section],
    .tljcc-doctor-page.tljcc-motion-enabled .doctor-card,
    .tljcc-doctor-page.tljcc-motion-enabled .cancer-card {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }

}

/* ==========================================================================
   RESPONSIVE TEXT / CONTENT SWITCHER
   Supports 3-way device specific copy & line-breaks (Desktop, Tablet, Mobile)
   ========================================================================== */
.tljcc-responsive-content {
  display: contents !important;
}

/* Default (Desktop > 1080px): show desktop, hide tablet and mobile */
.tljcc-display-desktop {
  display: contents !important;
}
.tljcc-display-tablet,
.tljcc-display-mobile {
  display: none !important;
}

/* Tablet view (<= 1080px and > 640px) */
@media (max-width: 1080px) {
  .tljcc-display-desktop {
    display: none !important;
  }
  .tljcc-display-tablet {
    display: contents !important;
  }
  .tljcc-display-mobile {
    display: none !important;
  }
}

/* Mobile view (<= 640px) */
@media (max-width: 640px) {
  .tljcc-display-desktop {
    display: none !important;
  }
  .tljcc-display-tablet {
    display: none !important;
  }
  .tljcc-display-mobile {
    display: contents !important;
  }
}


/* ==========================================================================
   Shared page section spacing: 72px desktop, fluid tablet and mobile.
   Keep this after page overrides; only direct page sections are targeted.
   ========================================================================== */
:is(.tljcc-home, .tljcc-about, .tljcc-doctor-page, .site-main, .contact-page, .standard-content-page)
  > section:is([data-tljcc-section], .section, .tljcc-section) {
  padding-top: var(--tljcc-section-padding, clamp(40px, 6.667vw, 72px)) !important;
  padding-bottom: var(--tljcc-section-padding, clamp(40px, 6.667vw, 72px)) !important;
}

/* Full-bleed map: place the section spacing inside the text panel once. */
.tljcc-home > section.home-location.contact-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.tljcc-home > .home-location .home-location__content {
  padding-top: var(--tljcc-section-padding, clamp(40px, 6.667vw, 72px)) !important;
  padding-bottom: var(--tljcc-section-padding, clamp(40px, 6.667vw, 72px)) !important;
}

/* Cancer Information page — tablet and mobile layouts. */
@media (max-width: 1080px) {
  .cancer-information-page .under-grid,
  .cancer-information-page .faq-grid,
  .cancer-information-page .cta-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .cancer-information-page .cta-grid { gap: 0; }
  .cancer-information-page .under-grid { grid-template-areas: 'heading' 'visual' 'content'; gap: 24px; }
  .cancer-information-page .cta-actions { margin-top: 16px; }
  .cancer-information-page .cancer-visual { width: 100%; aspect-ratio: 1.6; }
  .cancer-information-page .split-journey { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; gap: 24px; }
  .cancer-information-page .gateway-card,
  .cancer-information-page .screening-card,
  .cancer-information-page .assessment-card,
  .cancer-information-page .diagnosis-card { grid-column: auto; grid-row: auto; align-self: stretch; }
  .cancer-information-page .split-lines,
  .cancer-information-page .gateway-card::after,
  .cancer-information-page .diagnosis-card::before { display: none; }
  .cancer-information-page .cancer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cancer-information-page .dialog-layout { grid-template-columns: minmax(0, 1fr); }
  .cancer-information-page .dialog-aside { height: auto; }
  .cancer-information-page .modal-art { height: 220px; }
}
@media (max-width: 640px) {
  .cancer-information-page .hero-breadcrumb { margin-bottom: 28px; flex-wrap: wrap; }
  .cancer-information-page .hero-image { object-position: 65% center; }
  .cancer-information-page .hero-overlay { background: linear-gradient(90deg, rgba(8,17,45,.96), rgba(8,17,45,.72)); }
  .cancer-information-page .key-points p { padding-left: 62px; }
  .cancer-information-page .key-points p span { width: 44px; }
  .cancer-information-page .visual-caption { padding: 18px; }
  .cancer-information-page .ci-pathway-card ol { grid-template-columns: minmax(0, 1fr); }
  .cancer-information-page .ci-pathway-card li:not(:last-child)::after { content: none; }
  .cancer-information-page .symptoms .symptom-feature { width: min(calc(100% - 2 * var(--shell-gutter)), var(--container)); }
  .cancer-information-page .symptom-photo { position: relative; height: 260px; }
  .cancer-information-page .symptom-content { width: 100%; margin: 0; }
  .cancer-information-page .symptom-list { grid-template-columns: minmax(0, 1fr); }
  .cancer-information-page .symptom-item { border-right: 0; }
  .cancer-information-page .cancer-grid { grid-template-columns: minmax(0, 1fr); }
  .cancer-information-page .cancer-art { height: 220px; }
  .cancer-information-page .library-tools { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 16px; }
  .cancer-information-page .result-total { padding: 0; border: 0; line-height: 1.5; }
  .cancer-information-page .cta-actions .cta-dual-links { grid-template-columns: minmax(0, 1fr); }
  .cancer-information-page .dialog { width: calc(100% - 24px); max-width: calc(100% - 24px); }
  .cancer-information-page .info-list,
  .cancer-information-page .modality-grid,
  .cancer-information-page .support-grid { grid-template-columns: minmax(0, 1fr); }
  .cancer-information-page .info-list span { border-right: 0; }
  .cancer-information-page .panel-heading { grid-template-columns: 42px minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .cancer-information-page *, .cancer-information-page *::before, .cancer-information-page *::after { transition: none !important; }
}

/* Tablet/mobile standard: 15px between main content blocks. */
@media (max-width: 1080px) {
  :is(.tljcc-home, .tljcc-about, .tljcc-doctor-page, .cancer-information-page) {
    --tljcc-content-gap: 15px;
  }
  :is(.tljcc-home, .tljcc-about, .tljcc-doctor-page, .cancer-information-page) :is(.section-eyebrow, .section-title, .section-heading) {
    margin-bottom: var(--tljcc-content-gap) !important;
  }
  :is(.tljcc-home, .tljcc-about, .tljcc-doctor-page, .cancer-information-page) :is(
    .under-grid, .split-journey, .cancer-grid, .faq-grid, .faq-list, .cta-grid, .cta-dual-links,
    .doctor-grid, .cancer-cards-grid, .finder-form, .help-content-row, .help-actions-box,
    .closing-cta-grid, .closing-links, .home-specialists__grid, .home-conditions__grid,
    .home-treatments__grid, .home-journey__grid, .home-tech__layout, .home-mdt__layout,
    .director-gallery, .values-grid, .manifesto-grid
  ) { gap: var(--tljcc-content-gap) !important; }
  .cancer-information-page :is(.cta-actions, .under-copy) { margin-top: 0; }
  .cancer-information-page :is(.key-points, .library-tools, .cancer-grid, .split-journey, .grid-toggle) {
    margin-top: var(--tljcc-content-gap);
  }
  :is(.tljcc-doctor-page) :is(.directory-heading-row, .cancer-types-heading) {
    grid-template-columns: 1fr !important;
    gap: var(--tljcc-content-gap, 15px) !important;
    margin-bottom: 32px !important;
  }
  :is(.cancer-information-page .cta-actions, .tljcc-about .closing-cta-actions, .tljcc-doctor-page .help-actions-box) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--tljcc-content-gap) !important;
    margin-top: 0 !important;
  }
  .cancer-information-page .cta-grid > .section-eyebrow,
  .cancer-information-page .cta-grid .section-title,
  .cancer-information-page .under-heading .section-title,
  .tljcc-about .closing-cta-grid .section-heading,
  .tljcc-doctor-page .help-content-row .section-title {
    margin-bottom: 0 !important;
  }
  :is(.cancer-information-page .cta-actions, .tljcc-about .closing-cta-actions, .tljcc-doctor-page .help-actions-box) > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .cancer-information-page .cta-actions .cta-dual-links { margin-top: 0; }
}

/* Mobile symptoms: heading, unobscured image, then supporting content. */
@media (max-width: 640px) {
  .cancer-information-page .symptoms { background: linear-gradient(145deg, var(--deep), #1a2a62); color: #fff; }
  .cancer-information-page .symptoms::before,
  .cancer-information-page .symptom-content::before,
  .cancer-information-page .symptom-photo::after { display: none; }
  .cancer-information-page .symptoms .symptom-feature {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'heading' 'photo' 'body';
    gap: 15px;
    margin-inline: auto;
  }
  .cancer-information-page .symptom-content { display: contents; }
  .cancer-information-page .symptom-heading { grid-area: heading; }
  .cancer-information-page .symptom-heading .section-eyebrow {
    --eyebrow-color: #fff;
    --eyebrow-line-color: var(--yellow, #f6eb16);
  }
  .cancer-information-page .symptom-heading .section-title { color: #fff !important; margin-bottom: 0 !important; }
  .cancer-information-page .symptom-photo {
    grid-area: photo;
    position: relative;
    inset: auto;
    height: auto;
    aspect-ratio: 4 / 3;
    box-shadow: none;
  }
  .cancer-information-page .symptom-body { grid-area: body; display: grid; gap: 15px; }
  .cancer-information-page .symptom-body :is(.section-subtitle, .symptom-disclaimer) {
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0 !important;
  }
  .cancer-information-page .symptom-body .symptom-list { margin: 0; border-color: rgba(255, 255, 255, 0.22); }
  .cancer-information-page .symptom-body .symptom-item { color: #fff; border-color: rgba(255, 255, 255, 0.22); }
  .cancer-information-page .symptom-body .symptom-item span { color: var(--yellow, #f6eb16); }
}


/* Cancer type template — centralized responsive rules. */
@media (max-width: 1080px) {
  .tljcc-cancer-type-page { --tljcc-content-gap: 15px; }
  .tljcc-cancer-type-page .heading-row { margin-bottom: 32px !important; }
  .tljcc-cancer-type-page .heading-row > div { margin-bottom: 12px !important; }
  .tljcc-cancer-type-page .heading-row .section-title { margin-bottom: 12px !important; }
  .tljcc-cancer-type-page .heading-row .section-subtitle, .tljcc-cancer-type-page .heading-row .body-copy { max-width: 100% !important; }
  .tljcc-cancer-type-page .hero-actions { gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .hero-meta { display: none; }
  .tljcc-cancer-type-page .overview-grid { display: flex; flex-direction: column; gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .anatomy-card { position: static; width: 100%; margin-bottom: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .mdt-box { grid-template-columns: 1fr; gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .mdt-photo-wrap { min-height: 240px; height: 260px; }
  .tljcc-cancer-type-page .mdt-content { padding: 24px; gap: 10px; }
  .tljcc-cancer-type-page .triage-alert { grid-template-columns: 1fr; gap: var(--tljcc-content-gap, 15px); padding: 20px; }
  .tljcc-cancer-type-page .triage-icon { display: none; }
  .tljcc-cancer-type-page .triage-action { width: 100%; }
  .tljcc-cancer-type-page .triage-action .primary-button, .tljcc-cancer-type-page .triage-action .hero-btn-primary { width: 100%; }
  .tljcc-cancer-type-page .symptom-cards { grid-template-columns: repeat(2, 1fr); gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .diag-rail { grid-template-columns: repeat(2, 1fr); gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .treatment-grid,
  .treatment-grid { grid-template-columns: repeat(2, 1fr) !important; gap: var(--tljcc-content-gap, 20px) !important; margin-top: var(--tljcc-content-gap, 20px) !important; }
  .tljcc-cancer-type-page .treatment-photo-wrap, .treatment-grid .treatment-card .treatment-photo-wrap { height: 190px !important; min-height: 190px !important; max-height: 190px !important; }
  .tljcc-cancer-type-page .support-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .doctor-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .other-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .faq-layout { grid-template-columns: 1fr; gap: var(--tljcc-content-gap, 15px); margin-top: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .cta-grid { grid-template-columns: 1fr; gap: var(--tljcc-content-gap, 15px); }
  .tljcc-cancer-type-page .staging-wrapper { padding: 24px 20px; margin-top: var(--tljcc-content-gap, 15px); }
}

@media (max-width: 640px) {
  .tljcc-cancer-type-page { --shell-gutter: 16px; }
  .tljcc-cancer-type-page .overview-sec::before, .tljcc-cancer-type-page .overview-sec::after, .tljcc-cancer-type-page .symptoms-sec::after, .tljcc-cancer-type-page .other-sec::before, .tljcc-cancer-type-page .other-sec::after, .tljcc-cancer-type-page .watermark, .tljcc-cancer-type-page .orbit { display: none; }
  .tljcc-cancer-type-page .symptom-cards, .tljcc-cancer-type-page .diag-rail, .tljcc-cancer-type-page .treatment-grid, .treatment-grid, .tljcc-cancer-type-page .support-grid, .tljcc-cancer-type-page .doctor-grid, .tljcc-cancer-type-page .other-grid { grid-template-columns: 1fr !important; gap: var(--tljcc-content-gap, 15px) !important; }
  .tljcc-cancer-type-page .treatment-card-content h4, .treatment-grid .treatment-card .treatment-card-content h4 { min-height: auto !important; }
  .tljcc-cancer-type-page .treatment-card-content p, .treatment-grid .treatment-card .treatment-card-content p { min-height: auto !important; }
  .tljcc-cancer-type-page .treatment-photo-wrap, .treatment-grid .treatment-card .treatment-photo-wrap { height: 200px !important; min-height: 200px !important; max-height: 200px !important; }
  .tljcc-cancer-type-page .subtype-row { grid-template-columns: 1fr; gap: 6px; padding: 16px 0px; }
  .tljcc-cancer-type-page .staging-title-row { flex-direction: column; align-items: flex-start; gap: 10px; }
  .tljcc-cancer-type-page .cta-actions div { flex-direction: column; gap: 12px; }
  .tljcc-cancer-type-page .cta-button { width: 100%; }
  .tljcc-cancer-type-page .primary-button, .tljcc-cancer-type-page .hero-btn-primary, .tljcc-cancer-type-page .hero-actions { width: 100%; }
  /* FAQ Mobile Spacing & Breathing Room */
  .tljcc-cancer-type-page .faq-item summary { min-height: 56px; padding: 16px 20px !important; gap: 18px !important; font-size: 14.5px; line-height: 1.45; }
  .tljcc-cancer-type-page .faq-item summary span { flex-shrink: 0 !important; min-width: 24px !important; width: 24px !important; height: 24px !important; font-size: 20px !important; margin-left: 14px !important; }
  .tljcc-cancer-type-page .faq-item p { padding: 0 20px 20px !important; font-size: 13.5px; line-height: 1.7; }
}

/* Cancer type consultation: shared 15px tablet/mobile content spacing. */
@media (max-width: 1080px) {
  .tljcc-cancer-type-page .cta-grid { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .tljcc-cancer-type-page .cta-grid > .section-eyebrow { margin: 0 !important; }
  .tljcc-cancer-type-page .cta-actions { gap: 15px; }
  .tljcc-cancer-type-page .cta-actions .cta-dual-links { gap: 15px; }
}
@media (max-width: 640px) {
  .tljcc-cancer-type-page .cta-actions .cta-dual-links { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .tljcc-cancer-type-page *, .tljcc-cancer-type-page *::before, .tljcc-cancer-type-page *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* BEGIN TLJCC REMAINING PAGE IMPORTS */
@media (max-width: 1080px) {
.tljcc-treatments-page .tlp-heading-row { margin-bottom: 32px !important; }
.tljcc-treatments-page .tlp-overview-box {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto auto !important;
  grid-template-areas:
    "heading"
    "image"
    "copy" !important;
}
.tljcc-treatments-page .tlp-overview-media {
  min-height: 340px !important;
  height: 340px !important;
  position: relative !important;
}
.tljcc-treatments-page .tlp-overview-media img {
  position: relative !important;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}
.tljcc-treatments-page .tlp-overview-box .tlp-image-heading {
  padding: 32px 28px 20px 28px !important;
}
.tljcc-treatments-page .tlp-overview-content,
.tljcc-treatments-page .tlp-overview-box .tlp-image-copy {
  padding: 24px 28px 32px 28px !important;
}
.tljcc-treatments-page .tlp-mdt-grid {
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto auto !important;
  grid-template-areas:
    "heading"
    "image"
    "copy" !important;
  gap: 28px !important;
}
.tljcc-treatments-page .tlp-mdt-media-wrap {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
}
.tljcc-treatments-page .tlp-mdt-media-wrap img {
  height: 340px !important;
  width: 100% !important;
  object-fit: cover !important;
}
.tljcc-treatments-page .tlp-mdt-badge {
  position: static !important;
  width: 100% !important;
  margin-top: 14px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}
.tljcc-treatments-page .tlp-featured-grid { grid-template-columns: 1fr 1fr; gap: var(--tlp-content-gap); }
.tljcc-treatments-page .tlp-featured-grid .tlp-treatment-card:first-child { grid-column: 1 / -1; }
.tljcc-treatments-page .tlp-science-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
.tljcc-treatments-page .tlp-supportive { height: auto; min-height: 560px; padding: 60px 0; }
.tljcc-treatments-page .tlp-supportive-content { width: 100%; max-width: 100%; }
.tljcc-treatments-page .tlp-supportive-overlay { background: linear-gradient(180deg, rgba(11, 23, 45, 0.92) 0%, rgba(11, 23, 45, 0.82) 50%, rgba(11, 23, 45, 0.95) 100%); }
.tljcc-treatments-page .tlp-journey-box { padding: 24px; }
.tljcc-treatments-page .tlp-journey-rail { display: none; }
.tljcc-treatments-page .tlp-journey-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-treatments-page .tlp-journey-card:nth-child(3) { order: 4; }
.tljcc-treatments-page .tlp-journey-card:nth-child(4) { order: 3; }
.tljcc-treatments-page .tlp-questions-media, .tljcc-treatments-page .tlp-questions-overlay { display: none; }
.tljcc-treatments-page .tlp-questions-panel { width: 100%; padding-left: 0px; }
.tljcc-treatments-page .tlp-cta-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-treatments-page .tlp-dialog-layout { grid-template-columns: 340px 1fr; }
.tljcc-treatments-page .tlp-dialog-content { padding: 36px; }
}
@media (min-width: 641px) {
.tljcc-treatments-page .tlp-cta-btn-group a { flex: 1 1 0; min-width: 180px; max-width: 260px; }
}
@media (max-width: 640px) {
.tljcc-treatments-page .tlp-hero { min-height: calc(100vh - var(--tljcc-header-total-height, 68px) - var(--admin-bar-height, 0px)); min-height: calc(100dvh - var(--tljcc-header-total-height, 68px) - var(--admin-bar-height, 0px)); height: auto; box-sizing: border-box; padding-block: 40px; }
.tljcc-treatments-page .tlp-hero-watermark { display: none; }
.tljcc-treatments-page .tlp-overview-media { min-height: 240px; }
.tljcc-treatments-page .tlp-mdt-media-wrap img { height: 260px; }
.tljcc-treatments-page .tlp-featured-grid, .tljcc-treatments-page .tlp-science-grid { grid-template-columns: 1fr; }
.tljcc-treatments-page .tlp-treatment-card { min-height: 380px; height: 400px; }
.tljcc-treatments-page .tlp-expertise-grid { grid-template-columns: 1fr; }
.tljcc-treatments-page .tlp-support-register { grid-template-columns: 1fr; }
.tljcc-treatments-page .tlp-cta-btn-group { flex-direction: column; align-items: stretch; gap: 12px; }
.tljcc-treatments-page .tlp-cta-btn-group a { width: 100%; text-align: center; }
.tljcc-treatments-page .tlp-dialog-layout { grid-template-columns: 1fr; }
.tljcc-treatments-page .tlp-dialog-aside { position: static; min-height: auto; }
.tljcc-treatments-page .tlp-panel-grid { grid-template-columns: 1fr; }
.tljcc-treatments-page .tlp-panel-head { grid-template-columns: 1fr; }
.tljcc-treatments-page .tlp-question-trigger { grid-template-columns: 30px 1fr 26px !important; gap: 10px !important; padding: 16px 12px !important; }
.tljcc-treatments-page .tlp-question-answer { padding: 0 16px 18px 40px !important; }
}
@media (prefers-reduced-motion: reduce) {
.tljcc-treatments-page * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media (max-width: 1080px) {
.tljcc-technology-detail-page { --tlp-section-padding: 40px; }
.tljcc-technology-detail-page .tlp-section-head { grid-template-columns: 1fr; gap: var(--tlp-content-gap); margin-bottom: 30px; }
.tljcc-technology-detail-page .tlp-suite-card { grid-template-columns: 1fr; }
.tljcc-technology-detail-page .tlp-suite-photo-col { min-height: 280px; order: -1; }
.tljcc-technology-detail-page .tlp-specs-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
.tljcc-technology-detail-page .tlp-features-3col { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-technology-detail-page .tlp-indications-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
.tljcc-technology-detail-page .tlp-path-matrix { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
.tljcc-technology-detail-page .tlp-path-card--featured { grid-area: auto / 1 / auto / span 2; }
.tljcc-technology-detail-page .tlp-prep-layout { grid-template-columns: 1fr; }
.tljcc-technology-detail-page .tlp-prep-intro { padding: 32px 28px; }
.tljcc-technology-detail-page .tlp-prep-checklist { padding: 28px; }
.tljcc-technology-detail-page .tlp-safety-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-technology-detail-page .tlp-doctor-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
.tljcc-technology-detail-page .tlp-faq-layout { grid-template-columns: 1fr; gap: 30px; }
.tljcc-technology-detail-page .tlp-faq-cta-box { position: static; }
.tljcc-technology-detail-page .tlp-other-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
.tljcc-technology-detail-page .tlp-cta-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-technology-detail-page .tlp-cta-buttons { flex-wrap: wrap; }
}
@media (max-width: 680px) {
.tljcc-technology-detail-page .tlp-hero { padding: 48px 0px 60px; }
.tljcc-technology-detail-page .tlp-hero-actions { flex-direction: column; align-items: flex-start; gap: 15px; }
.tljcc-technology-detail-page .tlp-suite-info-col { padding: 24px 20px; }
.tljcc-technology-detail-page .tlp-mechanism-card { padding: 24px 20px; }
.tljcc-technology-detail-page .tlp-specs-grid { grid-template-columns: 1fr; }
.tljcc-technology-detail-page .tlp-indications-grid { grid-template-columns: 1fr; }
.tljcc-technology-detail-page .tlp-path-matrix { grid-template-columns: 1fr; }
.tljcc-technology-detail-page .tlp-path-card--featured { grid-column: auto; }
.tljcc-technology-detail-page .tlp-doctor-grid { grid-template-columns: 1fr; }
.tljcc-technology-detail-page .tlp-other-grid { grid-template-columns: 1fr; }
}
@media (max-width: 1080px) {
.tljcc-patient-guide-page .tlp-heading-row { grid-template-columns: 1fr; gap: var(--tlp-content-gap); margin-bottom: 32px; }
.tljcc-patient-guide-page .tlp-orientation-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-patient-guide-page .tlp-route-list { grid-template-columns: repeat(2, 1fr); }
.tljcc-patient-guide-page .tlp-route-card { padding: 36px 30px 36px 56px; border-bottom: 1px solid var(--tlp-line); }
.tljcc-patient-guide-page .tlp-route-card:nth-child(2) { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.tljcc-patient-guide-page .tlp-document-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-patient-guide-page .tlp-document-photo { min-height: 360px; order: 2; }
.tljcc-patient-guide-page .tlp-document-copy { padding: 36px 28px; order: 1; }
.tljcc-patient-guide-page .tlp-journey-rail { grid-template-columns: repeat(2, 1fr); border-inline: 1px solid rgba(255, 255, 255, 0.15); }
.tljcc-patient-guide-page .tlp-journey-step { border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.tljcc-patient-guide-page .tlp-journey-step:nth-child(2n) { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.tljcc-patient-guide-page .tlp-journey-step:last-child { grid-column: 1 / -1; }
.tljcc-patient-guide-page .tlp-planning-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: var(--tlp-content-gap); }
.tljcc-patient-guide-page .tlp-plan-card.tlp-fees { grid-row: auto; }
.tljcc-patient-guide-page .tlp-plan-card.tlp-location { grid-column: auto; grid-template-columns: 1fr; }
.tljcc-patient-guide-page .tlp-plan-card.tlp-location .tlp-plan-photo { height: 240px; }
.tljcc-patient-guide-page .tlp-plan-card.tlp-preparation { grid-column: auto; grid-template-columns: 1fr; }
.tljcc-patient-guide-page .tlp-prep-head { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.tljcc-patient-guide-page .tlp-partnership-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-patient-guide-page .tlp-partnership-photo { height: 400px; order: 2; }
.tljcc-patient-guide-page .tlp-partnership-content { margin-left: 0px; padding: 36px 28px; order: 1; }
.tljcc-patient-guide-page .tlp-faq-grid { grid-template-columns: 1fr; gap: 36px; }
.tljcc-patient-guide-page .tlp-faq-intro { position: static; }
.tljcc-patient-guide-page .tlp-cta-grid { grid-template-columns: 1fr; grid-template-areas: "eyebrow" "title" "actions"; gap: var(--tlp-content-gap); }
.tljcc-patient-guide-page .tlp-drawer { width: 80vw; padding: 40px 32px; }
.tljcc-patient-guide-page .tlp-dialog-inner { grid-template-columns: 1fr; height: 85vh; }
.tljcc-patient-guide-page .tlp-dialog-aside { padding: 36px 28px; min-height: auto; }
.tljcc-patient-guide-page .tlp-dialog-main { padding: 36px 28px; }
}
@media (max-width: 680px) {
.tljcc-patient-guide-page .tlp-shell { width: calc(100% - 32px); }
.tljcc-patient-guide-page .tlp-quick-contact { display: none; }
.tljcc-patient-guide-page .tlp-route-list { grid-template-columns: 1fr; }
.tljcc-patient-guide-page .tlp-route-card { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.tljcc-patient-guide-page .tlp-journey-rail { grid-template-columns: 1fr; }
.tljcc-patient-guide-page .tlp-journey-step { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.tljcc-patient-guide-page .tlp-prep-services { grid-template-columns: 1fr; }
.tljcc-patient-guide-page .tlp-prep-service-btn { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.tljcc-patient-guide-page .tlp-drawer { width: 100vw; padding: 32px 20px; }
.tljcc-patient-guide-page .tlp-cta-btn-group { flex-direction: column; width: 100%; }
.tljcc-patient-guide-page .tlp-btn-primary, .tljcc-patient-guide-page .tlp-btn-secondary { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.tljcc-patient-guide-page *, .tljcc-patient-guide-page ::before, .tljcc-patient-guide-page ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media (max-width: 1080px) {
.tljcc-international-patients-page .tlp-heading-row { grid-template-columns: 1fr; gap: var(--tlp-content-gap); margin-bottom: 32px; }
.tljcc-international-patients-page .tlp-centre-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-international-patients-page .tlp-coordinator-frame { height: 380px; }
.tljcc-international-patients-page .tlp-reasons-layout { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-international-patients-page .tlp-reason-photo { min-height: 340px; }
.tljcc-international-patients-page .tlp-route-board { grid-template-columns: repeat(2, 1fr); padding: 36px 24px; gap: 24px; }
.tljcc-international-patients-page .tlp-route-line { display: none; }
.tljcc-international-patients-page .tlp-journey-step { min-height: 240px; }
.tljcc-international-patients-page .tlp-journey-step:last-child { grid-column: 1 / -1; }
.tljcc-international-patients-page .tlp-travel-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-international-patients-page .tlp-travel-photo { min-height: 380px; order: 2; }
.tljcc-international-patients-page .tlp-travel-copy { padding: 36px 28px; order: 1; }
.tljcc-international-patients-page .tlp-visa-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-international-patients-page .tlp-visa-steps { grid-template-columns: 1fr; }
.tljcc-international-patients-page .tlp-visa-step { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid rgba(255, 255, 255, 0.133); }
.tljcc-international-patients-page .tlp-visa-step:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.tljcc-international-patients-page .tlp-faq-grid { grid-template-columns: 1fr; gap: 36px; }
.tljcc-international-patients-page .tlp-faq-intro { position: static; }
.tljcc-international-patients-page .tlp-cta-grid { grid-template-columns: 1fr; grid-template-areas: "eyebrow" "title" "actions"; gap: var(--tlp-content-gap); }
.tljcc-international-patients-page .tlp-drawer { width: 80vw; padding: 40px 32px; }
}
@media (max-width: 680px) {
.tljcc-international-patients-page .tlp-shell { width: calc(100% - 32px); }
.tljcc-international-patients-page .tlp-quick-contact { display: none; }
.tljcc-international-patients-page .tlp-service-strip { grid-template-columns: 1fr; }
.tljcc-international-patients-page .tlp-service-strip-col { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.tljcc-international-patients-page .tlp-service-strip-col:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.tljcc-international-patients-page .tlp-route-board { grid-template-columns: 1fr; }
.tljcc-international-patients-page .tlp-stay-inset { position: static; width: 100%; height: 180px; margin-top: 14px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.tljcc-international-patients-page .tlp-drawer { width: 100vw; padding: 32px 20px; }
.tljcc-international-patients-page .tlp-cta-btn-group { flex-direction: column; width: 100%; }
.tljcc-international-patients-page .tlp-btn-primary, .tljcc-international-patients-page .tlp-btn-secondary { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.tljcc-international-patients-page *, .tljcc-international-patients-page ::before, .tljcc-international-patients-page ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media (max-width: 1240px) {
.tljcc-news-events-page .tlp-journal-header { grid-template-columns: 1fr; gap: 20px; }
.tljcc-news-events-page .tlp-story-row { grid-template-columns: 46px 115px 1fr 140px; gap: 16px; }
.tljcc-news-events-page .tlp-story-thumb, .tljcc-news-events-page .tlp-press-art { width: 140px; height: 95px; }
.tljcc-news-events-page .tlp-events-panel { padding-left: clamp(24px, 3vw, 40px); }
.tljcc-news-events-page .tlp-media-panel { padding-right: clamp(24px, 3vw, 40px); }
}
@media (max-width: 1080px) {
.tljcc-news-events-page { --tlp-section-padding: clamp(40px, 6vw, 60px); }
.tljcc-news-events-page .tlp-featured-spread { height: auto; display: flex; flex-direction: column; gap: var(--tlp-content-gap); }
.tljcc-news-events-page .tlp-featured-photo { width: 100%; height: 320px; }
.tljcc-news-events-page .tlp-featured-panel { position: static; width: 100%; min-height: auto; padding: 24px; box-shadow: rgba(18, 29, 61, 0.08) 0px 10px 30px; }
.tljcc-news-events-page .tlp-journal-browser { grid-template-columns: 1fr; gap: 32px; }
.tljcc-news-events-page .tlp-journal-aside { position: static; }
.tljcc-news-events-page .tlp-split-desk { grid-template-columns: 1fr; }
.tljcc-news-events-page .tlp-events-panel, .tljcc-news-events-page .tlp-media-panel { padding-left: clamp(24px, 4vw, 40px); padding-right: clamp(24px, 4vw, 40px); }
.tljcc-news-events-page .tlp-cta-container { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
}
@media (max-width: 768px) {
.tljcc-news-events-page .tlp-hero-inner { padding-block: 40px; }
.tljcc-news-events-page .tlp-story-row { grid-template-columns: 1fr; gap: var(--tlp-content-gap); padding: 16px 0px; }
.tljcc-news-events-page .tlp-story-num { display: none; }
.tljcc-news-events-page .tlp-story-thumb, .tljcc-news-events-page .tlp-press-art { width: 100%; height: 180px; order: -1; }
.tljcc-news-events-page .tlp-event-card { grid-template-columns: 1fr; gap: 12px; }
.tljcc-news-events-page .tlp-event-actions { align-items: flex-start; flex-flow: wrap; justify-content: space-between; width: 100%; }
.tljcc-news-events-page .tlp-form-row-2 { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.tljcc-news-events-page .tlp-cta-btn-group { flex-direction: column; width: 100%; }
.tljcc-news-events-page .tlp-cta-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.tljcc-news-events-page * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media (max-width: 768px) {
.tljcc-blog-template-page .tlp-shell { width: calc(100% - 32px); }
}
@media (max-width: 1080px) {
.tljcc-blog-template-page .tlp-post-hero { padding: clamp(36px, 5vw, 48px) 0px; }
.tljcc-blog-template-page .tlp-hero-title { letter-spacing: -1.5px; }
.tljcc-blog-template-page .tlp-post-hero .tlp-shell { gap: var(--tlp-content-gap); }
}
@media (max-width: 1080px) {
.tljcc-blog-template-page .tlp-article-grid { grid-template-columns: minmax(0px, 1fr); gap: var(--tlp-content-gap); }
.tljcc-blog-template-page .tlp-article-rail { position: static; display: none; }
.tljcc-blog-template-page .tlp-article-main { gap: var(--tlp-content-gap); }
}
@media (max-width: 1080px) {
.tljcc-blog-template-page .tlp-related-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
}
@media (max-width: 640px) {
.tljcc-blog-template-page .tlp-related-header { flex-direction: column; align-items: flex-start; gap: 16px; }
.tljcc-blog-template-page .tlp-related-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
}
@media (max-width: 1080px) {
.tljcc-blog-template-page .tlp-cta-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-blog-template-page .tlp-cta-eyebrow-row { grid-column: 1; }
.tljcc-blog-template-page .tlp-cta-title { max-width: 100%; }
}
@media (max-width: 480px) {
.tljcc-blog-template-page .tlp-cta-btn-group { flex-direction: column; }
.tljcc-blog-template-page .tlp-cta-btn { width: 100%; }
}
@media (max-width: 1080px) {
.tljcc-event-registration-page { --tlp-section-padding: clamp(40px, 6vw, 54px); }
.tljcc-event-registration-page .tlp-content-column { gap: var(--tlp-content-gap); }
.tljcc-event-registration-page .tlp-highlights-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
.tljcc-event-registration-page .tlp-speakers-row { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); }
.tljcc-event-registration-page .tlp-venue-box { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
}
@media (max-width: 768px) {
.tljcc-event-registration-page .tlp-event-meta-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-event-registration-page .tlp-field-row-2 { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-event-registration-page .tlp-highlights-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-event-registration-page .tlp-speakers-row { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-event-registration-page .tlp-speaker-photo { height: 280px; }
.tljcc-event-registration-page .tlp-agenda-row { flex-direction: column; gap: 10px; padding: 16px; }
.tljcc-event-registration-page .tlp-agenda-time { width: auto; padding: 4px 10px; }
}
@media (max-width: 480px) {
.tljcc-event-registration-page .tlp-hero-btn { width: 100%; }
.tljcc-event-registration-page .tlp-btn-submit-reg { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.tljcc-event-registration-page * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media (max-width: 768px) {
.tljcc-careers-page .tlp-shell { width: calc(100% - 32px); }
}
@media (max-width: 1080px) {
.tljcc-careers-page .tlp-section { padding-block: clamp(40px, 5vw, 56px); }
.tljcc-careers-page .tlp-section-header { grid-template-columns: 1fr; gap: var(--tlp-content-gap); margin-bottom: var(--tlp-content-gap); }
.tljcc-careers-page .tlp-reasons-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.tljcc-careers-page .tlp-reason-card { min-height: auto; padding: 24px; background: var(--tlp-white); border: 1px solid var(--tlp-line); border-radius: 3px; }
.tljcc-careers-page .tlp-reason-card:first-child, .tljcc-careers-page .tlp-reason-card:last-child { padding: 24px; border-right: 1px solid var(--tlp-line); }
.tljcc-careers-page .tlp-reason-icon { margin-bottom: 16px; }
.tljcc-careers-page .tlp-job-cols { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-careers-page .tlp-job-panel { padding: 2px 6px 24px; }
.tljcc-careers-page .tlp-life-grid { grid-template-columns: repeat(2, 1fr); gap: var(--tlp-content-gap); margin-top: var(--tlp-content-gap); }
.tljcc-careers-page .tlp-apply-steps { grid-template-columns: 1fr; gap: var(--tlp-content-gap); border-top-width: medium; border-top-style: none; border-top-color: currentcolor; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; margin-top: var(--tlp-content-gap); }
.tljcc-careers-page .tlp-apply-step { padding: 24px; background: rgba(255, 255, 255, 0.04); border: 1px solid var(--tlp-line-light); border-radius: 3px; }
.tljcc-careers-page .tlp-apply-step + .tlp-apply-step { padding-left: 24px; }
.tljcc-careers-page .tlp-cta-grid { grid-template-columns: 1fr; grid-template-areas: "eyebrow" "title" "actions"; gap: var(--tlp-content-gap); }
.tljcc-careers-page .tlp-cta-actions-col { gap: var(--tlp-content-gap); }
.tljcc-careers-page .tlp-cta-btn-group { gap: var(--tlp-content-gap); }
}
@media (max-width: 768px) {
.tljcc-careers-page .tlp-hero-meta { display: none; }
.tljcc-careers-page .tlp-hero-watermark { display: none; }
.tljcc-careers-page .tlp-reasons-grid { grid-template-columns: 1fr; }
.tljcc-careers-page .tlp-life-grid { grid-template-columns: 1fr; }
.tljcc-careers-page .tlp-job-header { grid-template-columns: 38px 1fr; gap: 14px; }
.tljcc-careers-page .tlp-js-dialog, .tljcc-careers-page .tlp-job-dialog { width: calc(-20px + 100vw); max-height: 94vh; }
.tljcc-careers-page .tlp-js-dialog-header, .tljcc-careers-page .tlp-job-dialog-header { padding: 20px 20px 16px; }
.tljcc-careers-page .tlp-js-scroll, .tljcc-careers-page .tlp-job-dialog-scroll { padding: 20px; }
.tljcc-careers-page .tlp-js-meta-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
.tljcc-careers-page .tlp-row-2col { grid-template-columns: 1fr; gap: 12px; }
.tljcc-careers-page .tlp-form-actions { flex-direction: column-reverse; width: 100%; }
.tljcc-careers-page .tlp-btn-cancel, .tljcc-careers-page .tlp-btn-submit { width: 100%; justify-content: center; }
}
@media (max-width: 480px) {
.tljcc-careers-page .tlp-hero-actions { flex-direction: column; align-items: stretch; gap: 14px; }
.tljcc-careers-page .tlp-hero-btn { justify-content: center; }
.tljcc-careers-page .tlp-cta-btn-group { flex-direction: column; width: 100%; }
.tljcc-careers-page .tlp-cta-btn-primary, .tljcc-careers-page .tlp-cta-btn-secondary { width: 100%; justify-content: center; }
.tljcc-careers-page .tlp-filters { gap: 8px; }
.tljcc-careers-page .tlp-filter-chip { width: 100%; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) {
.tljcc-careers-page *, .tljcc-careers-page ::before, .tljcc-careers-page ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
@media (max-width: 768px) {
.tljcc-contact-page .tlp-shell { width: calc(100% - 32px); }
}
@media (max-width: 768px) {
.tljcc-contact-page .tlp-contact-dock { display: none; }
}
@media (max-width: 1080px) {
.tljcc-contact-page .tlp-contact-hero { min-height: auto; }
.tljcc-contact-page .tlp-hero-title { letter-spacing: -1.5px; }
}
@media (max-width: 1080px) {
.tljcc-contact-page .tlp-route-console { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-contact-page .tlp-route-nav { position: static; }
.tljcc-contact-page .tlp-form-panel { padding: 32px 24px; }
.tljcc-contact-page .tlp-field-grid { grid-template-columns: 1fr; gap: 14px; }
.tljcc-contact-page .tlp-form-submit-row { flex-direction: column; align-items: flex-start; gap: 15px; }
}
@media (max-width: 1080px) {
.tljcc-contact-page .tlp-referral-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
}
@media (max-width: 640px) {
.tljcc-contact-page .tlp-referral-flow { grid-template-columns: 1fr; }
.tljcc-contact-page .tlp-referral-step { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-bottom: 1px solid rgba(255, 255, 255, 0.137); min-height: auto; }
.tljcc-contact-page .tlp-referral-step:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
}
@media (max-width: 1080px) {
.tljcc-contact-page .tlp-hub-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-contact-page .tlp-location-panel { min-height: 520px; }
}
@media (max-width: 640px) {
.tljcc-contact-page .tlp-arrival-inset { position: static; width: 100%; height: 180px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.tljcc-contact-page .tlp-location-copy { padding: 24px; }
}
@media (max-width: 1080px) {
.tljcc-contact-page .tlp-cta-grid { grid-template-columns: 1fr; gap: var(--tlp-content-gap); }
.tljcc-contact-page .tlp-cta-eyebrow-row { grid-column: 1; }
.tljcc-contact-page .tlp-cta-title { max-width: 100%; }
}
@media (max-width: 480px) {
.tljcc-contact-page .tlp-cta-btn-group { flex-direction: column; }
.tljcc-contact-page .tlp-cta-btn { width: 100%; }
}
/* END TLJCC REMAINING PAGE IMPORTS */

/* BEGIN IMPORTED PAGE STANDARDS */
@media (max-width:1080px) {
    .tljcc-imported-page .tlp-image-text-layout { grid-template-columns: minmax(0,1fr) !important; grid-template-areas: "heading" "image" "copy"; gap: 15px !important; }
    .tljcc-imported-page :is(.tlp-standard-heading,.tlp-cta-grid,.tlp-cta-actions,.tlp-image-heading,.tlp-image-copy) { gap: 15px !important; }
    .tljcc-imported-page .tlp-cta-grid { grid-template-columns: minmax(0,1fr) !important; }
    .tljcc-imported-page .tlp-standard-heading > *, .tljcc-imported-page .tlp-standard-heading .section-title, .tljcc-imported-page .tlp-image-heading > *, .tljcc-imported-page .tlp-cta-grid > * { margin: 0 !important; }
    .tljcc-imported-page .tlp-image-heading { display: flex; flex-direction: column; }
    .tljcc-imported-page .tlp-image-copy { display: flex; flex-direction: column; }
    .tljcc-imported-page [class*="grid"], .tljcc-imported-page [class*="actions"], .tljcc-imported-page [class*="heading"], .tljcc-imported-page [class*="btn-group"] { gap: 15px !important; }
    .tljcc-imported-page .tlp-cta-grid > * { grid-column: auto !important; }
    .tljcc-imported-page .section-title { width: 100%; }
  }
  @media (max-width:640px) {
    .tljcc-imported-page .tlp-shell { width: calc(100% - 32px) !important; }
    .tljcc-imported-page .tlp-cta-btn-group, .tljcc-imported-page .tlp-cta-dual-links { grid-template-columns: minmax(0,1fr); }
    .tljcc-imported-page .tlp-hero-title { overflow-wrap: anywhere; }
    .tljcc-imported-page :is(.tlp-form-row,.tlp-form-grid,.tlp-form-row-2) { grid-template-columns: minmax(0,1fr) !important; }
    .tljcc-imported-page input:not([type="checkbox"]):not([type="radio"]), .tljcc-imported-page select, .tljcc-imported-page textarea { max-width: 100%; min-width: 0; }
    :is(.page-hero, .tlp-page-hero, .about-hero, .doctor-hero, .cancer-type-hero) :is(.watermark, .tlp-hero-watermark, .hero-watermark, .orbit, .tlp-hero-orbit, .hero-meta, .tlp-hero-meta) { display: none !important; }
    :is(.page-hero, .tlp-page-hero, .about-hero, .doctor-hero, .cancer-type-hero) :is(.hero-actions, .tlp-hero-actions) { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
    :is(.page-hero, .tlp-page-hero, .about-hero, .doctor-hero, .cancer-type-hero) :is(.primary-button, .tlp-hero-btn, .tlp-hero-btn-primary) { width: 100% !important; }
  }
  @media (prefers-reduced-motion:reduce) {
    *, *::before, *::after,
    .tljcc-imported-page *, .tljcc-imported-page *::before, .tljcc-imported-page *::after,
    [class*="tljcc-"] *, [class*="tljcc-"] *::before, [class*="tljcc-"] *::after {
      animation: none !important;
      transition: none !important;
      scroll-behavior: auto !important;
    }
  }
/* END IMPORTED PAGE STANDARDS */

/* Diagnostics scan library: preserve comfortable cards and 15px content gaps. */
@media (max-width:1080px) {
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-feature-grid { grid-template-columns: 1fr; gap: 15px; margin-top: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-modality-card { grid-template-columns: 1fr 1fr; min-height: 340px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-modality-copy { gap: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-modality-copy > * { margin: 0; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-modality-btn { margin-top: auto; padding-top: 0; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-service-register { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-service-body { padding: 15px; grid-template-columns: 1fr; gap: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-service-body > * { grid-column: 1; grid-row: auto; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-service-photo { height: 170px; }
}
@media (max-width:640px) {
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-modality-card { grid-template-columns: 1fr; min-height: 0; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-modality-photo { height: 230px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-modality-copy { padding: 20px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-service-register { grid-template-columns: 1fr; gap: 15px; border: 0; background: transparent; box-shadow: none; }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-service-card { border: 1px solid var(--tlp-line); }
  .tljcc-diagnostic-imaging-technology-page .tlp-library .tlp-service-photo { height: 230px; }
}

/* Shared CTA reading order and spacing on tablet and mobile. */
@media (max-width:1080px) {
  .tljcc-diagnostic-imaging-technology-page .tlp-cta .tlp-cta-grid {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: "eyebrow" "title" "actions";
    gap: 15px !important;
  }
  .tljcc-diagnostic-imaging-technology-page .tlp-cta .tlp-cta-actions { gap: 15px; }
}
@media (max-width:640px) {
  .tljcc-diagnostic-imaging-technology-page .tlp-cta .tlp-cta-dual-links { grid-template-columns: minmax(0,1fr) !important; }
}

/* Laboratory: tablet and mobile reading order with 15px content spacing. */
@media(max-width:1080px) {
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-showcase { grid-template-columns: 1fr; gap: 15px; padding: 0; margin-top: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-photo-col { min-height: 0; height: auto; aspect-ratio: 16 / 9; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-story-col { padding: 24px; gap: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-story-col > * { margin: 0; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-disciplines-head { flex-direction: column; align-items: flex-start; gap: 15px; margin-top: 15px; padding-bottom: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-disciplines-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; margin-top: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-card { padding: 24px 20px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-workflow { margin-top: 15px; padding: 24px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-workflow-header { gap: 15px; flex-wrap: wrap; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-workflow-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; margin-top: 15px; }
}
@media(max-width:640px) {
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-story-col { padding: 20px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-stats-row { grid-template-columns: 1fr; gap: 15px; padding-top: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-disciplines-grid { grid-template-columns: 1fr; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-card { display: block; grid-row: auto; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-card-body { display: flex; flex-direction: column; gap: 15px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-lab-workflow { padding: 20px; }
  .tljcc-diagnostic-imaging-technology-page .tlp-med-lab .tlp-workflow-steps { grid-template-columns: 1fr; }
}

/* Imaging referral: retain 15px spacing as the columns stack. */
@media(max-width:1080px) {
  .tljcc-diagnostic-imaging-technology-page .tlp-referral .tlp-referral-grid { grid-template-columns: minmax(0,1fr); gap: 15px; }
}
@media(max-width:640px) {
  .tljcc-diagnostic-imaging-technology-page .tlp-referral .tlp-gateway {
    grid-template-columns: minmax(0,1fr) 24px !important;
    grid-template-areas: "identity arrow" "copy copy";
    padding: 20px; gap: 15px; min-height: 0;
  }
  .tljcc-diagnostic-imaging-technology-page .tlp-referral .tlp-gateway-obj {
    grid-area: identity; min-height: 0; border: 0; padding: 0 !important;
  }
  .tljcc-diagnostic-imaging-technology-page .tlp-referral .tlp-gateway-text {
    grid-area: copy; gap: 15px; border-top: 1px solid var(--tlp-line); padding-top: 15px;
  }
  .tljcc-diagnostic-imaging-technology-page .tlp-referral .tlp-gateway-arrow { grid-area: arrow; }
}

/* Reusable Treatment Individual: tablet/mobile content rhythm. */
@media(max-width:1080px) {
  .tljcc-treatment-individual-page .tlp-section-head.tlp-standard-heading { margin-bottom: 15px; }
  .tljcc-treatment-individual-page :is(.tlp-suite-info-col,.tlp-cta-actions) { gap: 15px; }
  .tljcc-treatment-individual-page :is(.tlp-path-matrix,.tlp-other-grid,.tlp-doctor-grid) { margin-top: 15px; }
}
@media(max-width:640px) {
  .tljcc-treatment-individual-page .tlp-cta-buttons { grid-template-columns: minmax(0,1fr); }
}