/* Universal Zero Shadow Rule */
*, *::before, *::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

:root {
      --ink: #102c3b;
      --ink-soft: #36515f;
      --navy: #0a3552;
      --navy-deep: #06283e;
      --blue: #2d79a6;
      --sky: #6bc8ec;
      --sky-soft: #dff4fb;
      --ice: #eef9fc;
      --paper: #e8f2f9;
      --white: #fff;
      --muted: #4e6573;
      --line: #cde0ec;
      --line-soft: rgba(16, 44, 59, .09);
      --radius: 14px;
      --container: 1240px;
      --ease: cubic-bezier(.22, 1, .36, 1);
      --font: "Manrope", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    * {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 108px
    }

    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font-family: var(--font);
      font-size: 16px;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      overflow-x: hidden
    }

    body.menu-open {
      overflow: hidden
    }

    a {
      color: inherit;
      text-decoration: none
    }

    img {
      display: block;
      max-width: 100%
    }

    button,
    input,
    textarea,
    select {
      font: inherit
    }

    button {
      color: inherit
    }

    button,
    a {
      -webkit-tap-highlight-color: transparent
    }

    :focus-visible {
      outline: 2px solid var(--blue);
      outline-offset: 4px
    }

    ::selection {
      background: #cceef9;
      color: var(--navy-deep)
    }

    .container {
      width: min(calc(100% - 48px), var(--container));
      margin-inline: auto
    }

    .eyebrow {
      display: inline-block;
      color: var(--blue);
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .12em;
      text-transform: uppercase;
      margin-bottom: 4px;
    }

    h1, h2, h3, .display, .section-title, .hero-title, .inner-title, .stories-wall-head h2, .doctor h2, .finder-content h3, .footer-hero-title {
      font-weight: 600 !important;
    }

    .display {
      font-weight: 600;
      letter-spacing: -.035em;
      line-height: .98;
      margin: 0;
      text-wrap: balance;
    }

    .section-title {
      font-size: clamp(44px, 5.2vw, 72px);
      font-weight: 600;
      max-width: 900px;
    }

    .section-copy {
      font-size: 17px;
      line-height: 1.75;
      color: var(--ink-soft);
      max-width: 650px
    }

    .muted {
      color: var(--muted)
    }

    .section {
      position: relative;
      padding: 72px 0
    }

    .rule {
      height: 1px;
      background: var(--line)
    }

    .icon {
      font-size: 16px;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      flex: none
    }

    .link-arrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-weight: 500
    }

    .link-arrow i {
      font-size: 14px;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      transition: transform .3s var(--ease)
    }

    .link-arrow:hover i {
      transform: translateX(4px)
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      min-height: 48px;
      padding: 0 20px;
      border: 1px solid transparent;
      border-radius: 10px;
      font-size: 14px;
      font-weight: 500;
      transition: background-color .25s ease, border-color .25s ease, color .25s ease
    }

    .btn-primary {
      background: var(--navy-deep);
      color: #fff
    }

    .btn-primary:hover {
      background: #0c4163
    }

    .btn-outline {
      border-color: #b8c8cf;
      background: transparent;
      color: var(--ink)
    }

    .btn-outline:hover {
      background: #fff;
      border-color: #8ea6b1
    }

    .btn-light {
      background: #fff;
      color: var(--navy-deep)
    }

    .btn-light:hover {
      background: #eaf7fc
    }

    .btn i {
      font-size: 14px;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      transition: transform .3s var(--ease);
    }

    .btn:hover i {
      transform: translateX(3px);
    }

    .btn i.bi-arrow-right,
    .btn i.bi-arrow-up-right,
    .btn .bi-arrow-right,
    .btn .bi-arrow-up-right,
    .btn-footer-cta i.bi-arrow-right,
    .btn-footer-cta i.bi-arrow-up-right,
    .nav-cta i.bi-arrow-right,
    .nav-cta i.bi-arrow-up-right {
      display: none !important;
    }

    /* Header */
    .site-header {
      position: fixed;
      z-index: 1000;
      inset: 0 0 auto;
      pointer-events: none;
      transition: padding .4s var(--ease);
    }

    .announcement {
      height: 36px;
      max-height: 36px;
      background: #0d2432;
      color: #fff;
      display: flex;
      align-items: center;
      font-size: 12px;
      letter-spacing: .02em;
      transition: transform .4s var(--ease), max-height .4s var(--ease), opacity .3s ease;
      pointer-events: auto;
      overflow: hidden;
      border-bottom: 1px solid rgba(255, 255, 255, .08);
      width: 100%;
    }

    .announcement-inner {
      width: min(calc(100% - 48px), var(--container));
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      box-sizing: border-box;
    }

    .announcement-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: rgba(255, 255, 255, .92);
      font-size: 12px;
      font-weight: 400;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .announcement-badge strong {
      color: #fff;
      font-weight: 600
    }

    .announcement-links {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      white-space: nowrap;
      flex-shrink: 0;
    }

    .announcement-links a {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      color: rgba(255, 255, 255, .78);
      font-size: 11.5px;
      font-weight: 500;
      transition: color .2s ease;
    }

    .announcement-links a:hover {
      color: #fff;
    }

    .announcement-links .dot-sep {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .3);
    }

    .announcement-links .rainbow-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: linear-gradient(135deg, #ff4e50, #f9d423, #24c6dc);
      display: inline-block;
    }

    .nav-wrap {
      width: 100%;
      padding: 0;
      pointer-events: none;
      background: rgba(232, 242, 249, 0.96);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border-bottom: 1px solid var(--line);
      transition: padding .45s var(--ease), background-color .35s ease, border-color .35s ease);
    }

    .nav-shell {
      height: 84px;
      width: min(calc(100% - 48px), var(--container));
      max-width: var(--container);
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 16px;
      padding: 0;
      border: 1px solid transparent;
      border-radius: 0;
      background: transparent;
      transition: max-width .45s var(--ease), width .45s var(--ease), height .45s var(--ease), border-radius .45s var(--ease), background .4s var(--ease), border-color .4s var(--ease)), padding .45s var(--ease), gap .45s var(--ease);
      pointer-events: auto;
      box-sizing: border-box;
    }

    /* Scrolled State: Fluid, ultra-smooth compact floating pill capsule */
    .site-header.scrolled .announcement {
      max-height: 0;
      transform: translateY(-100%);
      opacity: 0;
      pointer-events: none;
    }

    .site-header.scrolled .nav-wrap {
      padding: 12px 20px 0;
      background: transparent;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      border-bottom-color: transparent;
      display: flex;
      justify-content: center;
    }

    .site-header.scrolled .nav-shell {
      height: 62px;
      max-width: 1060px;
      width: min(calc(100% - 32px), 1060px);
      border-radius: 14px;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(246, 251, 254, 0.72) 100%);
      backdrop-filter: blur(24px) saturate(190%);
      -webkit-backdrop-filter: blur(24px) saturate(190%);
      border: 1px solid rgba(45, 121, 166, 0.12);
      box-shadow: none !important;
      padding: 0 14px 0 18px;
      gap: 10px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      flex-shrink: 0;
      text-decoration: none;
      user-select: none;
      transition: transform .25s ease, opacity .2s ease, gap .4s var(--ease);
    }

    .brand:hover {
      transform: translateY(-1px);
    }

    .brand-emblem {
      width: 38px;
      height: 38px;
      object-fit: contain;
      flex-shrink: 0;
      display: block;
      transition: width .4s var(--ease), height .4s var(--ease), transform .3s ease, filter .3s ease;
    }

    .site-header.scrolled .brand-emblem {
      width: 32px;
      height: 32px;
    }

    .brand-text {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 2px;
      max-width: 220px;
      opacity: 1;
      transform: translateX(0);
      overflow: hidden;
      white-space: nowrap;
      transition: max-width .4s var(--ease), opacity .3s ease, transform .4s var(--ease), margin .4s var(--ease);
    }

    /* Scrolled Header: Display brand logo name and tagline in small elegant layout */
    .site-header.scrolled .brand {
      gap: 10px;
    }

    .site-header.scrolled .brand-emblem {
      width: 28px;
      height: 28px;
    }

    .site-header.scrolled .brand-text {
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      gap: 1px;
      max-width: 190px !important;
      opacity: 1 !important;
      transform: none !important;
      margin: 0 !important;
      pointer-events: auto !important;
    }

    .site-header.scrolled .brand-title {
      font-size: 11px !important;
      letter-spacing: .06em;
      line-height: 1.1;
    }

    .site-header.scrolled .brand-sub {
      font-size: 7px !important;
      letter-spacing: .1em;
      line-height: 1.1;
    }

    .brand-title {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .08em;
      color: var(--navy-deep);
      line-height: 1.15;
      text-transform: uppercase;
      transition: color .3s ease;
      white-space: nowrap;
    }

    .brand-sub {
      font-size: 8px;
      font-weight: 600;
      letter-spacing: .13em;
      color: #3b5f74;
      line-height: 1.15;
      text-transform: uppercase;
      transition: color .3s ease;
      white-space: nowrap;
    }

    /* Dark Theme Header Morph & Footer */
    .site-header.theme-dark .brand-title,
    .brand-footer .brand-title {
      color: #ffffff !important;
    }

    .site-header.theme-dark .brand-sub,
    .brand-footer .brand-sub {
      color: rgba(255, 255, 255, 0.72) !important;
    }

    .site-header.theme-dark .brand-emblem,
    .brand-footer .brand-emblem {
      filter: brightness(0) invert(1);
      opacity: 0.95;
    }

    .brand-footer .brand-emblem {
      width: 44px;
      height: 44px;
    }

    .brand-footer .brand-title {
      font-size: 14px;
      letter-spacing: .09em;
    }

    .brand-footer .brand-sub {
      font-size: 8.5px;
      letter-spacing: .14em;
    }

    .desktop-nav {
      display: flex;
      align-items: center;
      gap: 2px;
      margin-left: auto;
      transition: gap .4s var(--ease), margin .4s var(--ease);
    }

    .site-header.scrolled .desktop-nav {
      gap: 1px;
    }

    .nav-item {
      position: relative
    }

    .nav-link,
    .nav-trigger {
      min-height: 40px;
      padding: 0 12px;
      border: 0;
      border-radius: 8px;
      background: transparent;
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 13px;
      font-weight: 500;
      cursor: pointer;
      color: #132f3e;
      position: relative;
      white-space: nowrap;
      transition: min-height .35s var(--ease), padding .35s var(--ease), font-size .35s ease, color .2s ease, background-color .2s ease;
    }

    .site-header.scrolled .nav-link,
    .site-header.scrolled .nav-trigger {
      min-height: 36px;
      padding: 0 9px;
      font-size: 12.5px;
    }

    .site-header.scrolled .nav-actions {
      gap: 7px;
    }

    /* Scrolled Header Search Button: Icon Only */
    .site-header.scrolled .nav-search-btn {
      width: 36px !important;
      height: 36px !important;
      padding: 0 !important;
      border-radius: 50% !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .site-header.scrolled .nav-search-btn .search-btn-text,
    .site-header.scrolled .nav-search-btn .search-key-badge {
      display: none !important;
    }

    .site-header.scrolled .nav-search-btn i {
      font-size: 14px !important;
      margin: 0 !important;
    }

    /* Scrolled Header Theme Toggle Button: Matching 36px Icon Circle */
    .site-header.scrolled .theme-toggle-btn {
      width: 36px !important;
      height: 36px !important;
      padding: 0 !important;
      border-radius: 50% !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    /* Scrolled Header Phone Button: Icon Only */
    .site-header.scrolled .nav-phone-btn {
      width: 36px !important;
      height: 36px !important;
      padding: 0 !important;
      border-radius: 50% !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
    }

    .site-header.scrolled .nav-phone-btn span {
      display: none !important;
    }

    .site-header.scrolled .nav-phone-btn i {
      font-size: 13px !important;
      margin: 0 !important;
    }

    /* Scrolled Header Schedule Button: Small, sleek and refined */
    .site-header.scrolled .nav-cta {
      font-size: 11.5px !important;
      min-height: 36px !important;
      padding: 0 13px !important;
      font-weight: 600 !important;
      letter-spacing: 0.01em !important;
      border-radius: 10px !important;
    }

    .nav-link:hover,
    .nav-trigger:hover,
    .nav-trigger.active,
    .nav-item.active > .nav-trigger,
    .nav-trigger[aria-expanded="true"] {
      color: var(--blue, #0e7490) !important;
      background: transparent !important;
    }

    .nav-link::after,
    .nav-trigger::after {
      display: none !important;
      content: none !important;
    }

    .nav-trigger .chev {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      line-height: 1;
      margin-left: 3px;
      margin-top: 1px;
      transition: transform .25s var(--ease);
    }

    .nav-trigger[aria-expanded="true"] .chev {
      transform: rotate(180deg)
    }

    /* Refund Highlight Pill inside Nav */
    .nav-item.highlight .nav-trigger {
      color: var(--blue);
      font-weight: 600;
    }

    .nav-badge-pill {
      display: inline-flex;
      align-items: center;
      padding: 2px 7px;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 700;
      background: rgba(45, 121, 166, .12);
      color: var(--blue);
      letter-spacing: .02em;
    }

    /* Dropdowns & Mega Dropdowns */
    .dropdown {
      position: absolute;
      top: calc(100% + 8px);
      left: 0;
      min-width: 260px;
      background: rgba(255, 255, 255, .98);
      border: 1px solid rgba(16, 44, 59, .12);
      border-radius: 14px;
      padding: 8px;
      opacity: 0;
      visibility: hidden;
      transform: translateY(-6px);
      transition: opacity .2s ease, transform .3s var(--ease), visibility .2s;
      box-shadow: none !important;
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .dropdown.dropdown-mega,
    .dropdown.mega-menu {
      min-width: 560px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      padding: 14px;
    }

    .dropdown-col {
      display: flex;
      flex-direction: column;
      gap: 2px
    }

    .dropdown-col-title {
      font-size: 10.5px;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--blue);
      font-weight: 700;
      padding: 4px 10px 8px;
      border-bottom: 1px solid var(--line);
      margin-bottom: 4px;
      display: block;
    }

    .dropdown.open {
      opacity: 1;
      visibility: visible;
      transform: translateY(0)
    }

    .dropdown a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 38px;
      padding: 6px 11px;
      border-radius: 8px;
      font-size: 13px;
      color: var(--ink-soft);
      font-weight: 500;
      transition: background-color .18s ease, color .18s ease, transform .18s ease;
    }

    .dropdown a:hover,
    .dropdown a.active,
    .dropdown a[aria-current="page"] {
      background: transparent !important;
      color: var(--blue, #0e7490) !important;
      font-weight: 600 !important;
      transform: translateX(2px);
    }

    .dropdown a i {
      font-size: 11px;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      color: rgba(16, 44, 59, .4);
      flex-shrink: 0;
      transition: color .2s ease, transform .2s ease;
    }

    .dropdown a:hover i {
      color: var(--blue);
      transform: translateX(3px);
    }

    .dropdown .item-pill {
      font-size: 10px;
      font-weight: 700;
      padding: 2px 6px;
      border-radius: 999px;
      background: rgba(38, 180, 136, .15);
      color: #108760;
      margin-left: auto;
      margin-right: 8px;
    }

    /* Action Buttons Area */
    .nav-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-left: 6px;
      flex-shrink: 0;
    }

    /* Header Search Pill Button (Spotlight Trigger - Images 2 & 3) */
    .nav-search-btn {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 0 10px;
      height: 38px;
      border-radius: 999px;
      background: rgba(45, 121, 166, .06);
      color: var(--navy-deep);
      border: 1px solid rgba(45, 121, 166, .18);
      font-size: 12.5px;
      font-weight: 500;
      cursor: pointer;
      user-select: none;
      transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, height .35s var(--ease), padding .35s var(--ease);
    }

    .nav-search-btn:hover {
      background: rgba(45, 121, 166, .12);
      border-color: var(--blue);
      color: var(--navy-deep);
      transform: translateY(-1px);
    }

    .nav-search-btn i {
      font-size: 12px;
      line-height: 1;
      opacity: 0.85;
    }

    .search-btn-text {
      font-size: 12px;
      letter-spacing: .01em;
    }

    .search-key-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 17px;
      height: 17px;
      padding: 0 4px;
      border-radius: 4px;
      font-size: 10px;
      font-weight: 700;
      font-family: inherit;
      background: rgba(16, 44, 59, .08);
      color: var(--navy-deep);
      border: 1px solid rgba(16, 44, 59, .15);
      line-height: 1;
    }

    .site-header.scrolled .nav-search-btn {
      height: 36px;
      padding: 0 9px;
      font-size: 11.5px;
    }

    .nav-phone-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 0 12px;
      height: 38px;
      border-radius: 999px;
      background: rgba(45, 121, 166, .08);
      color: var(--navy-deep);
      font-size: 12.5px;
      font-weight: 600;
      text-decoration: none;
      white-space: nowrap;
      border: 1px solid rgba(45, 121, 166, .2);
      transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
    }

    .nav-phone-btn:hover {
      background: var(--navy-deep);
      color: #fff;
      border-color: var(--navy-deep);
      transform: translateY(-1px);
    }

    .nav-phone-btn i {
      font-size: 12px;
      line-height: 1;
      display: inline-flex;
      align-items: center
    }

    .nav-cta {
      white-space: nowrap;
      min-height: 40px;
      padding: 0 16px;
      font-size: 13px
    }

    /* Spotlight / Command-K Search Modal (Images 2 & 3 specification) */
    .search-modal {
      position: fixed;
      inset: 0;
      z-index: 200000 !important;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: 90px 20px 24px;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .25s ease, visibility .25s ease;
    }

    .search-modal.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .search-modal-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.75);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .search-modal-box {
      position: relative;
      z-index: 2;
      width: min(560px, 94vw);
      max-height: 80vh;
      display: flex;
      flex-direction: column;
      background: #181818;
      border: 1px solid rgba(255, 255, 255, 0.14);
      border-radius: 18px;
      box-shadow: none !important;
      overflow: hidden;
      transform: scale(0.96) translateY(-10px);
      transition: transform .25s cubic-bezier(0.16, 1, 0.3, 1);
      color: #f5f5f5;
    }

    .search-modal.open .search-modal-box {
      transform: scale(1) translateY(0);
    }

    .search-modal-header {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 18px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      background: #141414;
    }

    .search-modal-header i {
      font-size: 17px;
      color: #ffffff;
      flex-shrink: 0;
    }

    .search-modal-input {
      flex: 1;
      border: none;
      background: transparent;
      color: #ffffff;
      font-size: 15.5px;
      font-weight: 500;
      outline: none;
      font-family: inherit;
    }

    .search-modal-input::placeholder {
      color: #777777;
    }

    .search-modal-esc {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 2px 7px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 600;
      background: rgba(255, 255, 255, 0.08);
      color: #b3b3b3;
      border: 1px solid rgba(255, 255, 255, 0.12);
      cursor: pointer;
      transition: background-color .18s ease, color .18s ease;
    }

    .search-esc-desktop {
      display: inline-flex;
      align-items: center;
    }

    .search-esc-mobile {
      display: none;
    }

    .search-modal-esc:hover {
      background: rgba(255, 255, 255, 0.18);
      color: #ffffff;
    }

    .search-modal-body {
      overflow-y: auto;
      padding: 12px 10px;
      max-height: 440px;
      display: flex;
      flex-direction: column;
      gap: 4px;
    }

    .search-section-label {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .08em;
      color: #777777;
      padding: 8px 12px 4px;
      user-select: none;
    }

    .search-result-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 14px;
      border-radius: 10px;
      text-decoration: none;
      color: #f5f5f5;
      background: transparent;
      cursor: pointer;
      transition: background-color .15s ease, transform .15s ease;
    }

    .search-result-item:hover,
    .search-result-item.active {
      background: rgba(255, 255, 255, 0.09);
    }

    .search-item-left {
      display: flex;
      align-items: center;
      gap: 11px;
      min-width: 0;
    }

    .search-item-icon {
      font-size: 14px;
      color: #888888;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.06);
      flex-shrink: 0;
      transition: color .15s ease;
    }

    .search-result-item:hover .search-item-icon,
    .search-result-item.active .search-item-icon {
      color: #ffffff;
      background: rgba(255, 255, 255, 0.15);
    }

    .search-item-text {
      display: flex;
      flex-direction: column;
      gap: 1px;
      min-width: 0;
    }

    .search-item-title {
      font-size: 13.5px;
      font-weight: 600;
      color: #ffffff;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .search-item-sub {
      font-size: 11.5px;
      color: #888888;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .search-item-arrow {
      font-size: 12px;
      color: #666666;
      flex-shrink: 0;
      transition: transform .18s ease, color .18s ease;
    }

    .search-result-item:hover .search-item-arrow,
    .search-result-item.active .search-item-arrow {
      color: #ffffff;
      transform: translateX(2px);
    }

    .search-item-badge {
      font-size: 10px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .06em;
      padding: 3px 7px;
      border-radius: 5px;
      background: rgba(255, 255, 255, 0.08);
      color: #888888;
      border: 1px solid rgba(255, 255, 255, 0.08);
      flex-shrink: 0;
      transition: background-color .15s ease, color .15s ease, border-color .15s ease;
    }

    .search-result-item:hover .search-item-badge,
    .search-result-item.active .search-item-badge {
      background: rgba(255, 255, 255, 0.16);
      border-color: rgba(255, 255, 255, 0.25);
      color: #ffffff;
    }

    html:not([data-theme="dark"]) .search-item-badge {
      background: rgba(16, 44, 59, 0.06);
      border-color: rgba(16, 44, 59, 0.1);
      color: var(--navy-deep);
    }

    html:not([data-theme="dark"]) .search-result-item:hover .search-item-badge,
    html:not([data-theme="dark"]) .search-result-item.active .search-item-badge {
      background: rgba(45, 121, 166, 0.15) !important;
      border-color: rgba(45, 121, 166, 0.3) !important;
      color: var(--navy-deep) !important;
    }

    /* Light Mode Search Modal Overrides */
    html:not([data-theme="dark"]) .search-modal-box {
      background: #ffffff;
      border-color: rgba(16, 44, 59, 0.14);
      box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16) !important;
      color: var(--navy-deep);
    }

    html:not([data-theme="dark"]) .search-modal-header {
      background: var(--paper);
      border-bottom-color: var(--line);
    }

    html:not([data-theme="dark"]) .search-modal-header i {
      color: var(--navy-deep);
    }

    html:not([data-theme="dark"]) .search-modal-input {
      color: var(--navy-deep);
    }

    html:not([data-theme="dark"]) .search-modal-input::placeholder {
      color: #64748b;
    }

    html:not([data-theme="dark"]) .search-modal-esc {
      background: rgba(16, 44, 59, 0.06);
      color: var(--ink-soft);
      border-color: var(--line);
    }

    html:not([data-theme="dark"]) .search-result-item {
      color: var(--navy-deep);
    }

    html:not([data-theme="dark"]) .search-result-item:hover,
    html:not([data-theme="dark"]) .search-result-item.active {
      background: rgba(45, 121, 166, 0.09) !important;
    }

    html:not([data-theme="dark"]) .search-item-title {
      color: var(--navy-deep) !important;
    }

    html:not([data-theme="dark"]) .search-item-sub {
      color: #475569 !important;
    }

    html:not([data-theme="dark"]) .search-item-icon {
      color: #475569 !important;
      background: rgba(16, 44, 59, 0.06) !important;
    }

    html:not([data-theme="dark"]) .search-result-item:hover .search-item-icon,
    html:not([data-theme="dark"]) .search-result-item.active .search-item-icon {
      color: #0e7490 !important;
      background: rgba(45, 121, 166, 0.18) !important;
    }

    .search-modal-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 12px 20px !important;
      background: #131313;
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      font-size: 12px;
      color: #888888;
      flex-shrink: 0;
      box-sizing: border-box;
    }

    .search-footer-shortcuts {
      display: flex;
      align-items: center;
      gap: 14px;
      flex-wrap: wrap;
    }

    .search-footer-shortcuts span {
      display: inline-flex;
      align-items: center;
      gap: 5px;
    }

    .search-footer-shortcuts kbd {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 2px 6px;
      border-radius: 4px;
      font-size: 10.5px;
      font-weight: 600;
      background: rgba(255, 255, 255, 0.08);
      color: #cccccc;
      border: 1px solid rgba(255, 255, 255, 0.12);
      line-height: 1;
    }

    html:not([data-theme="dark"]) .search-modal-footer {
      background: var(--paper) !important;
      border-top: 1px solid var(--line, rgba(0, 0, 0, 0.1)) !important;
      color: #64748b !important;
    }

    html:not([data-theme="dark"]) .search-footer-shortcuts kbd {
      background: rgba(16, 44, 59, 0.06) !important;
      border-color: rgba(16, 44, 59, 0.15) !important;
      color: var(--navy-deep) !important;
    }

    /* Mobile & Touch Screens: Clean centered footer without keyboard key collision */
    @media (max-width: 640px) {
      .search-modal {
        padding: 40px 14px 20px !important;
      }

      .search-esc-desktop {
        display: none !important;
      }

      .search-esc-mobile {
        display: inline-flex !important;
        font-size: 14px !important;
        line-height: 1;
      }

      .search-modal-esc {
        width: 32px !important;
        height: 32px !important;
        padding: 0 !important;
        border-radius: 8px !important;
      }

      .search-modal-box {
        width: 95vw !important;
        max-height: 85vh !important;
        border-radius: 14px !important;
      }

      .search-modal-footer {
        padding: 10px 16px !important;
        font-size: 11.5px !important;
        justify-content: center !important;
        text-align: center !important;
      }

      .search-footer-shortcuts {
        display: none !important;
      }

      .search-modal-footer span {
        font-size: 11.5px !important;
        color: #888888 !important;
        text-align: center !important;
        white-space: nowrap !important;
      }

      html:not([data-theme="dark"]) .search-modal-footer span {
        color: #64748b !important;
      }
    }

    .search-empty-state {
      padding: 40px 24px !important;
      text-align: center;
      color: #888888;
      font-size: 14px;
    }

    html:not([data-theme="dark"]) .search-empty-state {
      color: #475569 !important;
    }

    /* Header Dark Theme (activated when scrolling over dark sections like #doctor and footer) */
    .site-header.theme-dark .nav-shell {
      background: rgba(18, 18, 18, 0.96) !important;
      backdrop-filter: blur(24px) saturate(190%) !important;
      -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
      border-color: rgba(255, 255, 255, 0.14) !important;
      box-shadow: none !important;
    }

    .site-header.theme-dark .brand-title {
      color: #ffffff !important;
    }

    .site-header.theme-dark .brand-sub {
      color: rgba(255, 255, 255, 0.72) !important;
    }

    .site-header.theme-dark .brand-emblem {
      filter: brightness(0) invert(1) !important;
      opacity: 0.95 !important;
    }

    .site-header.theme-dark .nav-link,
    .site-header.theme-dark .nav-trigger {
      color: rgba(245, 245, 245, 0.9) !important;
    }

    .site-header.theme-dark .nav-link:hover,
    .site-header.theme-dark .nav-trigger:hover,
    .site-header.theme-dark .nav-trigger[aria-expanded="true"] {
      color: #ffffff !important;
      background: rgba(255, 255, 255, 0.08) !important;
    }

    .site-header.theme-dark .nav-link .chev,
    .site-header.theme-dark .nav-trigger .chev {
      color: rgba(255, 255, 255, 0.6) !important;
    }

    .site-header.theme-dark .nav-link:hover .chev,
    .site-header.theme-dark .nav-trigger:hover .chev {
      color: #ffffff !important;
    }

    .site-header.theme-dark .nav-link::after,
    .site-header.theme-dark .nav-trigger::after {
      background: #ffffff !important;
    }

    .site-header.theme-dark .nav-item.highlight .nav-trigger {
      color: #ffffff !important;
    }

    .site-header.theme-dark .nav-badge-pill {
      background: rgba(255, 255, 255, 0.15) !important;
      color: #ffffff !important;
    }

    .site-header.theme-dark .dropdown {
      background: rgba(20, 20, 20, 0.98) !important;
      border-color: rgba(255, 255, 255, 0.14) !important;
      box-shadow: none !important;
    }

    .site-header.theme-dark .dropdown-col-title {
      color: #ffffff !important;
      border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    }

    .site-header.theme-dark .dropdown a {
      color: rgba(245, 245, 245, 0.85) !important;
    }

    .site-header.theme-dark .dropdown a:hover {
      background: rgba(255, 255, 255, 0.1) !important;
      color: #ffffff !important;
    }

    .site-header.theme-dark .dropdown a i {
      color: rgba(255, 255, 255, 0.45) !important;
    }

    .site-header.theme-dark .dropdown a:hover i {
      color: #ffffff !important;
    }

    .site-header.theme-dark .dropdown .item-pill {
      background: rgba(255, 255, 255, 0.15) !important;
      color: #ffffff !important;
    }

    .site-header.theme-dark .nav-search-btn {
      background: rgba(255, 255, 255, 0.08) !important;
      color: #ffffff !important;
      border-color: rgba(255, 255, 255, 0.18) !important;
    }

    .site-header.theme-dark .nav-search-btn:hover {
      background: rgba(255, 255, 255, 0.16) !important;
      border-color: #ffffff !important;
      color: #ffffff !important;
    }

    .site-header.theme-dark .nav-search-btn .search-key-badge {
      background: rgba(255, 255, 255, 0.12) !important;
      border-color: rgba(255, 255, 255, 0.22) !important;
      color: #ffffff !important;
    }

    .site-header.theme-dark .theme-toggle-btn {
      background: rgba(255, 255, 255, 0.08) !important;
      border-color: rgba(255, 255, 255, 0.2) !important;
      color: #ffffff !important;
    }

    .site-header.theme-dark .theme-toggle-btn:hover {
      background: rgba(255, 255, 255, 0.18) !important;
      border-color: #ffffff !important;
      color: #ffffff !important;
    }

    .site-header.theme-dark .nav-phone-btn {
      background: rgba(255, 255, 255, 0.08) !important;
      color: #ffffff !important;
      border-color: rgba(255, 255, 255, 0.2) !important;
    }

    .site-header.theme-dark .nav-phone-btn:hover {
      background: #ffffff !important;
      color: #121212 !important;
      border-color: #ffffff !important;
    }

    .site-header.theme-dark .nav-cta {
      background: #ffffff !important;
      color: #121212 !important;
      border-color: #ffffff !important;
    }

    .site-header.theme-dark .nav-cta:hover {
      background: #e6e6e6 !important;
      color: #121212 !important;
    }

    .site-header.theme-dark .mobile-toggle {
      color: #ffffff !important;
      border-color: rgba(255, 255, 255, 0.2) !important;
      background: rgba(255, 255, 255, 0.08) !important;
    }

    .mobile-toggle {
      display: none;
      margin-left: auto;
      width: 44px;
      height: 44px;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: #fff;
      align-items: center;
      justify-content: center;
      cursor: pointer
    }

    .mobile-toggle svg {
      width: 20px;
      height: 20px
    }

    .mobile-menu {
      position: fixed;
      inset: 0;
      background: var(--paper);
      z-index: 999;
      padding: 100px 24px 36px;
      overflow: auto;
      visibility: hidden;
      opacity: 0;
      transition: opacity .25s ease, visibility .25s;
      pointer-events: auto
    }

    .mobile-menu.open {
      visibility: visible;
      opacity: 1
    }

    .mobile-menu nav {
      border-top: 1px solid var(--line)
    }

    .mobile-menu-section {
      padding: 14px 0;
      border-bottom: 1px solid var(--line)
    }

    .mobile-menu-title {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--blue);
      font-weight: 700;
      margin-bottom: 8px;
      display: block
    }

    .mobile-menu a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 44px;
      padding: 6px 0;
      font-size: 17px;
      font-weight: 500;
      color: var(--navy-deep)
    }

    .mobile-menu .mobile-small {
      font-size: 14px;
      color: var(--muted)
    }

    .mobile-menu .mobile-actions {
      display: grid;
      gap: 10px;
      margin-top: 24px
    }

    /* Hero Section - Centered Luxury Layout */
    .hero {
      position: relative;
      min-height: auto;
      padding: 180px 0 48px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background:
        radial-gradient(1100px 650px at 50% -8%, rgba(107, 200, 236, .25), transparent 70%),
        radial-gradient(700px 500px at 12% 45%, rgba(45, 121, 166, .09), transparent 65%),
        radial-gradient(700px 500px at 88% 45%, rgba(107, 200, 236, .14), transparent 65%),
        var(--paper);
    }

    .hero::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: var(--line)
    }

    .hero-glow-1 {
      position: absolute;
      top: -120px;
      left: 50%;
      transform: translateX(-50%);
      width: 780px;
      height: 360px;
      background: radial-gradient(ellipse at center, rgba(107, 200, 236, 0.35) 0%, rgba(45, 121, 166, 0.08) 55%, transparent 75%);
      filter: blur(50px);
      pointer-events: none;
      z-index: 0;
    }

    .hero-container {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      max-width: var(--container);
      margin: 0 auto;
      box-sizing: border-box;
    }

    .hero-header {
      text-align: center;
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      box-sizing: border-box;
    }

    .hero-badge-pill {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 7px 18px;
      background: rgba(255, 255, 255, 0.85);
      border: 1px solid rgba(45, 121, 166, 0.2);
      border-radius: 999px;
      color: var(--navy);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: none !important;
      transition: border-color .25s ease, transform .25s ease;
      max-width: min(94vw, 440px);
      text-align: center;
    }

    .hero-badge-pill:hover {
      border-color: var(--blue);
      box-shadow: none !important;
      transform: translateY(-1px);
    }

    .hero-badge-pill .pulse-dot {
      width: 7.5px;
      height: 7.5px;
      border-radius: 50%;
      background: #26b488;
      flex-shrink: 0;
      animation: badgePulse 2.2s infinite cubic-bezier(.4, 0, .2, 1);
    }

    .hero-badge-pill .pill-text {
      font-size: 12px;
      font-weight: 600;
      letter-spacing: .025em;
      text-align: center;
      line-height: 1.35;
    }

    @keyframes badgePulse {
      0%, 100% {
        opacity: 1;
        transform: scale(1);
      }
      50% {
        opacity: 0.4;
        transform: scale(1.2);
      }
    }

    .hero-title {
      font-family: var(--font);
      font-size: clamp(44px, 5.8vw, 78px);
      font-weight: 600;
      letter-spacing: -.035em;
      line-height: 1.04;
      max-width: 860px;
      margin: 22px auto 0;
      color: var(--navy-deep);
      text-wrap: balance;
    }

    .hero-title-accent {
      background: linear-gradient(135deg, var(--navy-deep) 15%, var(--blue) 80%, #3ca8d8 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
    }

    .hero-lead {
      margin: 24px auto 0;
      max-width: 640px;
      font-size: 18.5px;
      line-height: 1.72;
      color: var(--ink-soft);
      text-align: center;
      text-wrap: pretty;
    }

    .hero-actions {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      margin-top: 34px;
      flex-wrap: wrap;
    }

    .btn-hero-primary {
      min-height: 52px;
      padding: 0 26px;
      font-size: 15px;
      font-weight: 600;
      border-radius: 12px;
      background: var(--navy-deep);
      color: #fff;
      box-shadow: none !important;
      transition: transform .25s var(--ease), background .25s ease;
    }

    .btn-hero-primary:hover {
      transform: translateY(-2px);
      background: #0c4163;
      box-shadow: none !important;
    }

    .btn-hero-secondary {
      min-height: 52px;
      padding: 0 24px;
      font-size: 15px;
      font-weight: 500;
      border-radius: 12px;
      border: 1px solid rgba(16, 44, 59, .18);
      background: rgba(255, 255, 255, .8);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      color: var(--ink);
      transition: transform .25s var(--ease), background .25s ease, border-color .25s ease;
    }

    .btn-hero-secondary:hover {
      transform: translateY(-2px);
      background: #fff;
      border-color: var(--blue);
    }

    .hero-trust-strip {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 22px;
      margin-top: 28px;
      font-size: 13px;
      color: var(--ink-soft);
      font-weight: 500;
      flex-wrap: wrap;
    }

    .trust-item {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      line-height: 1;
    }

    .trust-check {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      line-height: 1;
      color: var(--blue);
      flex: none;
      transform: translateY(-0.5px);
    }

    .trust-dot {
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: var(--line);
      flex: none
    }

    /* 3-Video Cinematic Stage */
    .hero-video-stage {
      position: relative;
      margin-top: 54px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 26px;
      width: 100%;
      max-width: 1160px;
      margin-inline: auto;
      perspective: 1100px;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
    }

    .hero-video-card {
      position: relative;
      border-radius: 22px;
      overflow: hidden;
      background: #082132;
      transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, border-color 0.35s ease;
      user-select: none;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
      isolation: isolate;
      contain: paint;
      will-change: transform;
    }

    .hero-video-card.center-card {
      width: 380px;
      height: 560px;
      z-index: 5;
      box-shadow: none !important;
      transform: translateY(-8px) translate3d(0, 0, 0);
    }

    .hero-video-card.center-card:hover {
      transform: translateY(-14px) scale(1.015) translate3d(0, 0, 0);
      box-shadow: none !important;
    }

    .center-card-glow {
      position: absolute;
      inset: -25px;
      background: radial-gradient(circle at 50% 50%, rgba(107, 200, 236, .5) 0%, rgba(45, 121, 166, .2) 45%, transparent 70%);
      border-radius: 35px;
      filter: blur(28px);
      z-index: -1;
      pointer-events: none;
      opacity: .82;
      transform: translateZ(0);
      will-change: opacity;
      animation: glowPulse 4s ease-in-out infinite alternate;
    }

    @keyframes glowPulse {
      0% {
        opacity: .6;
      }

      100% {
        opacity: .95;
      }
    }

    .hero-video-card.side-card {
      width: 300px;
      height: 470px;
      z-index: 2;
      box-shadow: none !important;
      cursor: pointer;
      opacity: .88;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
      transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
      will-change: transform, opacity;
    }

    .hero-video-card.side-card.left-card {
      transform: scale(.95) rotateY(4deg) translateX(8px) translate3d(0, 0, 0);
    }

    .hero-video-card.side-card.right-card {
      transform: scale(.95) rotateY(-4deg) translateX(-8px) translate3d(0, 0, 0);
    }

    .hero-video-card.side-card:hover {
      opacity: 1;
      transform: scale(1) translateY(-8px) rotateY(0deg) translate3d(0, 0, 0);
      box-shadow: none !important;
    }

    .card-video-wrap {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background: #051b29;
      transform: translate3d(0, 0, 0);
      backface-visibility: hidden;
    }

    .hero-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transform: scale(1) translate3d(0, 0, 0);
      backface-visibility: hidden;
      transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
      will-change: transform;
    }

    .hero-video-card:hover .hero-video {
      transform: scale(1.035) translate3d(0, 0, 0);
    }

    .video-overlay-gradient {
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(6, 40, 62, .06) 0%, rgba(6, 40, 62, .15) 45%, rgba(6, 40, 62, .9) 100%);
      pointer-events: none;
      transition: opacity .3s ease;
      transform: translateZ(0);
    }

    .hero-video-card:hover .video-overlay-gradient {
      background: linear-gradient(180deg, rgba(6, 40, 62, .02) 0%, rgba(6, 40, 62, .1) 40%, rgba(6, 40, 62, .85) 100%);
    }

    .card-tag-badge {
      position: absolute;
      top: 16px;
      left: 16px;
      z-index: 4;
      padding: 5px 12px;
      border-radius: 999px;
      background: rgba(6, 40, 62, .75);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      color: #cceef9;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
      border: 1px solid rgba(255, 255, 255, .18);
      transform: translateZ(0);
    }

    .center-live-badge {
      position: absolute;
      top: 16px;
      left: 16px;
      z-index: 4;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 14px;
      border-radius: 999px;
      background: rgba(6, 40, 62, .82);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(107, 200, 236, .4);
      color: #fff;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .04em;
      transform: translateZ(0);
    }

    .pulse-ring {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--sky);
      animation: skyPulse 2s infinite;
    }

    @keyframes skyPulse {
      0%, 100% {
        opacity: 1;
        transform: scale(1);
      }
      50% {
        opacity: 0.4;
        transform: scale(1.25);
      }
    }

    .video-play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) translateZ(0);
      z-index: 10;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .95);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, .95);
      color: var(--navy-deep);
      display: grid;
      place-items: center;
      cursor: pointer;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color .25s ease, color .25s ease, opacity .3s ease;
      will-change: transform, opacity;
    }

    .video-play-btn i {
      font-size: 26px;
      line-height: 1;
      display: block;
    }

    .video-play-btn .play-icon-bi {
      margin-left: 3px;
    }

    .video-play-btn .pause-icon-bi {
      display: none;
      margin-left: 0;
      font-size: 22px;
    }

    .hero-video-card:hover .video-play-btn {
      transform: translate(-50%, -50%) scale(1.1) translateZ(0);
      background: #fff;
      color: var(--blue);
      box-shadow: none !important;
    }

    .center-card .video-play-btn {
      width: 68px;
      height: 68px;
      background: rgba(255, 255, 255, .96);
      box-shadow: none !important;
    }

    .center-card .video-play-btn i {
      font-size: 30px;
    }

    .center-card .video-play-btn .pause-icon-bi {
      font-size: 26px;
    }

    /* Autoplay silent thumbnail loop state */
    .hero-video-card.is-looping .video-play-btn {
      opacity: 1 !important;
      transform: translate(-50%, -50%) translateZ(0);
      pointer-events: auto;
    }

    .hero-video-card.is-looping .play-icon-bi {
      display: block !important;
    }

    .hero-video-card.is-looping .pause-icon-bi {
      display: none !important;
    }

    .hero-video-card.is-looping .card-caption,
    .hero-video-card.is-looping .video-overlay-gradient {
      opacity: 1;
      pointer-events: auto;
    }

    /* When video is actively playing full video */
    .hero-video-card.is-playing {
      opacity: 1 !important;
      transform: scale(1.02) translateY(-8px) rotateY(0deg) translate3d(0, 0, 0) !important;
      z-index: 10 !important;
      box-shadow: none !important;
    }

    .hero-video-card.is-playing .play-icon-bi {
      display: none
    }

    .hero-video-card.is-playing .pause-icon-bi {
      display: block
    }

    /* Fullscreen Toggle Button */
    .fullscreen-toggle-btn {
      position: absolute;
      top: 16px;
      right: 16px;
      z-index: 15;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(6, 40, 62, .8);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, .25);
      color: #ffffff;
      display: grid;
      place-items: center;
      cursor: pointer;
      opacity: 0;
      pointer-events: none;
      transform: scale(.9) translateZ(0);
      transition: opacity .25s ease, transform .25s ease, background .2s ease, border-color .2s ease;
      will-change: opacity, transform;
    }

    .fullscreen-toggle-btn:hover {
      background: rgba(10, 53, 82, .95);
      border-color: var(--sky);
      transform: scale(1.05) translateZ(0);
      color: #ffffff;
    }

    .fullscreen-toggle-btn i {
      font-size: 14px;
      line-height: 1;
    }

    .fullscreen-icon-compress {
      display: none;
    }

    .hero-video-card.is-fullscreen .fullscreen-icon-expand {
      display: none;
    }

    .hero-video-card.is-fullscreen .fullscreen-icon-compress {
      display: inline-flex;
    }

    /* Fullscreen Mode Display */
    .hero-video-card:fullscreen,
    .hero-video-card:-webkit-full-screen {
      width: 100vw !important;
      height: 100vh !important;
      max-width: none !important;
      max-height: none !important;
      border-radius: 0 !important;
      border: none !important;
      background: #000000 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .hero-video-card:fullscreen .card-video-wrap,
    .hero-video-card:-webkit-full-screen .card-video-wrap {
      width: 100% !important;
      height: 100% !important;
      border-radius: 0 !important;
    }

    .hero-video-card:fullscreen video,
    .hero-video-card:-webkit-full-screen video {
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
    }

    /* While playing: HIDE pause, fullscreen, sound, and progress bar when cursor is away */
    .hero-video-card.is-playing .video-play-btn,
    .hero-video-card.is-playing .fullscreen-toggle-btn,
    .hero-video-card.is-playing .sound-toggle-btn,
    .hero-video-card.is-playing .video-progress-bar {
      opacity: 0 !important;
      pointer-events: none !important;
      transition: opacity .25s ease, transform .25s ease;
    }

    /* SHOW pause button, fullscreen icon, sound, and progress bar when cursor hovers or moves on video */
    .hero-video-card.is-playing:hover .video-play-btn,
    .hero-video-card.is-playing.user-active .video-play-btn {
      opacity: 1 !important;
      pointer-events: auto !important;
      transform: translate(-50%, -50%) scale(1) translateZ(0);
    }

    .hero-video-card.is-playing:hover .fullscreen-toggle-btn,
    .hero-video-card.is-playing.user-active .fullscreen-toggle-btn {
      opacity: 1 !important;
      pointer-events: auto !important;
      transform: scale(1) translateZ(0);
    }

    .hero-video-card.is-playing:hover .sound-toggle-btn,
    .hero-video-card.is-playing.user-active .sound-toggle-btn {
      opacity: 1 !important;
      pointer-events: auto !important;
    }

    .hero-video-card.is-playing:hover .video-progress-bar,
    .hero-video-card.is-playing.user-active .video-progress-bar {
      opacity: 1 !important;
    }

    .hero-video-card.is-playing .card-caption {
      opacity: 0;
      transform: translateY(14px);
      pointer-events: none;
    }

    .hero-video-card.is-playing .video-overlay-gradient {
      opacity: 0;
    }

    .hero-video-card.is-playing .sound-toggle-btn {
      bottom: 16px;
    }

    .sound-toggle-btn {
      position: absolute;
      bottom: 80px;
      right: 16px;
      z-index: 12;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      padding: 6px 13px;
      border-radius: 999px;
      background: rgba(6, 40, 62, .85);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, .2);
      color: #fff;
      font-size: 11.5px;
      font-weight: 500;
      cursor: pointer;
      transform: translateZ(0);
      transition: background .2s ease, transform .2s ease, border-color .2s ease, bottom .35s var(--ease);
      will-change: transform, bottom;
    }

    .sound-toggle-btn:hover {
      background: rgba(10, 53, 82, .95);
      border-color: var(--sky);
      transform: scale(1.04) translateZ(0);
    }

    .sound-toggle-btn i {
      font-size: 15px;
      line-height: 1
    }

    .sound-icon-unmuted {
      display: none
    }

    .sound-toggle-btn.unmuted .sound-icon-muted {
      display: none
    }

    .sound-toggle-btn.unmuted .sound-icon-unmuted {
      display: inline-block
    }

    .video-progress-bar {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: rgba(255, 255, 255, .2);
      z-index: 5;
      transform: translateZ(0);
    }

    .progress-fill {
      height: 100%;
      width: 0%;
      background: linear-gradient(90deg, var(--sky), #fff);
      transition: width .08s linear;
      will-change: width;
    }

    .card-caption {
      position: absolute;
      bottom: 16px;
      left: 16px;
      right: 16px;
      z-index: 4;
      color: #fff;
      text-align: left;
      pointer-events: none;
      opacity: 1;
      transform: translateY(0) translateZ(0);
      transition: opacity .35s var(--ease), transform .35s var(--ease);
      will-change: opacity, transform;
    }

    .caption-tag {
      display: block;
      font-size: 10.5px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: var(--sky);
      margin-bottom: 3px;
    }

    .caption-title {
      font-size: 15.5px;
      font-weight: 500;
      line-height: 1.35;
      color: #fff;
      display: block;
    }

    .video-stage-dots {
      display: none;
      align-items: center;
      justify-content: center;
      gap: 8px;
      margin-top: 24px;
    }

    .stage-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 0;
      background: var(--line);
      padding: 0;
      cursor: pointer;
      transition: background-color .25s ease, width .25s var(--ease), border-radius .25s ease;
    }

    .stage-dot.active {
      width: 26px;
      border-radius: 999px;
      background: var(--navy);
    }

    /* Video Lightbox Modal */
    .video-modal {
      position: fixed;
      inset: 0;
      z-index: 2000;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .3s ease, visibility .3s ease;
    }

    .video-modal.open {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
    }

    .video-modal-backdrop {
      position: absolute;
      inset: 0;
      background: rgba(6, 40, 62, .88);
      backdrop-filter: blur(24px);
      -webkit-backdrop-filter: blur(24px);
    }

    .video-modal-dialog {
      position: relative;
      z-index: 2;
      width: min(440px, 94vw);
      background: #06283e;
      border: 1px solid rgba(255, 255, 255, .2);
      border-radius: 24px;
      overflow: hidden;
      box-shadow: none !important;
      transform: scale(.94) translateY(12px);
      transition: transform .35s var(--ease);
    }

    .video-modal.open .video-modal-dialog {
      transform: scale(1) translateY(0);
    }

    .video-modal-close {
      position: absolute;
      top: 16px;
      right: 16px;
      z-index: 10;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: rgba(0, 0, 0, .5);
      border: 1px solid rgba(255, 255, 255, .25);
      color: #fff;
      display: grid;
      place-items: center;
      cursor: pointer;
      transition: background .2s ease, transform .2s ease;
    }

    .video-modal-close:hover {
      background: rgba(0, 0, 0, .8);
      transform: scale(1.08);
    }

    .video-modal-close svg {
      width: 18px;
      height: 18px
    }

    .video-modal-player {
      width: 100%;
      aspect-ratio: 9/16;
      max-height: 80vh;
      display: block;
      background: #000;
    }

    /* Recognition / Clinical Highlights Strip */
    .recognition-strip {
      padding: 24px 0;
      border-top: 1px solid rgba(16, 44, 59, .06);
      border-bottom: 1px solid rgba(16, 44, 59, .06);
      background: var(--paper);
      overflow: hidden;
      position: relative;
    }

    .recognition-container {
      width: 100%;
      display: flex;
      justify-content: center;
    }

    .recognition-track,
    .recognition-grid {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(20px, 3.2vw, 48px);
      width: 100%;
      max-width: var(--container);
      margin: 0 auto;
    }

    .recognition-item[aria-hidden="true"] {
      display: none;
    }

    .recognition-item {
      min-height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      padding: 0;
      border: none;
      flex-shrink: 0;
    }

    .recognition-icon {
      width: 36px;
      height: 36px;
      border-radius: 10px;
      background: rgba(45, 121, 166, .07);
      color: var(--blue);
      display: grid;
      place-items: center;
      font-size: 15px;
      line-height: 1;
      flex-shrink: 0;
    }

    .recognition-text {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .recognition-item strong {
      font-size: 13.5px;
      font-weight: 600;
      letter-spacing: -.015em;
      color: var(--navy-deep);
      line-height: 1.2;
    }

    .recognition-item span {
      font-size: 11.5px;
      color: var(--muted);
      line-height: 1.25;
    }

    /* Treatment explorer */
    .finder {
      background: var(--paper);
      border-top: 1px solid rgba(16, 44, 59, .06);
      border-bottom: 1px solid rgba(16, 44, 59, .08);
      position: relative;
    }

    .finder-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 36px;
      margin-bottom: 36px;
    }

    .finder-head .section-copy {
      max-width: 480px;
      margin: 0;
    }

    .finder-grid {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: 48px;
      align-items: start;
    }

    .finder-list {
      display: flex;
      flex-direction: column;
      gap: 6px;
      background: transparent;
      border: none;
      border-radius: 0;
    }

    .finder-item {
      display: flex;
      flex-direction: column;
    }

    .finder-chevron {
      display: none;
    }

    .finder-inline-drawer {
      display: none;
    }

    .finder-option {
      width: 100%;
      min-height: 58px;
      padding: 12px 16px;
      border: 1px solid transparent;
      border-radius: 12px;
      background: transparent;
      display: flex;
      align-items: center;
      gap: 14px;
      text-align: left;
      cursor: pointer;
      color: var(--ink-soft);
      transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
      position: relative;
    }

    .finder-option:hover {
      background: rgba(45, 121, 166, .05);
      color: var(--navy-deep);
      transform: translateX(3px);
    }

    .finder-option[aria-pressed="true"] {
      background: rgba(45, 121, 166, .09);
      border-color: rgba(45, 121, 166, .2);
      color: var(--navy-deep);
      font-weight: 600;
    }

    .finder-option .option-icon {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: rgba(45, 121, 166, .08);
      display: grid;
      place-items: center;
      flex-shrink: 0;
      transition: background-color .2s ease, color .2s ease;
    }

    .finder-option .option-icon i {
      color: var(--blue);
      font-size: 14px;
      line-height: 1;
      transition: color .2s ease;
    }

    .finder-option[aria-pressed="true"] .option-icon {
      background: var(--navy-deep);
    }

    .finder-option[aria-pressed="true"] .option-icon i {
      color: #ffffff !important;
    }

    .finder-option .label {
      font-size: 15px;
      letter-spacing: -.015em;
      flex: 1;
      color: inherit;
    }

    .finder-option .option-tag {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .08em;
      color: var(--muted);
      background: rgba(16, 44, 59, .04);
      padding: 3px 9px;
      border-radius: 6px;
      font-weight: 600;
      margin-left: auto;
      transition: background-color .2s ease, color .2s ease, border-color .2s ease;
    }

    .finder-option[aria-pressed="true"] .option-tag {
      background: rgba(45, 121, 166, .14);
      color: var(--navy-deep);
    }

    .finder-panel {
      display: flex;
      flex-direction: column;
      background: transparent;
      border: none;
      border-radius: 0;
    }

    .finder-image {
      height: 320px;
      width: 100%;
      position: relative;
      overflow: hidden;
      background: #e4edf1;
      border-radius: 18px;
      border: 1px solid rgba(16, 44, 59, .1);
      margin-bottom: 24px;
      flex-shrink: 0;
    }

    .finder-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: opacity .3s ease;
    }

    .finder-panel.loading .finder-image img {
      opacity: .12;
    }

    .finder-content {
      padding: 0;
      display: flex;
      flex-direction: column;
      background: transparent;
    }

    .finder-body {
      display: flex;
      flex-direction: column;
    }

    .finder-content .eyebrow {
      display: inline-flex;
      align-items: center;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .12em;
      color: var(--blue);
      font-weight: 700;
      margin-bottom: 8px;
    }

    .finder-content h3 {
      font-size: clamp(28px, 3.2vw, 36px);
      line-height: 1.15;
      letter-spacing: -.03em;
      color: var(--navy-deep);
      margin: 0 0 12px;
      font-weight: 600;
    }

    .finder-content p {
      margin: 0 0 20px;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.68;
      max-width: 520px;
    }

    .finder-footer {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0;
      border: none;
    }

    .finder-footer .btn {
      min-height: 44px;
      padding: 0 22px;
      font-size: 13.5px;
      border-radius: 999px;
    }

    /* Doctor / Why - Luxury Dark Theme */
    .doctor {
      background: linear-gradient(180deg, #07253a 0%, #051a29 100%);
      color: #ffffff;
      position: relative;
    }

    .doctor-grid {
      display: grid;
      grid-template-columns: .86fr 1.14fr;
      gap: 72px;
      align-items: stretch;
    }

    .doctor-photo {
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .doctor-photo-frame {
      flex: 1;
      height: 100%;
      min-height: 100%;
      width: 100%;
      border-radius: 18px;
      overflow: hidden;
      background: rgba(255, 255, 255, .04);
      border: 1px solid rgba(255, 255, 255, .12);
      position: relative;
    }

    .doctor-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center 15%;
    }

    .doctor-photo-badge {
      position: absolute;
      bottom: 16px;
      left: 16px;
      right: 16px;
      padding: 14px 18px;
      border-radius: 12px;
      background: rgba(7, 37, 58, 0.88);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.15);
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .doctor-photo-badge strong {
      font-size: 14.5px;
      font-weight: 600;
      color: #ffffff;
      letter-spacing: -.01em;
    }

    .doctor-photo-badge span {
      font-size: 12px;
      color: #bfe9f7;
      letter-spacing: .02em;
    }

    .doctor-content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%;
    }

    .doctor .eyebrow {
      color: #6bc8ec;
    }

    .doctor h2 {
      font-size: clamp(48px, 5.5vw, 76px);
      font-weight: 600;
      max-width: 760px;
      margin-top: 18px;
      color: #ffffff;
    }

    .doctor-intro {
      font-size: 16.5px;
      line-height: 1.72;
      color: rgba(255, 255, 255, .78);
      max-width: 660px;
      margin: 22px 0 0;
    }

    .doctor-pillars {
      margin-top: 32px;
      display: flex;
      flex-direction: column;
      gap: 0;
      border-top: 1px solid var(--line);
    }

    .pillar-card {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 16px 0;
      border-radius: 0;
      background: transparent !important;
      border: none !important;
      border-bottom: 1px solid var(--line) !important;
      transition: border-color .2s ease;
    }

    .pillar-card:hover {
      background: transparent !important;
      border-bottom-color: var(--blue) !important;
    }

    .pillar-num {
      font-size: 11.5px;
      font-weight: 700;
      color: var(--blue);
      background: rgba(45, 121, 166, .09);
      width: 32px;
      height: 32px;
      border-radius: 8px;
      display: grid;
      place-items: center;
      flex-shrink: 0;
      margin-top: 2px;
    }

    .pillar-info strong {
      display: block;
      font-size: 15px;
      font-weight: 700;
      color: var(--navy-deep);
      margin-bottom: 4px;
      letter-spacing: -.01em;
    }

    .pillar-info p {
      font-size: 13.5px;
      line-height: 1.6;
      color: var(--ink-soft);
      margin: 0;
    }

    /* Dark homepage section overrides */
    .doctor .doctor-pillars {
      border-top-color: rgba(255, 255, 255, 0.1);
    }
    .doctor .pillar-card {
      border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    }
    .doctor .pillar-card:hover {
      border-bottom-color: rgba(255, 255, 255, 0.3) !important;
    }
    .doctor .pillar-num {
      color: #ffffff;
      background: rgba(255, 255, 255, .1);
    }
    .doctor .pillar-info strong {
      color: #ffffff;
    }
    .doctor .pillar-info p {
      color: rgba(255, 255, 255, .72);
    }

    .doctor-actions {
      display: flex;
      gap: 20px;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 36px;
    }

    .doctor-actions .link-arrow {
      color: rgba(255, 255, 255, .85);
    }

    .doctor-actions .link-arrow:hover {
      color: #ffffff;
    }

    .btn-light {
      background: #ffffff;
      color: var(--navy-deep);
      border: 1px solid #ffffff;
      font-weight: 600;
    }

    .btn-light:hover {
      background: #eef6fa;
      border-color: #eef6fa;
      color: var(--navy-deep);
    }

    /* Patient Stories - 4-Column Masonry Parallax Grid (Flighty Aesthetic) */
    .stories-wall {
      background: var(--paper);
      border-top: 1px solid var(--line);
      position: relative;
      overflow: hidden;
      padding: 120px 0 100px;
    }

    .stories-wall-head {
      text-align: center;
      max-width: 860px;
      margin: 0 auto 64px;
    }

    .stories-wall-head .eyebrow {
      margin-bottom: 8px;
    }

    .stories-wall-head h2 {
      font-size: clamp(40px, 4.8vw, 64px);
      letter-spacing: -.035em;
      line-height: 1.05;
      color: var(--navy-deep);
      font-weight: 600;
    }

    .masonry-stage {
      position: relative;
      padding-bottom: 40px;
    }

    .masonry-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      align-items: start;
    }

    .masonry-col {
      display: flex;
      flex-direction: column;
      gap: 20px;
      will-change: transform;
      transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1);
    }

    /* Individual Review Card Common Styles */
    .review-card {
      background: #ffffff;
      border: 1px solid rgba(16, 44, 59, 0.1);
      border-radius: 16px;
      padding: 20px 22px;
      transition: border-color 0.25s ease, transform 0.25s ease;
      position: relative;
    }

    .review-card:hover {
      border-color: rgba(45, 121, 166, 0.3);
      box-shadow: none !important;
      transform: translateY(-2px);
    }

    .card-divider {
      height: 1px;
      background: rgba(16, 44, 59, 0.07);
      margin: 14px 0 12px;
    }

    .card-text {
      font-size: 14.5px;
      line-height: 1.65;
      color: #1e3a4b;
      margin: 0 0 10px;
      letter-spacing: -.01em;
    }

    .card-text:last-child {
      margin-bottom: 0;
    }

    .card-highlight {
      color: #06283e;
      font-weight: 600;
    }

    /* Tweet / Social Style Card */
    .card-author {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
    }

    .author-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover;
      flex-shrink: 0;
      border: 1px solid rgba(16, 44, 59, 0.08);
      background: #f0f4f7;
    }

    .author-avatar-sm {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      object-fit: cover;
      flex-shrink: 0;
      background: #f0f4f7;
    }

    .author-info {
      display: flex;
      flex-direction: column;
      gap: 1px;
    }

    .author-info strong {
      font-size: 14.5px;
      font-weight: 600;
      color: #06283e;
      line-height: 1.2;
    }

    .author-info span {
      font-size: 12px;
      color: #537082;
      line-height: 1.2;
    }

    /* Rating Review Style Card */
    .rating-head strong {
      display: block;
      font-size: 15.5px;
      font-weight: 600;
      color: #06283e;
      margin-bottom: 2px;
      letter-spacing: -.01em;
    }

    .rating-meta {
      font-size: 12px;
      color: #537082;
      margin-bottom: 6px;
    }

    .rating-stars {
      color: #ffb800;
      font-size: 13px;
      letter-spacing: 2px;
      line-height: 1;
    }

    /* Note Style Card */
    .card-note .note-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 6px;
    }

    .note-author {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .note-date {
      font-size: 11.5px;
      color: #537082;
      white-space: nowrap;
    }

    .note-to {
      font-size: 12px;
      color: #537082;
      margin-top: 4px;
    }

    /* Image Story Card */
    .card-image-story {
      padding: 0;
      overflow: hidden;
      border: none !important;
      background: transparent;
      box-shadow: none !important;
    }

    .story-photo-frame {
      position: relative;
      border-radius: 18px;
      overflow: hidden;
      width: 100%;
      aspect-ratio: 768/980;
      background: #f0f4f7;
    }

    .story-photo-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 1.25rem 1rem 1rem;
      background: linear-gradient(to top, rgba(6, 40, 62, 0.92) 0%, rgba(6, 40, 62, 0.6) 65%, transparent 100%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      z-index: 2;
    }

    .story-photo-text {
      color: #ffffff;
    }

    .story-photo-text strong {
      display: block;
      font-size: 0.88rem;
      font-weight: 700;
      line-height: 1.25;
      color: #ffffff;
    }

    .story-photo-text span {
      display: block;
      font-size: 0.75rem;
      color: rgba(255, 255, 255, 0.85);
      margin-top: 2px;
    }

    .btn-story-sm {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: #ffffff;
      color: var(--navy-deep, #06283e);
      font-size: 0.76rem;
      font-weight: 700;
      padding: 7px 14px;
      border-radius: 20px;
      text-decoration: none !important;
      white-space: nowrap;
      flex-shrink: 0;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
      transition: all 0.2s ease;
    }

    .btn-story-sm:hover {
      background: var(--blue, #0e7490);
      color: #ffffff;
      transform: translateY(-2px);
    }

    .story-photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.4s ease;
    }

    .card-image-story:hover .story-photo {
      transform: scale(1.02);
    }

    /* Bottom Fade with Frosted Blur & Floating Pill */
    .masonry-bottom-fade {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 230px;
      background: linear-gradient(to top, rgba(232, 242, 249, 0.98) 0%, rgba(232, 242, 249, 0.85) 40%, rgba(232, 242, 249, 0.35) 75%, rgba(232, 242, 249, 0) 100%);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0) 100%);
      -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0) 100%);
      pointer-events: none;
      z-index: 10;
    }

    .floating-social-pill {
      position: absolute;
      bottom: 28px;
      left: 50%;
      transform: translateX(-50%);
      display: inline-flex;
      align-items: center;
      gap: 14px;
      padding: 8px 12px 8px 16px;
      border-radius: 999px;
      background: #07253a;
      border: 1px solid rgba(255, 255, 255, 0.2);
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
      z-index: 20;
      color: #ffffff;
      white-space: nowrap;
      text-decoration: none !important;
      transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
    }

    .floating-social-pill:hover {
      transform: translateX(-50%) translateY(-3px);
      background: #0b3452;
      border-color: rgba(127, 227, 255, 0.45);
    }

    .pill-avatars {
      display: flex;
      align-items: center;
    }

    .pill-avatars img {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 2px solid #07253a;
      margin-left: -10px;
      object-fit: cover;
      object-position: center top;
      background: #fff;
    }

    .pill-avatars img:first-child {
      margin-left: 0;
    }

    .pill-title {
      font-size: 13.5px;
      font-weight: 600;
      letter-spacing: -.01em;
      color: #ffffff;
    }

    .pill-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 14px;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
      font-size: 12.5px;
      font-weight: 600;
      text-decoration: none;
      transition: background-color 0.2s ease, transform 0.2s ease;
    }

    .pill-btn:hover {
      background: rgba(255, 255, 255, 0.22);
      color: #ffffff;
      transform: scale(1.03);
    }

    .pill-btn i {
      font-size: 14px;
      line-height: 1;
    }

    /* Top Honors & 3D Magazine Cover Flip Deck */
    .honors {
      background: linear-gradient(180deg, var(--paper) 0%, #d8ecf8 100%);
      border-top: 1px solid var(--line);
      padding: 100px 0 110px;
      position: relative;
      overflow: hidden;
    }

    .honors-grid {
      display: grid;
      grid-template-columns: 1.05fr 0.95fr;
      gap: 54px;
      align-items: center;
    }

    .honors-content {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .honors-content .eyebrow {
      margin-bottom: 2px;
    }

    .honors-content h2 {
      font-size: clamp(36px, 4vw, 54px);
      letter-spacing: -.03em;
      line-height: 1.1;
      color: var(--navy-deep);
      font-weight: 600;
    }

    .honors-desc {
      font-size: 15.5px;
      line-height: 1.68;
      color: var(--ink-soft);
      max-width: 540px;
    }

    .honors-badges {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin-top: 8px;
    }

    .honor-badge-card {
      background: #ffffff;
      border: 1px solid rgba(16, 44, 59, 0.1);
      border-radius: 14px;
      padding: 18px 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 10px;
      transition: transform 0.25s ease, border-color 0.25s ease;
    }

    .honor-badge-card:hover {
      transform: translateY(-3px);
      border-color: rgba(45, 121, 166, 0.3);
      box-shadow: none !important;
    }

    .honor-badge-img {
      height: 44px;
      max-width: 90%;
      object-fit: contain;
      filter: contrast(1.05);
    }

    .honor-badge-info strong {
      display: block;
      font-size: 12.5px;
      font-weight: 600;
      color: var(--navy-deep);
      line-height: 1.25;
      margin-bottom: 2px;
    }

    .honor-badge-info span {
      display: block;
      font-size: 11px;
      color: var(--muted);
      line-height: 1.3;
    }

    /* 3D Magazine Flipping / Stack Deck */
    .magazine-showcase {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }

    .magazine-deck-stage {
      position: relative;
      width: 100%;
      max-width: 440px;
      height: 440px;
      perspective: 1400px;
      transform-style: preserve-3d;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: grab;
      touch-action: pan-y;
      user-select: none;
    }

    .magazine-deck-stage.is-dragging {
      cursor: grabbing;
    }

    .magazine-card {
      position: absolute;
      width: 275px;
      height: 380px;
      border-radius: 14px;
      overflow: hidden;
      background: #ffffff;
      box-shadow: none !important;
      transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.6s ease, filter 0.6s ease;
      transform-origin: left center;
      user-select: none;
      -webkit-user-drag: none;
    }

    .magazine-card img {
      -webkit-user-drag: none;
      user-select: none;
    }

    .magazine-deck-stage.is-dragging .magazine-card[data-pos="0"] {
      transition: none !important;
    }

    /* Magazine Page Spine & Gloss highlights */
    .magazine-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 24px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.65) 0%, rgba(0, 0, 0, 0.16) 35%, rgba(255, 255, 255, 0.35) 65%, transparent 100%);
      z-index: 4;
      pointer-events: none;
    }

    .magazine-card::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 60%);
      z-index: 3;
      pointer-events: none;
    }

    .magazine-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      background: #f0f4f7;
    }

    .magazine-info-pill {
      position: absolute;
      bottom: 14px;
      left: 14px;
      right: 14px;
      padding: 7px 12px;
      border-radius: 999px;
      background: rgba(7, 37, 58, 0.85);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.22);
      color: #ffffff;
      font-size: 11.5px;
      font-weight: 500;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      z-index: 5;
      box-shadow: none !important;
    }

    /* 3D Stack Layer Positions */
    .magazine-card[data-pos="0"] {
      /* Front active page */
      transform: translate3d(-10px, 0, 40px) rotateY(0deg) rotateZ(0deg) scale(1);
      z-index: 6;
      opacity: 1;
      filter: none;
    }

    .magazine-card[data-pos="0"]:hover {
      transform: translate3d(-10px, -6px, 50px) rotateY(-2deg) rotateZ(0deg) scale(1.02);
    }

    .magazine-card[data-pos="1"] {
      /* Page 2 - fanned right */
      transform: translate3d(38px, 10px, 0px) rotateY(-6deg) rotateZ(3.5deg) scale(0.94);
      z-index: 5;
      opacity: 0.92;
      filter: brightness(0.96);
    }

    .magazine-card[data-pos="2"] {
      /* Page 3 - fanned further right */
      transform: translate3d(80px, 20px, -40px) rotateY(-12deg) rotateZ(7deg) scale(0.88);
      z-index: 4;
      opacity: 0.78;
      filter: brightness(0.92);
    }

    .magazine-card[data-pos="3"],
    .magazine-card[data-pos="4"],
    .magazine-card[data-pos="5"],
    .magazine-card[data-pos="6"],
    .magazine-card[data-pos="7"] {
      /* Hidden in back deck */
      transform: translate3d(100px, 26px, -80px) rotateY(-16deg) rotateZ(9deg) scale(0.82);
      z-index: 2;
      opacity: 0;
      pointer-events: none;
    }

    /* Flipping forward animation */
    .magazine-card.flipping-out {
      transform: translate3d(-160px, -20px, 80px) rotateY(-65deg) rotateZ(-8deg) scale(0.9) !important;
      opacity: 0 !important;
      z-index: 10 !important;
      transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s ease !important;
    }

    /* Flipping backwards animation */
    .magazine-card.flipping-back {
      transform: translate3d(140px, 20px, -60px) rotateY(40deg) rotateZ(6deg) scale(0.85) !important;
      opacity: 0 !important;
      z-index: 10 !important;
      transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s ease !important;
    }

    /* Magazine Navigation Controls */
    .magazine-controls {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 18px;
    }

    .magazine-dots {
      display: flex;
      align-items: center;
      gap: 7px;
    }

    .mag-dot {
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: rgba(16, 44, 59, 0.2);
      transition: width 0.25s ease, background-color 0.25s ease;
      cursor: pointer;
      border: none;
      padding: 0;
    }

    .mag-dot.active {
      width: 22px;
      background: var(--blue-mid);
    }

    .magazine-swipe-hint {
      font-size: 12px;
      color: #537082;
      display: flex;
      align-items: center;
      gap: 6px;
      margin-top: 10px;
      font-weight: 500;
    }    /* Unified Consultation Section (Left Info, Right Form) */
    .contact {
      background: linear-gradient(180deg, #f9fbfd 0%, #f0f6fa 100%);
      border-top: 1px solid var(--line);
      padding: 100px 0 110px;
      position: relative;
    }

    .contact-grid {
      display: grid;
      grid-template-columns: 1fr 1.08fr;
      gap: 56px;
      align-items: start;
    }

    .contact-info-col {
      display: flex;
      flex-direction: column;
      gap: 22px;
    }

    .contact-info-col .eyebrow {
      margin-bottom: 2px;
    }

    .contact-info-col h2 {
      font-size: clamp(36px, 4.2vw, 56px);
      letter-spacing: -.03em;
      line-height: 1.08;
      color: var(--navy-deep);
      font-weight: 600;
    }

    .contact-lead {
      font-size: 15.5px;
      line-height: 1.7;
      color: var(--ink-soft);
      max-width: 520px;
    }

    .contact-cards-list {
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-top: 6px;
    }

    .contact-detail-card {
      display: flex;
      align-items: center;
      gap: 16px;
      background: #ffffff;
      border: 1px solid rgba(16, 44, 59, 0.1);
      border-radius: 14px;
      padding: 16px 20px;
      transition: transform 0.25s ease, border-color 0.25s ease;
      text-decoration: none;
      color: inherit;
    }

    .contact-detail-card:hover {
      transform: translateY(-2px);
      border-color: rgba(45, 121, 166, 0.3);
      box-shadow: none !important;
    }

    .contact-card-icon {
      width: 44px;
      height: 44px;
      border-radius: 12px;
      background: #edf6fb;
      color: var(--blue-mid);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 19px;
      flex-shrink: 0;
    }

    .contact-card-text {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .contact-card-text small {
      font-size: 11px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .06em;
      color: var(--muted);
    }

    .contact-card-text strong,
    .contact-card-text span {
      font-size: 14.5px;
      font-weight: 600;
      color: var(--navy-deep);
    }

    .contact-card-text p {
      font-size: 12.5px;
      color: var(--ink-soft);
      margin: 0;
    }

    /* Consultation Form Card */
    .consult-form-card {
      background: #ffffff;
      border: 1px solid rgba(16, 44, 59, 0.1);
      border-radius: 20px;
      padding: 34px 34px 30px;
      box-shadow: none !important;
    }

    .consult-form-head {
      margin-bottom: 20px;
    }

    .consult-form-head h3 {
      font-size: 22px;
      font-weight: 600;
      color: var(--navy-deep);
      letter-spacing: -.02em;
      margin-bottom: 4px;
    }

    .consult-form-head p {
      font-size: 13.5px;
      color: var(--ink-soft);
      line-height: 1.5;
      margin: 0;
    }

    .form-group {
      margin-bottom: 16px;
    }

    .form-label {
      display: block;
      font-size: 12.5px;
      font-weight: 600;
      color: var(--navy-deep);
      margin-bottom: 7px;
      letter-spacing: -.01em;
    }

    .interest-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-bottom: 18px;
    }

    .chip-btn {
      padding: 6px 13px;
      border-radius: 999px;
      border: 1px solid rgba(16, 44, 59, 0.14);
      background: #f8fafc;
      color: var(--navy-deep);
      font-size: 12px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s ease;
      font-family: inherit;
    }

    .chip-btn:hover {
      border-color: var(--blue-mid);
      background: #edf6fb;
    }

    .chip-btn[aria-pressed="true"] {
      background: var(--navy-deep);
      color: #ffffff;
      border-color: var(--navy-deep);
      box-shadow: none !important;
    }

    .form-row-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
    }

    .form-input,
    .form-select,
    .form-textarea {
      width: 100%;
      padding: 11px 13px;
      border-radius: 10px;
      border: 1px solid rgba(16, 44, 59, 0.16);
      background: #ffffff;
      font-family: inherit;
      font-size: 13.5px;
      color: var(--navy-deep);
      outline: none;
      transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
      box-sizing: border-box;
    }

    .form-select {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230c2b3e' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 14px center;
      background-size: 15px 15px;
      padding-right: 42px !important;
      cursor: pointer;
      line-height: 1.4;
      color-scheme: light;
    }

    .form-select:hover {
      border-color: rgba(14, 130, 197, 0.4);
    }

    .form-select option {
      background-color: #ffffff;
      color: #0c2b3e;
      padding: 8px 12px;
      font-size: 14px;
    }

    .form-input:focus,
    .form-select:focus,
    .form-textarea:focus {
      border-color: var(--blue-mid);
      box-shadow: 0 0 0 3px rgba(14, 130, 197, 0.12) !important;
    }

    .form-input::placeholder,
    .form-textarea::placeholder {
      color: #8da1ad;
    }

    .form-textarea {
      resize: vertical;
      min-height: 72px;
    }

    .btn-submit-consult {
      width: 100%;
      justify-content: center;
      padding: 13px 20px;
      font-size: 14.5px;
      font-weight: 600;
      margin-top: 4px;
      cursor: pointer;
    }

    .form-security-note {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      font-size: 11.5px;
      color: var(--muted);
      margin-top: 14px;
      text-align: center;
    }

    .form-success-alert {
      display: none;
      padding: 18px 20px;
      background: #edfcf2;
      border: 1px solid #b7ebc7;
      border-radius: 12px;
      color: #155724;
      text-align: center;
      font-size: 14px;
      line-height: 1.5;
      margin-top: 12px;
    }

    /* Luxury Amplemarket-Style Deep Directory Footer */
    .footer-wrap {
      background: linear-gradient(180deg, #07253a 0%, #031420 100%);
      color: #ffffff;
      position: relative;
      overflow: hidden;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      border-top-left-radius: 28px;
      border-top-right-radius: 28px;
    }

    /* Footer Hero CTA Banner */
    .footer-hero-cta {
      padding: 105px 0 65px;
      text-align: center;
      position: relative;
    }

    .footer-hero-cta::before {
      content: '';
      position: absolute;
      top: -80px;
      left: 50%;
      transform: translateX(-50%);
      width: 780px;
      height: 380px;
      background: radial-gradient(circle, rgba(56, 189, 248, 0.32) 0%, rgba(96, 165, 250, 0.15) 45%, transparent 70%);
      pointer-events: none;
      filter: blur(60px);
    }

    .footer-hero-title {
      font-size: clamp(36px, 5.2vw, 66px);
      font-weight: 600;
      letter-spacing: -.03em;
      line-height: 1.08;
      color: #ffffff;
      max-width: 920px;
      margin: 0 auto 24px;
      text-transform: uppercase;
    }

    .footer-gradient-text {
      background: linear-gradient(135deg, #c7f4ff 0%, #7fe3ff 25%, #38bdf8 55%, #60a5fa 85%, #93c5fd 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      display: inline-block;
      filter: none;
    }

    .footer-cta-action {
      margin-top: 10px;
    }

    .btn-footer-cta {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 15px 36px;
      border-radius: 999px;
      background: #ffffff;
      color: var(--navy-deep);
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      box-shadow: none !important;
      transition: all 0.25s ease;
    }

    .btn-footer-cta:hover {
      background: #eef6fb;
      color: var(--navy-deep);
      transform: translateY(-2px) scale(1.02);
      box-shadow: none !important;
    }

    /* Footer Brand Strip */
    .footer-brand-strip {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border: none;
      padding: 16px 0;
      margin-bottom: 50px;
      flex-wrap: wrap;
      gap: 18px;
    }

    .footer-brand-left {
      display: flex;
      align-items: center;
      gap: 16px;
    }

    .footer-brand-left img {
      width: 160px;
      height: auto;
      filter: brightness(0) invert(1);
      opacity: 0.95;
    }

    .footer-brand-right {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .footer-status-pill {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 12.5px;
      color: rgba(255, 255, 255, 0.85);
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.14);
      padding: 6px 14px;
      border-radius: 999px;
      text-decoration: none;
      transition: background-color 0.2s ease, border-color 0.2s ease;
    }

    .footer-status-pill:hover {
      background: rgba(255, 255, 255, 0.14);
      border-color: rgba(255, 255, 255, 0.25);
      color: #ffffff;
    }

    .footer-status-pill i {
      color: #6bc8ec;
    }

    /* Amplemarket-Style Deep Multi-Column Links with Generous Spacing */
    .footer-links-matrix {
      display: grid;
      grid-template-columns: 1.85fr 1fr 1fr 1fr 1.25fr;
      gap: 52px 44px;
      padding-bottom: 70px;
    }

    .footer-btn-directions {
      background: linear-gradient(135deg, rgba(107, 200, 236, 0.22), rgba(107, 200, 236, 0.08)) !important;
      border: 1px solid rgba(107, 200, 236, 0.4) !important;
      color: #ffffff !important;
      font-weight: 600;
    }
    .footer-btn-directions:hover {
      background: linear-gradient(135deg, rgba(107, 200, 236, 0.38), rgba(107, 200, 236, 0.18)) !important;
      border-color: rgba(107, 200, 236, 0.7) !important;
      box-shadow: 0 4px 14px rgba(107, 200, 236, 0.25);
    }

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

    .footer-nav-col h4 {
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .14em;
      color: #9fe2f7;
      margin: 0 0 22px;
    }

    .footer-nav-col .sub-heading {
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .1em;
      color: rgba(255, 255, 255, 0.45);
      margin: 0 0 14px;
      display: block;
    }

    .footer-nav-col ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 13px;
    }

    .footer-nav-col a {
      color: rgba(255, 255, 255, 0.72);
      font-size: 13.5px;
      text-decoration: none;
      transition: color 0.2s ease, transform 0.2s ease;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      line-height: 1.45;
    }

    .footer-nav-col a:hover {
      color: #ffffff;
      transform: translateX(3px);
    }

    .footer-badge-tag {
      font-size: 9.5px;
      padding: 2px 6px;
      border-radius: 4px;
      background: rgba(107, 200, 236, 0.2);
      color: #6bc8ec;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

    /* Redesigned Open Reston Clinic Column */
    .footer-clinic-col {
      display: flex;
      flex-direction: column;
    }

    .footer-clinic-content {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .clinic-facility-card {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .clinic-tag-pill {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 10.5px;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .08em;
      color: #6bc8ec;
    }

    .clinic-name {
      font-size: 14px;
      font-weight: 600;
      color: #ffffff;
      line-height: 1.35;
    }

    .clinic-address {
      font-size: 13px;
      color: rgba(255, 255, 255, 0.68);
      line-height: 1.5;
    }

    .clinic-actions-stack {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .clinic-phone-btn {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 10px 14px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.14);
      color: #ffffff;
      text-decoration: none;
      transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    }

    .clinic-phone-btn:hover {
      background: rgba(255, 255, 255, 0.14);
      border-color: #6bc8ec;
      transform: translateX(2px);
    }

    .clinic-phone-btn i {
      color: #6bc8ec;
      font-size: 16px;
    }

    .clinic-phone-btn small {
      display: block;
      font-size: 10.5px;
      color: rgba(255, 255, 255, 0.5);
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .clinic-phone-btn strong {
      display: block;
      font-size: 13.5px;
      color: #ffffff;
      font-weight: 600;
    }

    .clinic-map-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 14px;
      border-radius: 10px;
      background: rgba(107, 200, 236, 0.12);
      border: 1px solid rgba(107, 200, 236, 0.25);
      color: #9fe2f7;
      text-decoration: none;
      font-size: 12.5px;
      font-weight: 600;
      transition: background-color 0.2s ease, transform 0.2s ease;
    }

    .clinic-map-link:hover {
      background: rgba(107, 200, 236, 0.2);
      color: #ffffff;
      transform: translateX(2px);
    }

    .clinic-hours-note {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.52);
    }

    /* Bottom Copyright and Legal */
    .footer-bottom-bar {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding: 24px 0 36px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 16px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.52);
    }

    .footer-bottom-links {
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
    }

    .footer-bottom-links a {
      color: rgba(255, 255, 255, 0.58);
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .footer-bottom-links a:hover {
      color: #ffffff;
    }

    .footer-designed-by {
      display: flex;
      align-items: center;
      gap: 10px;
      color: rgba(255, 255, 255, 0.65);
      font-size: 12px;
      font-weight: 500;
    }

    .solora-brand-link {
      display: inline-flex;
      align-items: center;
      text-decoration: none;
      transition: transform 0.2s ease, opacity 0.2s ease;
      opacity: 0.92;
    }

    .solora-brand-link:hover {
      transform: translateY(-1px);
      opacity: 1;
    }

    .solora-logo-img {
      height: 20px;
      width: auto;
      object-fit: contain;
      display: block;
    }

    /* Enhancement animation: content remains visible without JS */
    .reveal.entered {
      animation: enter .65s var(--ease) both
    }

    @keyframes enter {
      from {
        opacity: .82;
        transform: translateY(10px)
      }

      to {
        opacity: 1;
        transform: translateY(0)
      }
    }

    /* Fixed Bottom Progressive Blur & Scroll Progress */
    .bottom-progress-blur {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      height: 64px;
      pointer-events: none;
      z-index: 998;
      background: linear-gradient(to top, rgba(232, 242, 249, 0.94) 0%, rgba(232, 242, 249, 0.5) 45%, rgba(232, 242, 249, 0) 100%);
      backdrop-filter: blur(18px) saturate(180%);
      -webkit-backdrop-filter: blur(18px) saturate(180%);
      mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);
      -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);
      transition: opacity 0.3s ease, background 0.35s cubic-bezier(0.16, 1, 0.3, 1), backdrop-filter 0.35s ease;
    }

    .bottom-progress-blur.theme-dark {
      background: linear-gradient(to top, rgba(18, 18, 18, 0.94) 0%, rgba(18, 18, 18, 0.6) 50%, transparent 100%) !important;
      backdrop-filter: blur(18px) saturate(180%) !important;
      -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
    }

    .scroll-progress-line {
      position: fixed;
      bottom: 0;
      left: 0;
      height: 3px;
      width: 0%;
      background: linear-gradient(90deg, #2d79a6 0%, #6bc8ec 60%, #bfe9f7 100%);
      box-shadow: none !important;
      z-index: 1001;
      pointer-events: none;
      transition: width 0.08s linear, background 0.35s ease;
    }

    /* Mobile sticky */
    .mobile-sticky {
      display: none
    }

    @media (max-width:1280px) {
      .nav-shell {
        gap: 12px
      }

      .nav-link,
      .nav-trigger {
        padding: 0 8px;
        font-size: 12.5px
      }

      .nav-phone-btn {
        padding: 0 10px;
        font-size: 12px
      }

      .announcement-links {
        gap: 10px
      }
    }

    @media (max-width:1160px) {

      .desktop-nav,
      .nav-actions .nav-search-btn,
      .nav-actions .nav-cta {
        display: none !important;
      }

      .nav-actions {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin-left: auto !important;
      }

      .nav-phone-btn {
        display: inline-flex !important;
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        border-radius: 50% !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
      }

      .nav-phone-btn span {
        display: none !important;
      }

      .nav-phone-btn i {
        font-size: 13.5px !important;
        margin: 0 !important;
      }

      .mobile-toggle {
        display: inline-flex !important;
        margin-left: 0 !important;
      }

      .nav-shell {
        height: 76px
      }

      .site-header.scrolled .nav-shell {
        height: 66px
      }

      .hero {
        padding-top: 175px;
        padding-bottom: 48px;
        min-height: auto
      }

      .hero-title {
        max-width: 850px
      }

      .hero-video-stage {
        gap: 16px
      }

      .hero-video-card.center-card {
        width: 330px;
        height: 500px
      }

      .doctor-grid,
      .honors-grid,
      .contact-grid {
        grid-template-columns: 1fr;
        gap: 54px;
      }

      .finder-grid {
        grid-template-columns: .9fr 1.1fr;
        gap: 46px;
      }

      .doctor-photo {
        position: relative;
        top: auto;
        max-width: 650px;
        height: auto;
      }

      .doctor-photo-frame {
        height: 520px;
        max-height: 70vh;
      }

      .doctor-content {
        height: auto;
      }

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

      .footer-links-matrix > div:first-child {
        grid-column: 1 / -1;
      }

      .recognition-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px
      }
    }

    @media (max-width:580px) {
      .recognition-grid {
        grid-template-columns: 1fr;
        gap: 14px
      }
    }

    @media (max-width:820px) {
      .section {
        padding: 92px 0
      }

      .container {
        width: min(calc(100% - 36px), var(--container))
      }

      .announcement {
        display: none
      }

      .nav-wrap {
        padding: 10px 12px 0;
        background: transparent;
        border-bottom: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none
      }

      .nav-shell,
      .site-header.scrolled .nav-shell {
        height: 66px;
        transform: none;
        max-width: none;
        border: 1px solid rgba(45, 121, 166, 0.12);
        border-radius: 16px;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.84) 0%, rgba(246, 251, 254, 0.74) 100%);
        backdrop-filter: blur(22px) saturate(180%);
        -webkit-backdrop-filter: blur(22px) saturate(180%);
        padding: 0 16px;
        box-shadow: none !important;
      }

      .brand-title {
        font-size: 12px;
      }

      .brand-sub {
        font-size: 7.5px;
      }

      .brand-emblem {
        width: 34px;
        height: 34px;
      }

      .hero {
        padding: 160px 0 54px;
      }

      .hero-title {
        font-size: clamp(40px, 9.5vw, 64px)
      }

      .hero-lead {
        font-size: 16.5px;
        margin-top: 20px
      }

      .hero-trust-strip {
        gap: 14px;
        font-size: 12px
      }

      .hero-video-stage {
        overflow-x: auto;
        scrollbar-width: none;
        padding: 18px 20px 24px;
        justify-content: flex-start;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 18px;
      }

      .hero-video-stage::-webkit-scrollbar {
        display: none
      }

      .hero-video-card {
        scroll-snap-align: center;
        flex: none
      }

      .hero-video-card.center-card {
        width: 290px;
        height: 450px;
        transform: none
      }

      .hero-video-card.side-card {
        width: 255px;
        height: 410px;
        opacity: 1;
        transform: none !important
      }

      .video-stage-dots {
        display: flex
      }

      /* Recognition Marquee Loop on Mobile */
      .recognition-strip {
        padding: 18px 0 !important;
        overflow: hidden !important;
        -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
        mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
      }

      .recognition-container {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
        overflow: hidden !important;
      }

      .recognition-track {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 32px !important;
        width: max-content !important;
        animation: recognitionMarquee 20s linear infinite !important;
        will-change: transform;
      }

      .recognition-track:hover,
      .recognition-track:active {
        animation-play-state: paused !important;
      }

      .recognition-item[aria-hidden="true"] {
        display: flex !important;
      }

      .recognition-item {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
      }

      @keyframes recognitionMarquee {
        0% {
          transform: translate3d(0, 0, 0);
        }
        100% {
          transform: translate3d(-50%, 0, 0);
        }
      }

      .finder-head {
        display: block;
        margin-bottom: 28px;
        gap: 0;
      }

      .finder-head .section-copy {
        margin-top: 8px;
      }

      .finder-grid {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
      }

      .finder-panel {
        display: none !important;
      }

      .finder-list {
        gap: 10px;
        height: auto;
        width: 100%;
      }

      .finder-item {
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #ffffff;
        overflow: hidden;
        transition: border-color .2s ease, box-shadow .2s ease;
      }

      .finder-item.active {
        border-color: var(--blue);
        box-shadow: 0 4px 16px rgba(45, 121, 166, .08);
      }

      .finder-option {
        min-height: 56px !important;
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 14px 16px !important;
      }

      .finder-chevron {
        display: inline-flex !important;
        margin-left: 8px;
        font-size: 13px;
        color: var(--muted);
        transition: transform .25s ease, color .2s ease;
        flex-shrink: 0;
      }

      .finder-item.active .finder-chevron {
        transform: rotate(180deg);
        color: var(--blue);
      }

      .finder-inline-drawer {
        display: block !important;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: max-height .35s ease, opacity .3s ease, padding .3s ease;
        padding: 0 16px;
      }

      .finder-inline-drawer.open {
        max-height: 600px;
        opacity: 1;
        padding: 0 16px 18px;
      }

      .finder-drawer-inner {
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding-top: 12px;
        border-top: 1px solid var(--line-soft);
      }

      .finder-drawer-media {
        width: 100%;
        height: 190px;
        border-radius: 12px;
        overflow: hidden;
        background: #e4edf1;
      }

      .finder-drawer-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .finder-drawer-text .eyebrow {
        font-size: 11px;
        font-weight: 600;
        color: var(--blue);
        text-transform: uppercase;
        letter-spacing: .08em;
        margin-bottom: 4px;
        display: block;
      }

      .finder-drawer-text h3 {
        font-size: 20px;
        font-weight: 600 !important;
        color: var(--navy-deep);
        margin: 4px 0 8px;
        line-height: 1.25;
      }

      .finder-drawer-text p {
        font-size: 13.5px;
        line-height: 1.6;
        color: var(--ink-soft);
        margin: 0 0 14px;
      }

      .finder-drawer-btn {
        width: 100%;
        justify-content: center;
        min-height: 42px;
        font-size: 13px;
      }

      .doctor-grid {
        gap: 46px;
      }

      .doctor-photo-frame {
        max-height: none;
      }

      .stories-wall {
        padding: 80px 0 60px;
      }

      .stories-wall-head {
        margin-bottom: 40px;
      }

      .honors {
        padding: 70px 0 80px;
      }

      .honors-badges {
        grid-template-columns: 1fr;
        gap: 10px;
      }

      .magazine-deck-stage {
        height: 380px;
      }

      .magazine-card {
        width: 235px;
        height: 325px;
      }

      .consult-form-card {
        padding: 26px 20px;
      }

      .form-row-2 {
        grid-template-columns: 1fr;
      }

      .footer-hero-title {
        margin-bottom: 20px;
      }

      .footer-links-matrix {
        grid-template-columns: 1fr;
        gap: 32px;
      }

      .footer-sub-col-grid {
        grid-template-columns: 1fr;
        gap: 18px;
      }

      .footer-brand-strip {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
      }

      .footer-bottom-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
      }
    }

    @media (max-width:560px) {
      .container {
        width: min(calc(100% - 28px), var(--container))
      }

      .section {
        padding: 78px 0
      }

      .hero-title {
        font-size: clamp(36px, 11vw, 52px);
        line-height: 1.04
      }

      .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 340px
      }

      .hero-actions .btn {
        width: 100%
      }

      .hero-trust-strip {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        justify-items: center
      }

      .trust-dot {
        display: none
      }

      .hero-video-card.center-card {
        width: 275px;
        height: 430px
      }

      .hero-video-card.side-card {
        width: 245px;
        height: 390px
      }

      .sound-toggle-btn {
        bottom: 72px;
        right: 12px;
        padding: 5px 10px;
        font-size: 11px
      }

      .recognition-item {
        padding-left: 18px
      }

      .approach h2,
      .doctor h2,
      .science h2,
      .contact h2,
      .footer-cta h2 {
        font-size: clamp(46px, 12vw, 64px)
      }

      .approach-point {
        grid-template-columns: 34px 1fr
      }

      .finder-option {
        grid-template-columns: 36px 1fr 22px;
        min-height: 68px
      }

      .finder-option .label {
        font-size: 16px
      }

      .finder-content h3 {
        font-size: 40px
      }

      .doctor-photo figcaption {
        display: block
      }

      .doctor-photo figcaption span+span {
        display: block;
        margin-top: 4px
      }

      .why-details summary {
        grid-template-columns: 34px 1fr 38px
      }

      .why-details summary strong {
        font-size: 17px
      }

      .why-answer {
        padding-left: 34px
      }

      .story-quote {
        font-size: 36px
      }

      .story-meta {
        align-items: center
      }

      .story-count {
        display: none
      }

      .video-title {
        font-size: 21px
      }

      .contact-actions {
        display: grid;
        grid-template-columns: 1fr
      }

      .contact-actions .btn,
      .contact-actions .link-arrow {
        justify-content: center
      }

      .map-frame {
        height: 300px
      }

      .footer-grid {
        grid-template-columns: 1fr
      }

      .footer-col:last-child {
        grid-column: auto
      }

      .footer-bottom {
        display: block
      }

      .footer-legal {
        margin-top: 12px
      }
    }

    @media (prefers-reduced-motion:reduce) {
      html {
        scroll-behavior: auto
      }

      *,
      *::before,
      *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
      }
    }

/* ==========================================================
   VCRM V1.1 shared inner-page + mobile refinements
   ========================================================== */
:root{--blue-mid:#2d79a6;--surface:#ffffff;--surface-soft:#eef9fc}
html{scroll-padding-top:100px}
body{min-width:0}
.skip-link{position:fixed;left:16px;top:-80px;z-index:20000;background:#fff;color:var(--navy-deep);padding:10px 14px;border-radius:8px;border:1px solid var(--line);transition:top .2s ease}.skip-link:focus{top:16px}
.hero-video{background:#0b2c3f;object-fit:cover}
.hero-video-card.is-loading .video-play-btn{opacity:.7;pointer-events:none}
.hero-video-card .pause-icon-bi{display:none}.hero-video-card.is-playing .play-icon-bi{display:none}.hero-video-card.is-playing .pause-icon-bi{display:inline-flex}
.hero-video-card video[poster]{object-fit:cover}
.form-status{display:none;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.55}.form-status.show{display:block}.form-status.error{border-color:#e5b4b4;background:#fff5f5;color:#7f1d1d}.form-status.success{border-color:#b8dec7;background:#f1fbf5;color:#185d36}

/* Inner pages */
.inner-main{padding-top:0;background:var(--paper)}
.inner-hero{position:relative;overflow:hidden;padding:172px 0 54px;background:var(--paper);border-bottom:1px solid var(--line-soft)}
.inner-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-180px;background:radial-gradient(circle,rgba(107,200,236,.18),rgba(107,200,236,0) 70%);pointer-events:none}
.inner-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:16px}.inner-breadcrumb a:hover{color:var(--blue)}.inner-breadcrumb i{font-size:10px}
.inner-kicker{color:var(--blue);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:8px}.inner-title{font-size:clamp(32px,3.8vw,48px);max-width:840px;line-height:1.12;letter-spacing:-.03em;margin:0;font-weight:600;text-wrap:balance}.inner-deck{margin:14px 0 0;max-width:680px;color:var(--ink-soft);font-size:15.5px;line-height:1.65}
.inner-content-wrap{padding:84px 0 110px}.inner-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:80px;align-items:start}.article-copy{max-width:820px}.article-copy>h1,.article-copy>h2,.article-copy>h3{font-weight:500;letter-spacing:-.025em;line-height:1.15;color:var(--navy-deep)}.article-copy>h1{font-size:clamp(34px,4vw,52px);margin:0 0 26px}.article-copy>h2{font-size:clamp(28px,3vw,39px);margin:58px 0 18px}.article-copy>h3{font-size:24px;margin:42px 0 14px}.article-copy p{font-size:16.5px;line-height:1.85;color:var(--ink-soft);margin:0 0 22px}.article-copy a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-copy ul,.article-copy ol{margin:20px 0 28px;padding-left:0;list-style:none;display:grid;gap:12px}.article-copy li{position:relative;padding-left:28px;color:var(--ink-soft);line-height:1.75}.article-copy li:before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--sky)}
.page-side{position:sticky;top:116px;display:grid;gap:18px}.side-card-clean{border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px}.side-card-clean h3{font-size:18px;margin:0 0 12px;font-weight:600}.side-card-clean p{font-size:14px;color:var(--muted);line-height:1.65;margin:0 0 18px}.side-list{display:grid;gap:2px}.side-list a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line-soft);font-size:13.5px;color:var(--ink-soft)}.side-list a:hover{color:var(--blue)}
.inner-cta{margin-top:70px;border-radius:22px;background:var(--navy-deep);color:#fff;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.inner-cta h2{font-size:clamp(28px,3.5vw,44px);font-weight:400;letter-spacing:-.035em;margin:0}.inner-cta p{margin:10px 0 0;color:rgba(255,255,255,.72);max-width:620px}.inner-cta .btn{flex:none}
.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card{display:flex;flex-direction:column;justify-content:flex-end;min-height:310px;padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff 0%,#eef9fc 100%);transition:transform .25s var(--ease),border-color .25s ease}.story-card:hover{transform:translateY(-3px);border-color:#9dcfe1}.story-card small{color:var(--blue);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.story-card h2{font-size:28px!important;margin:10px 0 8px!important}.story-card p{font-size:14px!important;margin:0!important;color:var(--muted)!important}.story-card i{margin-top:26px;color:var(--blue)}
.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.contact-detail-box{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}.contact-detail-box i{font-size:22px;color:var(--blue)}.contact-detail-box strong{display:block;margin-top:12px}.contact-detail-box p{font-size:14px!important;margin:6px 0 0!important}
.form-download-list{display:grid;gap:12px;margin:26px 0}.form-download{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff}.form-download strong{font-size:15px}.form-download span{color:var(--blue);font-size:13px;font-weight:600}
.source-note{font-size:12px!important;color:var(--muted)!important;border-top:1px solid var(--line);padding-top:18px;margin-top:48px!important}

/* Hide floating mobile sticky bar site-wide */
.mobile-sticky {
  display: none !important;
}

@media (max-width:1024px){.inner-layout{grid-template-columns:1fr;gap:50px}.page-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.inner-content-wrap{padding-top:64px}.inner-main{padding-top:0 !important}.inner-hero{padding:152px 0 44px !important}}

@media (max-width:820px){
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }
  body {
    padding-bottom: 0 !important;
  }
  .container {
    width: min(calc(100% - 44px), var(--container)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-inline: auto !important;
  }

  /* Section Spacings & Rhythm */
  .section,
  .finder,
  .doctor,
  .honors,
  .stories-wall,
  .contact {
    padding: 56px 0 !important;
  }

  /* Header & Navigation Mobile - Locked Seamless Stability */
  .inner-main {
    padding-top: 0 !important;
  }
  .inner-hero {
    padding: 116px 0 36px !important;
  }
  .site-header,
  .site-header.scrolled {
    transition: background 0.35s ease, border-color 0.35s ease !important;
  }
  .nav-wrap,
  .site-header.scrolled .nav-wrap {
    padding: 10px 12px 0 !important;
    background: transparent !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    justify-content: center !important;
  }
  .nav-shell,
  .site-header.scrolled .nav-shell {
    height: 64px !important;
    max-height: 64px !important;
    width: min(calc(100% - 20px), 1060px) !important;
    max-width: 100% !important;
    padding: 0 14px !important;
    gap: 8px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(246, 251, 254, 0.82) 100%) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border: 1px solid rgba(45, 121, 166, 0.12) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background 0.35s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease, backdrop-filter 0.35s ease, -webkit-backdrop-filter 0.35s ease, box-shadow 0.35s ease !important;
  }
  .site-header.theme-dark .nav-shell,
  .site-header.theme-dark.scrolled .nav-shell,
  [data-theme="dark"] .nav-shell,
  [data-theme="dark"] .site-header.scrolled .nav-shell {
    background: rgba(18, 18, 18, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  }
  .brand,
  .site-header.scrolled .brand {
    gap: 9px !important;
    flex-shrink: 1 !important;
    min-width: 0 !important;
    transform: none !important;
    transition: opacity 0.3s ease !important;
  }
  .brand-emblem,
  .site-header.scrolled .brand-emblem {
    width: 36px !important;
    height: 36px !important;
    flex-shrink: 0 !important;
    transform: none !important;
    transition: filter 0.35s ease, opacity 0.35s ease !important;
  }
  .site-header.theme-dark .brand-emblem,
  .site-header.theme-dark.scrolled .brand-emblem,
  [data-theme="dark"] .brand-emblem,
  [data-theme="dark"] .site-header.scrolled .brand-emblem {
    filter: brightness(0) invert(1) !important;
    opacity: 0.95 !important;
  }
  .brand-text,
  .site-header.scrolled .brand-text {
    transform: none !important;
  }
  .brand-title,
  .site-header.scrolled .brand-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
    transform: none !important;
    transition: color 0.35s ease !important;
  }
  .site-header.theme-dark .brand-title,
  .site-header.theme-dark.scrolled .brand-title,
  [data-theme="dark"] .brand-title,
  [data-theme="dark"] .site-header.scrolled .brand-title {
    color: #ffffff !important;
  }
  .brand-sub,
  .site-header.scrolled .brand-sub {
    font-size: 7.5px !important;
    letter-spacing: .05em !important;
    white-space: nowrap !important;
    transform: none !important;
    transition: color 0.35s ease !important;
  }
  .site-header.theme-dark .brand-sub,
  .site-header.theme-dark.scrolled .brand-sub,
  [data-theme="dark"] .brand-sub,
  [data-theme="dark"] .site-header.scrolled .brand-sub {
    color: rgba(255, 255, 255, 0.72) !important;
  }
  .nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }
  .nav-actions .nav-search-btn,
  .site-header.scrolled .nav-search-btn,
  .nav-actions .nav-cta,
  .site-header.scrolled .nav-cta {
    display: none !important;
  }
  .theme-toggle-btn {
    display: inline-flex !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(45, 121, 166, 0.08) !important;
    border: 1px solid rgba(45, 121, 166, 0.18) !important;
    color: var(--navy-deep) !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    transform: none !important;
    transition: background-color .2s ease, border-color .2s ease !important;
  }
  .site-header.theme-dark .theme-toggle-btn,
  [data-theme="dark"] .theme-toggle-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
  }
  .theme-toggle-btn svg {
    width: 15px !important;
    height: 15px !important;
  }
  .nav-phone-btn {
    display: inline-flex !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(45, 121, 166, 0.08) !important;
    border: 1px solid rgba(45, 121, 166, 0.18) !important;
    color: var(--navy-deep) !important;
    flex-shrink: 0 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease !important;
  }
  .site-header.theme-dark .nav-phone-btn,
  [data-theme="dark"] .nav-phone-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
  }
  .nav-phone-btn span {
    display: none !important;
  }
  .nav-phone-btn i {
    font-size: 13.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .mobile-toggle {
    display: inline-flex !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(45, 121, 166, 0.08) !important;
    border: 1px solid rgba(45, 121, 166, 0.18) !important;
    color: var(--navy-deep) !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    transition: background-color .2s ease, border-color .2s ease !important;
  }
  .site-header.theme-dark .mobile-toggle,
  [data-theme="dark"] .mobile-toggle {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
  }
  .mobile-toggle i {
    font-size: 18px !important;
  }

  /* Mobile Menu Drawer Polish */
  .mobile-menu a,
  .mobile-menu button {
    outline: none !important;
    border: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .mobile-menu a:focus,
  .mobile-menu a:active {
    outline: none !important;
    box-shadow: none !important;
  }
  .mobile-actions .btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    text-decoration: none !important;
    gap: 8px !important;
  }
  .mobile-actions .btn.btn-primary {
    background: var(--blue) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border: none !important;
  }
  .mobile-actions .btn.btn-outline {
    background: transparent !important;
    border: 1px solid var(--line) !important;
    color: var(--navy-deep) !important;
    font-weight: 600 !important;
  }
  .mobile-actions .mobile-theme-btn {
    background: rgba(45, 121, 166, 0.08) !important;
    border: 1px solid rgba(45, 121, 166, 0.2) !important;
    color: var(--navy-deep) !important;
  }

  /* Hero Section */
  .hero {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 110px 0 44px !important;
    min-height: auto !important;
  }
  .hero-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }
  .hero-header {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .hero-eyebrow {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto 14px !important;
  }
  .hero-badge-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 5px 12px !important;
    margin: 0 auto !important;
    max-width: 96vw !important;
    white-space: nowrap !important;
  }
  .hero-badge-pill .pulse-dot {
    width: 6px !important;
    height: 6px !important;
    flex-shrink: 0 !important;
  }
  .hero-badge-pill .pill-text {
    font-size: clamp(9px, 2.7vw, 11.5px) !important;
    white-space: nowrap !important;
    letter-spacing: 0.015em !important;
    line-height: 1 !important;
  }
  .hero-title {
    font-size: clamp(38px, 9.8vw, 52px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.03em !important;
    margin: 0 auto 14px !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .hero-lead {
    font-size: 15px !important;
    line-height: 1.6 !important;
    max-width: 92% !important;
    margin: 0 auto 20px !important;
    text-align: center !important;
  }
  .hero-actions {
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 10px !important;
  }
  .hero-actions .btn {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 14px !important;
    justify-content: center !important;
  }
  .hero-trust-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  .hero-trust-strip .trust-dot {
    display: none !important;
  }
  .hero-trust-strip .trust-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
    font-size: 12.5px !important;
    background: transparent !important;
    border: none !important;
  }
  .hero-video-stage {
    overscroll-behavior-x: contain;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    box-sizing: border-box !important;
    padding: 8px 16px 16px !important;
    margin-top: 24px !important;
  }
  .hero-video-card.side-card,
  .hero-video-card.center-card {
    width: min(78vw, 290px) !important;
    height: 420px !important;
  }
  .hero-video-card.center-card { order: 0; }
  .hero-video-card.left-card { order: 1; }
  .hero-video-card.right-card { order: 2; }
  .video-stage-dots {
    display: flex !important;
    margin-top: 14px !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  /* Global Homepage Headings on Mobile */
  .section-head,
  .finder-head,
  .stories-wall-head {
    text-align: center !important;
    margin: 0 auto 22px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }
  .finder-head div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 0 !important;
  }
  .section-head .eyebrow,
  .finder-head .eyebrow,
  .stories-wall-head .eyebrow,
  .kicker,
  .lead-tag,
  .section-tag {
    font-size: 11px !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    margin: 0 auto 4px !important;
    display: inline-flex !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .section-title,
  .display-title,
  .display {
    font-size: clamp(30px, 8.2vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    text-align: center !important;
    margin: 0 auto 6px !important;
  }
  .section-head .section-copy,
  .section-head .section-lead,
  .hero-sub,
  .finder-head .section-copy,
  .doctor-intro,
  .honors-desc,
  .contact-lead {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: var(--ink-soft) !important;
    text-align: center !important;
    margin: 0 auto !important;
    margin-top: 0 !important;
    max-width: 92% !important;
  }

  /* Treatment Finder Mobile */
  .finder-grid {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  .finder-panel {
    display: none !important;
  }
  .finder-list {
    gap: 10px !important;
    height: auto !important;
    width: 100% !important;
  }
  .finder-item {
    border: 1px solid var(--line) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
  }
  .finder-item.active {
    border-color: var(--blue) !important;
    box-shadow: 0 4px 16px rgba(45, 121, 166, .08) !important;
  }
  .finder-option {
    min-height: 52px !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 12px 14px !important;
  }
  .finder-chevron {
    display: inline-flex !important;
    margin-left: 8px !important;
    font-size: 13px !important;
    color: var(--muted) !important;
    transition: transform .25s ease, color .2s ease !important;
    flex-shrink: 0 !important;
  }
  .finder-item.active .finder-chevron {
    transform: rotate(180deg) !important;
    color: var(--blue) !important;
  }
  .finder-inline-drawer {
    display: block !important;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .35s ease, opacity .3s ease, padding .3s ease;
    padding: 0 14px;
  }
  .finder-inline-drawer.open {
    max-height: 600px;
    opacity: 1;
    padding: 0 14px 16px;
  }
  .finder-drawer-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid var(--line-soft) !important;
  }
  .finder-drawer-media {
    width: 100% !important;
    height: 170px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #e4edf1 !important;
  }
  .finder-drawer-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .finder-drawer-text {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .finder-drawer-text .eyebrow {
    font-size: 10.5px !important;
    margin-bottom: 2px !important;
  }
  .finder-drawer-text h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 4px 0 6px !important;
  }
  .finder-drawer-text p {
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin: 0 0 12px !important;
  }
  .finder-drawer-btn {
    width: 100% !important;
    justify-content: center !important;
    min-height: 44px !important;
    font-size: 13px !important;
    margin: 0 auto !important;
  }

  /* Meet Dr. Sharara Section Mobile */
  .doctor-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    text-align: center !important;
  }
  .doctor-photo {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }
  .doctor-photo-frame {
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 290px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    max-height: none !important;
    border-radius: 18px !important;
  }
  .doctor-photo-frame img,
  .doctor-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 15% !important;
  }
  .doctor-photo-badge {
    text-align: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    transform: none !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    padding: 8px 12px !important;
    font-size: 11px !important;
  }
  .doctor-photo-badge strong {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }
  .doctor-photo-badge span {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
  }
  .doctor-content {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .doctor-intro {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    max-width: 92% !important;
    margin: 0 auto 20px !important;
    text-align: center !important;
  }
  .doctor-pillars {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .pillar-card {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
    margin-bottom: 0 !important;
  }
  .pillar-num {
    margin: 0 auto 8px !important;
    width: 26px !important;
    height: 26px !important;
    font-size: 11px !important;
  }
  .pillar-info {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .pillar-info strong {
    font-size: 14px !important;
    margin-bottom: 4px !important;
    text-align: center !important;
  }
  .pillar-info p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .doctor-actions {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 20px auto 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .doctor-actions .btn {
    width: 100% !important;
    justify-content: center !important;
    min-height: 44px !important;
  }
  .doctor-actions .link-arrow {
    width: 100% !important;
    justify-content: center !important;
    padding: 6px 0 !important;
  }

  /* Honors & Accreditations Mobile */
  .honors-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    text-align: center !important;
  }
  .honors-content {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .honors-desc {
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: 92% !important;
    margin: 0 auto 20px !important;
    text-align: center !important;
  }
  .honors-badges {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
  .honor-badge-card {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    gap: 8px !important;
    margin: 0 auto !important;
  }
  .honor-badge-img {
    width: 38px !important;
    height: 38px !important;
  }
  .honor-badge-info {
    text-align: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .honor-badge-info strong {
    font-size: 13.5px !important;
  }
  .honor-badge-info span {
    font-size: 11.5px !important;
  }
  .magazine-showcase {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 20px auto 0 !important;
  }
  .magazine-deck-stage {
    width: min(84vw, 280px) !important;
    height: 370px !important;
    margin: 0 auto !important;
  }
  .magazine-controls,
  .magazine-dots,
  .magazine-swipe-hint {
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  .magazine-dots {
    margin-top: 14px !important;
  }
  .magazine-swipe-hint {
    margin-top: 8px !important;
    font-size: 11.5px !important;
  }

  /* Stories Wall Mobile - 4 Cards Layout */
  .stories-wall {
    padding: 56px 0 60px !important;
    position: relative !important;
  }
  .masonry-stage {
    padding-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .masonry-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
  }
  .masonry-col {
    width: 100% !important;
  }
  .masonry-col:nth-child(2) .review-card:nth-child(n+3) {
    display: none !important;
  }
  .review-card.card-image-story {
    display: block !important;
    padding: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }
  .masonry-col:nth-child(n+3) {
    display: none !important;
  }
  .masonry-bottom-fade {
    display: none !important;
  }
  .review-card {
    padding: 18px 16px !important;
    border-radius: 14px !important;
    margin-bottom: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .review-card .card-author {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 auto 14px auto !important;
    text-align: left !important;
  }
  .review-card .author-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
  .review-card.card-note .note-date {
    display: none !important;
  }
  .review-card.card-note .note-head {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    width: 100% !important;
  }
  .review-card.card-note .note-author {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 auto !important;
    text-align: left !important;
  }
  .review-card.card-note .note-to {
    text-align: center !important;
  }
  .review-card .rating-head {
    text-align: center !important;
  }
  .review-card .rating-meta {
    text-align: center !important;
  }
  .floating-social-pill {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 24px auto 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    width: fit-content !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    background: #07253a !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
  }
  .floating-social-pill .pill-avatars {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }
  .floating-social-pill .pill-avatars img {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    border: 1.5px solid #07253a !important;
    margin-left: -8px !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  .floating-social-pill .pill-avatars img:first-child {
    margin-left: 0 !important;
  }
  .floating-social-pill .pill-title {
    font-size: 12px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
  }
  .floating-social-pill .pill-btn {
    font-size: 11.5px !important;
    color: #ffffff !important;
    background: var(--blue, #0e7490) !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  /* Contact Section Mobile */
  .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    text-align: center !important;
  }
  .contact-info-col {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .contact-lead {
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: 92% !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
  }
  .contact-cards-list {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .contact-detail-card {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
    gap: 8px !important;
  }
  .contact-card-icon {
    width: 36px !important;
    height: 36px !important;
    font-size: 15px !important;
  }
  .contact-card-text {
    text-align: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .contact-card-text small {
    font-size: 10.5px !important;
  }
  .contact-card-text strong,
  .contact-card-text span {
    font-size: 14px !important;
  }
  .contact-card-text p {
    font-size: 12px !important;
  }
  .consult-form-card {
    margin: 0 auto !important;
    width: 100% !important;
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }
  .consult-form-head {
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 16px !important;
  }
  .consult-form-head h3 {
    font-size: 20px !important;
    margin-bottom: 4px !important;
    text-align: left !important;
  }
  .consult-form-head p {
    font-size: 13px !important;
    text-align: left !important;
  }
  .form-group {
    margin-bottom: 12px !important;
    text-align: left !important;
  }
  .form-group label,
  .form-label {
    text-align: left !important;
    display: block !important;
    font-size: 12.5px !important;
    margin-bottom: 6px !important;
  }
  .form-row-2 {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .form-input,
  .form-select,
  .form-textarea {
    min-height: 46px !important;
    font-size: 15px !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
    text-align: left !important;
  }
  .form-select {
    padding-right: 42px !important;
    background-position: right 14px center !important;
  }
  .interest-chips {
    justify-content: flex-start !important;
    gap: 6px !important;
    margin-top: 6px !important;
  }
  .chip-btn {
    padding: 6px 12px !important;
    font-size: 12px !important;
    min-height: 36px !important;
  }
  .btn-submit-consult {
    margin: 8px auto 0 !important;
    width: 100% !important;
    min-height: 48px !important;
    font-size: 14.5px !important;
    border-radius: 12px !important;
  }
  .form-security-note {
    text-align: center !important;
    justify-content: center !important;
    margin-top: 12px !important;
    font-size: 11.5px !important;
    line-height: 1.5 !important;
  }

  /* Footer Mobile */
  .footer-wrap {
    text-align: center !important;
    padding: 52px 0 36px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  }
  .footer-hero-cta {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 36px !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin-bottom: 28px !important;
  }
  .footer-hero-cta::before {
    display: none !important;
  }
  .footer-hero-title {
    text-align: center !important;
    font-size: clamp(24px, 6.2vw, 34px) !important;
    line-height: 1.18 !important;
    margin: 0 auto 16px !important;
    max-width: 90% !important;
  }
  .footer-cta-action {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 10px !important;
  }
  .btn-footer-cta {
    min-height: 48px !important;
    padding: 0 28px !important;
    font-size: 14.5px !important;
    margin: 0 auto !important;
  }
  .footer-brand-strip {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 18px !important;
    padding-bottom: 28px !important;
    margin-bottom: 32px !important;
  }
  .footer-brand-left {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }
  .footer-brand-left .brand,
  .footer-brand-left .brand-footer {
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    flex-direction: column !important;
    gap: 10px !important;
  }
  .footer-brand-left .brand-emblem {
    width: 66px !important;
    height: 66px !important;
    margin: 0 auto !important;
    filter: brightness(0) invert(1) drop-shadow(0 2px 10px rgba(255, 255, 255, 0.25)) !important;
  }
  .footer-brand-left .brand-title {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-align: center !important;
  }
  .footer-brand-left .brand-sub {
    font-size: 8.5px !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    opacity: 0.85 !important;
  }
  .footer-brand-right {
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    text-align: center !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .footer-status-pill {
    font-size: 11.5px !important;
    padding: 5px 12px !important;
  }
  .footer-links-matrix {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: 28px !important;
  }
  .footer-links-matrix>div:first-child {
    grid-column: auto !important;
  }
  .footer-nav-col {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .footer-nav-col h4 {
    text-align: center !important;
    font-size: 14.5px !important;
    margin-bottom: 12px !important;
  }
  .footer-sub-col-grid {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    gap: 16px !important;
  }
  .footer-sub-col-grid div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .sub-heading {
    font-size: 11px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }
  .footer-nav-col ul {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .footer-nav-col li {
    text-align: center !important;
  }
  .footer-nav-col li a {
    font-size: 13px !important;
    padding: 3px 0 !important;
  }
  .footer-clinic-col,
  .footer-clinic-content {
    align-items: center !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }
  .clinic-facility-card {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
    flex-direction: column !important;
    margin: 0 auto !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 320px !important;
  }
  .clinic-tag-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    margin: 0 auto 4px !important;
    text-align: center !important;
  }
  .clinic-name {
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 13.5px !important;
  }
  .clinic-address {
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
    font-size: 12.5px !important;
  }
  .clinic-actions-stack {
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 280px !important;
    margin: 12px auto 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .clinic-phone-btn,
  .clinic-map-link {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .clinic-phone-btn div {
    text-align: left !important;
  }
  .footer-social-icons {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: 100% !important;
    gap: 12px 14px !important;
    margin: 14px auto 8px auto !important;
  }
  .footer-social-icons a {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
  }
  .footer-bottom-bar {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 14px !important;
    margin-top: 28px !important;
    padding-top: 20px !important;
    font-size: 11.5px !important;
  }
  .footer-bottom-links {
    justify-content: center !important;
    text-align: center !important;
    gap: 16px !important;
  }
  .footer-designed-by {
    justify-content: center !important;
    text-align: center !important;
  }

  /* Inner Pages Editorial Mobile - Centered Hero & Left-Aligned Body */
  .inner-hero {
    padding: 116px 0 36px !important;
    text-align: center !important;
  }
  .inner-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    text-align: center !important;
  }
  .inner-hero-grid .hero-action-card {
    display: none !important;
  }
  .inner-hero-text {
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }
  .inner-breadcrumb {
    justify-content: center !important;
    text-align: center !important;
    font-size: 11.5px !important;
    margin-bottom: 14px !important;
  }
  .inner-kicker {
    text-align: center !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 6px !important;
  }
  .inner-title {
    font-size: clamp(25px, 6.5vw, 34px) !important;
    line-height: 1.15 !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
  .inner-deck {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    margin: 10px auto 0 !important;
    text-align: center !important;
    max-width: 580px !important;
  }
  .inner-layout {
    gap: 32px !important;
  }
  .page-side {
    grid-template-columns: 1fr !important;
  }
  .mobile-toc-bar {
    padding: 8px 12px !important;
    gap: 6px !important;
  }
  .mobile-toc-pill {
    padding: 5px 12px !important;
    font-size: 12px !important;
  }

  /* Editorial Reading Content - Strictly Left-Aligned & Clean Mobile Spacing */
  .editorial-reading-wrap {
    padding: 24px 0 64px !important;
  }
  .editorial-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  .editorial-sidebar {
    display: none !important;
  }
  .editorial-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
    text-align: left !important;
  }
  .editorial-section {
    margin-bottom: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }
  .editorial-section .section-heading,
  .editorial-content .section-heading,
  .editorial-reading-wrap .section-heading,
  .section-heading {
    text-align: left !important;
    display: block !important;
    margin: 0 0 6px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .editorial-section .eyebrow,
  .editorial-content .eyebrow,
  .editorial-reading-wrap .eyebrow,
  .section-heading .eyebrow {
    text-align: left !important;
    display: inline-block !important;
    margin: 0 0 2px 0 !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
  }
  .editorial-section h2,
  .editorial-content h2,
  .editorial-reading-wrap .section-heading h2,
  .section-heading h2,
  .article-copy h1,
  .article-copy h2 {
    font-size: clamp(20px, 5.2vw, 24px) !important;
    line-height: 1.2 !important;
    text-align: left !important;
    margin: 0 0 6px 0 !important;
    letter-spacing: -0.02em !important;
    width: 100% !important;
  }
  .editorial-section h3,
  .editorial-content h3,
  .section-heading h3,
  .article-copy h3,
  .doctor-hero-details h2 {
    font-size: 17.5px !important;
    line-height: 1.3 !important;
    text-align: left !important;
    margin: 12px 0 6px !important;
  }
  .editorial-section .section-lead,
  .editorial-content .section-lead,
  .editorial-reading-wrap .section-lead,
  .section-heading .section-lead,
  .section-lead,
  .prose p,
  .article-copy p,
  .editorial-section p {
    font-size: 14px !important;
    line-height: 1.58 !important;
    text-align: left !important;
    margin: 0 0 10px 0 !important;
    max-width: 100% !important;
  }
  .article-copy ul,
  .article-copy ol {
    text-align: left !important;
    padding-left: 0 !important;
    margin: 10px 0 16px !important;
  }
  .article-copy li {
    text-align: left !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }
  .pub-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
  .pub-item {
    text-align: left !important;
    padding: 10px 12px !important;
    margin-bottom: 0 !important;
  }
  .pub-title-link {
    text-align: left !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  .pub-meta {
    text-align: left !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
  }
  .pub-badge-pubmed {
    margin-top: 4px !important;
  }
  .doctor-hero-profile {
    padding: 14px !important;
    gap: 12px !important;
    text-align: left !important;
    margin-bottom: 14px !important;
  }
  .doctor-hero-details {
    text-align: left !important;
    align-items: flex-start !important;
  }
  .doctor-hero-details h2 {
    text-align: left !important;
  }
  .doctor-hero-details p {
    text-align: left !important;
    margin-bottom: 8px !important;
  }
  .doctor-facts-grid {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    width: 100% !important;
    text-align: left !important;
  }
  .doctor-fact-item {
    text-align: left !important;
    padding: 7px 10px !important;
  }
  .doctor-fact-item dt,
  .doctor-fact-item dd {
    text-align: left !important;
  }
  .media-feature-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .media-feature-card {
    text-align: left !important;
  }
  .media-feature-body {
    text-align: left !important;
  }
  .media-feature-body p {
    text-align: left !important;
  }
  .card-grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .info-card {
    text-align: left !important;
    padding: 16px !important;
  }
  .inner-cta {
    padding: 20px 16px !important;
    align-items: center !important;
    flex-direction: column !important;
    text-align: center !important;
    margin-top: 24px !important;
  }
  .story-grid,
  .contact-details {
    grid-template-columns: 1fr !important;
    text-align: left !important;
    gap: 10px !important;
  }

  .sitemap-hero-pill {
    display: none !important;
  }

  /* Progressive Blur & Top Scroll Line on Mobile */
  .bottom-progress-blur {
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    height: 56px !important;
    pointer-events: none !important;
    z-index: 998 !important;
    background: linear-gradient(to top, rgba(232, 242, 249, 0.94) 0%, rgba(232, 242, 249, 0.5) 45%, rgba(232, 242, 249, 0) 100%) !important;
    backdrop-filter: blur(18px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%) !important;
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%) !important;
    transition: opacity 0.3s ease, background 0.35s cubic-bezier(0.16, 1, 0.3, 1), backdrop-filter 0.35s ease !important;
  }
  .bottom-progress-blur.theme-dark {
    background: linear-gradient(to top, rgba(18, 18, 18, 0.94) 0%, rgba(18, 18, 18, 0.6) 50%, transparent 100%) !important;
  }
  .scroll-progress-line {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    height: 3px !important;
    z-index: 1005 !important;
    pointer-events: none !important;
    box-shadow: 0 1px 4px rgba(45, 121, 166, 0.3) !important;
  }
}

@media (max-width:560px){
  .container {
    width: min(calc(100% - 36px), var(--container)) !important;
  }
  .hero-video-card.side-card,
  .hero-video-card.center-card {
    width: min(84vw, 280px) !important;
    height: 400px !important;
  }
  .hero-title {
    font-size: clamp(36px, 9.6vw, 48px) !important;
  }
  .hero-lead {
    font-size: 14px !important;
  }
  .consult-form-card {
    padding: 18px 14px !important;
  }
}
@media (prefers-reduced-motion:reduce){.story-card:hover{transform:none}}


/* ==========================================================
   EDITORIAL READING LAYOUT SYSTEM (Right Table of Contents)
   ========================================================== */
.editorial-reading-wrap {
  padding: 56px 0 100px;
  background: var(--paper);
}

.editorial-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 56px;
  align-items: start;
}

/* Left Main Content Column */
.editorial-content {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 52px;
  min-width: 0;
}

/* Right Sticky Navigation / Table of Contents */
.editorial-sidebar {
  order: 2;
  position: sticky;
  top: 96px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  scrollbar-width: thin;
  padding-left: 4px;
}

.toc-card {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 22px;
  box-shadow: none !important;
}

.toc-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.toc-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.toc-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink-soft);
  text-decoration: none;
  transition: all .2s ease;
  position: relative;
  line-height: 1.35;
}

.toc-link i {
  font-size: 12px;
  color: var(--muted);
  transition: color .2s ease, transform .2s ease;
  flex-shrink: 0;
}

.toc-link:hover {
  color: var(--blue);
  background: var(--surface-soft);
}

.toc-link:hover i {
  color: var(--blue);
  transform: translateX(2px);
}

.toc-link.active {
  color: var(--navy-deep);
  font-weight: 600;
  background: var(--surface-soft);
}

.toc-link.active i {
  color: var(--blue);
}

.toc-link.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  background: var(--blue);
  border-radius: 0 4px 4px 0;
}

/* Inner Hero 2-Column Split with Hero Action Card */
.inner-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 48px;
  align-items: center;
}

.inner-hero-text {
  min-width: 0;
}

/* Quick Action Card (Hero & Bottom Mobile) with Happy Couple Background */
.hero-action-card,
.sidebar-action-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-image: linear-gradient(180deg, rgba(8, 26, 38, 0.72) 0%, rgba(5, 18, 27, 0.94) 75%), url('../img/happy-couple.jpg');
  background-size: cover;
  background-position: center top;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 12px 32px rgba(4, 17, 26, 0.16);
  transition: transform .25s ease, box-shadow .25s ease;
}

.hero-action-card:hover,
.sidebar-action-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(4, 17, 26, 0.24);
}

.hero-action-card h4,
.sidebar-action-card h4 {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.01em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.hero-action-card p,
.sidebar-action-card p {
  font-size: 12.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.88);
  margin: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.hero-action-card .btn,
.sidebar-action-card .btn {
  width: 100%;
  font-size: 12.5px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: #ffffff;
  color: #0b2535;
  font-weight: 600;
  border: 1px solid #ffffff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all .2s ease;
}

.hero-action-card .btn:hover,
.sidebar-action-card .btn:hover {
  background: #f0f7fa;
  color: #051a27;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}

.hero-action-card .phone-link,
.sidebar-action-card .phone-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #8ce1ff;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  transition: all .2s ease;
  margin-top: 2px;
}

.hero-action-card .phone-link:hover,
.sidebar-action-card .phone-link:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  transform: translateY(-1px);
  text-decoration: none;
}

[data-theme="dark"] .hero-action-card,
[data-theme="dark"] .sidebar-action-card,
[data-theme="dark"] .mobile-action-card-bottom {
  background: linear-gradient(180deg, rgba(16, 22, 28, 0.93) 0%, rgba(10, 14, 18, 0.97) 100%), url('../img/happy-couple.jpg') !important;
  background-size: cover !important;
  background-position: center top !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .hero-action-card h4,
[data-theme="dark"] .sidebar-action-card h4,
[data-theme="dark"] .mobile-action-card-bottom h4 {
  color: #ffffff !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}

[data-theme="dark"] .hero-action-card p,
[data-theme="dark"] .sidebar-action-card p,
[data-theme="dark"] .mobile-action-card-bottom p {
  color: #cbd5e1 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  text-shadow: none !important;
}

[data-theme="dark"] .hero-action-card .btn,
[data-theme="dark"] .sidebar-action-card .btn,
[data-theme="dark"] .mobile-action-card-bottom .btn {
  background: #ffffff !important;
  color: #0b1e2b !important;
  border: 1px solid #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .hero-action-card .btn:hover,
[data-theme="dark"] .sidebar-action-card .btn:hover,
[data-theme="dark"] .mobile-action-card-bottom .btn:hover {
  background: #f0f7fa !important;
  color: #051a27 !important;
}

[data-theme="dark"] .hero-action-card .phone-link,
[data-theme="dark"] .sidebar-action-card .phone-link,
[data-theme="dark"] .mobile-action-card-bottom .phone-link {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  color: #8ce1ff !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

[data-theme="dark"] .hero-action-card .phone-link:hover,
[data-theme="dark"] .sidebar-action-card .phone-link:hover,
[data-theme="dark"] .mobile-action-card-bottom .phone-link:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
}

/* Mobile Responsiveness for Action Card Placement */
@media (max-width: 820px) {
  .inner-hero-grid {
    display: block;
  }
  .inner-hero .hero-action-card {
    display: none !important;
  }
  .mobile-action-card-bottom {
    display: flex !important;
    margin-top: 24px !important;
    margin-bottom: 16px !important;
    padding: 20px 18px !important;
  }
}

@media (min-width: 821px) {
  .mobile-action-card-bottom {
    display: none !important;
  }
}

/* Sidebar Doctor Profile Card */
.sidebar-doctor-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, border-color .2s ease;
}

.sidebar-doctor-card:hover {
  border-color: rgba(45, 121, 166, 0.3);
}

.sidebar-doctor-media {
  width: 100%;
  height: 200px;
  background: #eef9fc;
  overflow: hidden;
}

.sidebar-doctor-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform .3s ease;
}

.sidebar-doctor-card:hover .sidebar-doctor-media img {
  transform: scale(1.03);
}

.sidebar-doctor-info {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sidebar-doctor-badge {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--blue);
  background: rgba(45, 121, 166, 0.08);
  padding: 3px 8px;
  border-radius: 999px;
  width: fit-content;
}

/* Doctor Hero Profile Layout */
.doctor-hero-profile {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 22px 24px;
  margin-bottom: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.doctor-hero-portrait {
  width: 100%;
  max-width: 210px;
  height: 250px;
  border-radius: 14px;
  overflow: hidden;
  background: #eef9fc;
  box-shadow: 0 6px 18px rgba(4, 17, 26, 0.06);
  border: 1px solid rgba(45, 121, 166, 0.12);
  flex-shrink: 0;
}

.doctor-hero-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

.doctor-hero-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.doctor-hero-details h2 {
  font-size: 22px;
  font-weight: 700;
  color: var(--navy-deep);
  margin: 0;
  letter-spacing: -0.02em;
}

.doctor-hero-details .doctor-title-sub {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--blue);
}

.doctor-hero-details p {
  font-size: 13.5px;
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 2px 0 6px;
}

.doctor-facts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px 12px;
  margin-top: 10px;
}

.doctor-fact-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 12px;
  background: transparent;
  border: 1px solid transparent;
  transition: background-color .2s ease, border-color .2s ease;
}

.doctor-fact-item:hover {
  background: rgba(45, 121, 166, 0.05);
  border-color: rgba(45, 121, 166, 0.12);
}

.doctor-fact-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(45, 121, 166, 0.08);
  color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  margin-top: 2px;
}

.doctor-fact-body {
  flex: 1;
  min-width: 0;
}

.doctor-fact-item dt {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--blue);
  margin-bottom: 2px;
}

.doctor-fact-item dd {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--navy-deep);
  margin: 0;
  line-height: 1.4;
}

/* Custom Document / CV Download Card */
.cv-download-card {
  margin-top: 0 !important;
  padding: 1.35rem 1.6rem;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 16px;
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  max-width: 680px;
}

.cv-download-card:hover {
  border-color: var(--blue);
  box-shadow: 0 6px 20px rgba(45, 121, 166, 0.08);
}

.cv-download-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background: rgba(45, 121, 166, 0.09);
  color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
  margin-top: 2px;
}

.cv-download-info {
  flex: 1;
  min-width: 0;
}

.cv-download-info h3 {
  margin: 0 0 0.35rem;
  font-size: 1.12rem;
  font-weight: 700;
  color: var(--navy-deep);
}

.cv-download-info p {
  margin: 0 0 1rem;
  color: var(--ink-soft);
  font-size: 0.92rem;
  line-height: 1.5;
}

.cv-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 9px 18px;
  border-radius: 9px;
  background: var(--navy-deep);
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.cv-download-btn:hover {
  background: var(--blue);
  color: #ffffff;
  transform: translateY(-1px);
}

/* Patient Next Steps Block Spacing */
.prose-next-step {
  margin-top: 0 !important;
  padding: 20px 24px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 16px;
  max-width: 680px;
}

.prose-next-step h3 {
  font-size: 1.18rem;
  font-weight: 700;
  color: var(--navy-deep);
  margin: 0 0 4px 0;
}

.prose-next-step p {
  color: var(--ink-soft);
  font-size: 0.92rem;
  line-height: 1.5;
  margin: 0 0 14px 0;
}

/* Doctor Cards Grid on About Page */
.doctor-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 14px;
}

.doctor-profile-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.doctor-profile-card:hover {
  transform: translateY(-3px);
  border-color: var(--blue);
  box-shadow: 0 8px 24px rgba(45, 121, 166, 0.1);
}

.doctor-card-media {
  width: 100%;
  height: 260px;
  background: #eef9fc;
  overflow: hidden;
}

.doctor-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.35s ease;
}

.doctor-card-media img[src*="cahd"],
.doctor-hero-portrait img[src*="cahd"],
.sidebar-doctor-media img[src*="cahd"] {
  object-position: center 30% !important;
}

.doctor-profile-card:hover .doctor-card-media img {
  transform: scale(1.04);
}

.doctor-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

.doctor-card-badge {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--blue);
  background: rgba(45, 121, 166, 0.09);
  padding: 3px 10px;
  border-radius: 999px;
  width: fit-content;
}

.doctor-card-body h3 {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--navy-deep);
  margin: 4px 0 2px;
}

.doctor-card-sub {
  font-size: 0.88rem;
  color: var(--ink-soft);
  margin: 0 0 16px;
  line-height: 1.45;
}

.doctor-card-btn {
  margin-top: auto;
  width: 100%;
  justify-content: center;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .doctor-hero-profile {
    grid-template-columns: 1fr;
    padding: 20px 16px;
    gap: 20px;
  }
  .doctor-hero-portrait {
    width: 100%;
    max-width: 300px;
    height: 340px;
    margin: 0 auto 6px;
    border-radius: 16px;
  }
  .doctor-card-media {
    height: 280px;
  }
  .doctor-facts-grid {
    grid-template-columns: 1fr;
  }
  .doctor-cards-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .cv-download-card {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 16px;
    gap: 12px;
  }
  .cv-download-icon {
    width: 44px;
    height: 44px;
    font-size: 22px;
    border-radius: 10px;
  }
  .cv-download-info {
    width: 100%;
    min-width: 0;
  }
  .cv-download-info h3 {
    font-size: 1.05rem;
    margin-bottom: 0.25rem;
  }
  .cv-download-info p {
    font-size: 0.88rem;
    margin-bottom: 1rem;
    line-height: 1.45;
  }
  .cv-download-btn {
    width: 100%;
    justify-content: center;
    padding: 11px 16px;
    font-size: 0.88rem;
  }
  .prose-next-step {
    padding: 16px !important;
    margin-top: 0 !important;
  }
  .prose-next-step h3 {
    font-size: 1.1rem !important;
  }
  .prose-next-step p {
    font-size: 0.88rem !important;
    margin-bottom: 1rem !important;
  }
  .next-step-actions {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 8px !important;
  }
  .next-step-actions .btn {
    width: 100% !important;
    justify-content: center !important;
    min-height: 44px !important;
    font-size: 13.5px !important;
  }
}

/* Video & Podcast Media Features */
.media-feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  margin: 24px 0;
}

.media-feature-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 18px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.media-feature-card .media-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  gap: 10px;
}

.media-feature-card .media-header i {
  font-size: 18px;
  color: var(--blue);
}

.media-feature-card .media-header h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--navy-deep);
  margin: 0;
}

.media-feature-body {
  padding: 18px 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.media-feature-body p {
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.5;
  margin: 0;
}

.media-embed-wrap {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
}

.media-embed-wrap iframe {
  width: 100%;
  border: 0;
  display: block;
}

/* Patient Testimonial Quote Cards */
.doctor-quotes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin: 24px 0;
}

.doctor-quote-card {
  background: var(--surface-soft);
  border: 1px solid var(--line);
  border-left: 4px solid var(--blue);
  border-radius: 14px;
  padding: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.doctor-quote-card .quote-icon {
  font-size: 24px;
  color: var(--blue);
  opacity: 0.3;
  margin-bottom: 8px;
}

.doctor-quote-card blockquote {
  font-size: 13.5px;
  font-style: italic;
  line-height: 1.6;
  color: var(--navy-deep);
  margin: 0 0 12px;
}

.doctor-quote-card .quote-author {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--blue);
  align-self: flex-end;
}

/* Publications & Research Lists */
.pub-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0;
}

.pub-item {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px 18px;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pub-item:hover {
  border-color: rgba(45, 121, 166, 0.35);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  transform: translateY(-1px);
}

.pub-title-link {
  font-size: 14px;
  font-weight: 600;
  color: var(--navy-deep);
  text-decoration: none;
  line-height: 1.45;
  transition: color .2s ease;
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}

.pub-title-link:hover {
  color: var(--blue);
}

.pub-title-link i {
  font-size: 11px;
  color: var(--blue);
  flex-shrink: 0;
}

.pub-meta {
  font-size: 12.5px;
  color: var(--ink-soft);
  line-height: 1.45;
}

.pub-meta strong {
  color: var(--blue);
  font-weight: 600;
}

.pub-badge-pubmed {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #0b5394;
  background: rgba(11, 83, 148, 0.08);
  padding: 2px 8px;
  border-radius: 4px;
  width: fit-content;
  margin-top: 4px;
  text-decoration: none;
}

.pub-badge-pubmed:hover {
  background: rgba(11, 83, 148, 0.16);
}

[data-theme="dark"] .pub-badge-pubmed {
  color: #8ce1ff;
  background: rgba(140, 225, 255, 0.12);
}

.sidebar-doctor-info h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--navy-deep);
  margin: 4px 0 0;
}

.sidebar-doctor-info p {
  font-size: 12px;
  color: var(--muted);
  line-height: 1.45;
  margin: 0 0 10px;
}

.sidebar-doctor-info .btn-outline-clean {
  width: 100%;
  min-height: 38px;
  padding: 0 14px;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: var(--navy-deep);
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  transition: all .2s ease;
}

.sidebar-doctor-info .btn-outline-clean:hover {
  background: var(--navy-deep);
  color: #ffffff;
  border-color: var(--navy-deep);
}

[data-theme="dark"] .sidebar-doctor-card {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .sidebar-doctor-media {
  background: #121212 !important;
}

[data-theme="dark"] .sidebar-doctor-badge {
  background: rgba(107, 200, 236, 0.15) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .sidebar-doctor-info h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .sidebar-doctor-info p {
  color: rgba(255, 255, 255, 0.65) !important;
}

[data-theme="dark"] .sidebar-doctor-info .btn-outline-clean {
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .sidebar-doctor-info .btn-outline-clean:hover {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: #ffffff !important;
}

/* Mobile Quick Navigation Pill Bar */
.mobile-toc-bar {
  display: none;
  background: #ffffff;
  border-bottom: 1px solid var(--line);
  padding: 10px 16px;
  position: sticky;
  top: 66px;
  z-index: 90;
  overflow-x: auto;
  white-space: nowrap;
  gap: 8px;
  scrollbar-width: none;
}

.mobile-toc-bar::-webkit-scrollbar {
  display: none;
}

.mobile-toc-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--ink-soft);
  background: var(--surface-soft);
  text-decoration: none;
  border: 1px solid var(--line);
  flex-shrink: 0;
  transition: all .2s ease;
}

.mobile-toc-pill.active {
  background: var(--navy-deep);
  color: #ffffff;
  border-color: var(--navy-deep);
}

/* Main Content Sections */

.editorial-section {
  scroll-margin-top: 110px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.editorial-section h2 {
  font-size: clamp(26px, 3.2vw, 38px);
  font-weight: 600 !important;
  letter-spacing: -.03em;
  line-height: 1.15;
  color: var(--navy-deep);
  margin: 0;
}

.editorial-section h3 {
  font-size: 20px;
  font-weight: 600 !important;
  color: var(--navy-deep);
  margin: 12px 0 6px;
}

.editorial-section p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--ink-soft);
  margin: 0;
}

.editorial-key-points {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-top: 8px;
}

.key-point-card {
  padding: 20px;
  border-radius: 14px;
  background: var(--surface-soft);
  border: 1px solid var(--line-soft);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.key-point-card strong {
  font-size: 14px;
  font-weight: 600;
  color: var(--navy-deep);
}

.key-point-card span {
  font-size: 13px;
  line-height: 1.55;
  color: var(--ink-soft);
}

/* Dark Mode Support for Editorial Layout */
[data-theme="dark"] .editorial-reading-wrap {
  background: #121212 !important;
}

[data-theme="dark"] .toc-card {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .toc-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .toc-link {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] .toc-link:hover,
[data-theme="dark"] .toc-link.active {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .editorial-section h2,
[data-theme="dark"] .editorial-section h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .editorial-section p {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Dark Mode Support for Key Points & Stat Cards */
[data-theme="dark"] .key-point-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
}

[data-theme="dark"] .key-point-card strong {
  color: #ffffff !important;
  font-size: 14.5px !important;
}

[data-theme="dark"] .key-point-card span {
  color: #a0b3c6 !important;
  font-size: 13px !important;
}

/* Dark Mode Support for Info Cards & Resource Grid */
[data-theme="dark"] .card-grid {
  border: none !important;
  gap: 16px !important;
}

[data-theme="dark"] .info-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 24px 22px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="dark"] .info-card:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(107, 200, 236, 0.45) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .info-card h3 {
  color: #ffffff !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
}

[data-theme="dark"] .info-card p {
  color: #a0b3c6 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
}

[data-theme="dark"] .info-card span {
  color: #6bc8ec !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

[data-theme="dark"] .info-card:hover span {
  color: #9fe2f7 !important;
}

/* Dark Mode Support for Pathway Cards */
[data-theme="dark"] .path-grid {
  gap: 16px !important;
}

[data-theme="dark"] .path-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="dark"] .path-card:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(107, 200, 236, 0.45) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .path-card > span {
  color: #6bc8ec !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .path-card h3 {
  color: #ffffff !important;
  font-size: 20px !important;
  margin: 18px 0 10px !important;
}

[data-theme="dark"] .path-card p {
  color: #a0b3c6 !important;
  font-size: 14px !important;
}

[data-theme="dark"] .path-card b {
  color: #6bc8ec !important;
  font-weight: 700 !important;
}

/* Dark Mode Support for Inset Banner Boxes */
[data-theme="dark"] div[style*="background: rgba(107, 200, 236"],
[data-theme="dark"] .note-box,
[data-theme="dark"] .callout-box {
  background: rgba(107, 200, 236, 0.08) !important;
  border-left-color: #6bc8ec !important;
  color: #ffffff !important;
}

[data-theme="dark"] div[style*="background: rgba(107, 200, 236"] h4 {
  color: #ffffff !important;
}

[data-theme="dark"] div[style*="background: rgba(107, 200, 236"] p {
  color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="dark"] .mobile-toc-bar {
  background: #181818 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .mobile-toc-pill {
  background: #202020 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .mobile-toc-pill.active {
  background: #ffffff !important;
  color: #000000 !important;
}

@media (max-width: 1024px) {
  .editorial-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .editorial-sidebar {
    display: none;
  }
  .mobile-toc-bar {
    display: flex;
  }
}

.content-section{padding:88px 0;background:var(--paper)}
.content-section.tint{background:var(--ice);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.content-section.compact{padding:46px 0}
.content-section .narrow{max-width:820px}
.section-heading{max-width:850px;margin-bottom:40px}.section-heading h2,.content-section h2{font-family:var(--font);font-size:clamp(34px,4vw,54px);font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;color:var(--navy-deep)}
.section-lead,.prose p{font-size:16.5px;line-height:1.82;color:var(--ink-soft);max-width:760px}.prose p{margin:0 0 20px}.prose p:last-child{margin-bottom:0}.prose a:not(.btn){color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.content-section h3{font-family:var(--font);font-weight:600;letter-spacing:-.02em;color:var(--navy-deep)}
.card-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 18px !important;
  border: none !important;
  width: 100% !important;
  margin: 1.25rem 0 !important;
}

.info-card {
  padding: 24px 22px !important;
  min-height: 180px;
  background: #ffffff !important;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08)) !important;
  border-radius: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
  text-decoration: none !important;
  color: inherit !important;
  box-sizing: border-box !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Insurance & Network Plan Badges (Compact & Perfectly Sized) */
.insurance-badge-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  margin: 1.5rem 0 !important;
}

.insurance-badge-card {
  background: #ffffff !important;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08)) !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.2s ease !important;
  min-height: auto !important;
}

.insurance-badge-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(45, 121, 166, 0.35) !important;
  box-shadow: 0 6px 16px rgba(6, 40, 62, 0.06) !important;
}

.insurance-badge-card h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--navy-deep, #06283e) !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.insurance-badge-card p {
  font-size: 12.5px !important;
  color: var(--ink-soft, #475569) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

[data-theme="dark"] .insurance-badge-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .insurance-badge-card:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(107, 200, 236, 0.4) !important;
}

[data-theme="dark"] .insurance-badge-card h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .insurance-badge-card p {
  color: #a0b3c6 !important;
}

.info-card:hover {
  background: #ffffff !important;
  border-color: rgba(45, 121, 166, 0.4) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 24px rgba(6, 40, 62, 0.08) !important;
}

.info-card h3 {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: var(--navy-deep, #06283e) !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

.info-card p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--ink-soft, #475569) !important;
  flex: 1 !important;
  margin: 0 0 16px 0 !important;
}

.info-card span {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--blue, #2d79a6) !important;
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.path-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;min-height:270px;display:flex;flex-direction:column;transition:border-color .2s ease,transform .25s var(--ease)}.path-card:hover{border-color:#9dcfe1;transform:translateY(-2px)}.path-card>span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:600}.path-card h3{font-size:28px;margin:28px 0 12px}.path-card p{font-size:14px;line-height:1.65;color:var(--ink-soft);flex:1}.path-card b{font-size:13px;color:var(--blue);font-weight:600}
.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:76px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.step-num{font-size:24px;font-weight:500;color:var(--sky)}.step h3{font-size:20px;margin:0 0 7px}.step p{margin:0;color:var(--ink-soft);max-width:760px;line-height:1.75}
.cta-band:not(section){background:var(--navy-deep);color:#fff;border-radius:22px;padding:40px;display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.cta-band:not(section) h2{color:#fff;font-size:clamp(32px,4vw,48px);margin-bottom:10px}.cta-band:not(section) p{margin:0;color:rgba(255,255,255,.72);max-width:650px}.cta-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}

/* Scoped Ghost Button (only white inside dark backgrounds) */
.cta-band .button-ghost,
.cta-actions .button-ghost,
.inner-hero .button-ghost,
.hero .button-ghost,
.editorial-section:has(.cta-actions) .button-ghost,
.editorial-section#not-sure-where-you-fit .button-ghost,
.footer-wrap .button-ghost {
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* Standard In-Content Outline Buttons (High-Contrast in Light Mode) */
.btn-outline,
p .content-btn,
div > .content-btn.btn-outline {
  border: 1.5px solid #2d79a6 !important;
  color: #2d79a6 !important;
  background: transparent !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.btn-outline:hover,
p .content-btn:hover,
div > .content-btn.btn-outline:hover {
  background: rgba(45, 121, 166, 0.08) !important;
  border-color: #06283e !important;
  color: #06283e !important;
}
.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.metrics-grid article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:150px;background:rgba(255,255,255,.5);display:flex;flex-direction:column;justify-content:space-between}.metrics-grid strong{font-size:42px;font-weight:400;letter-spacing:-.04em;line-height:1;color:var(--navy-deep)}.metrics-grid span{font-size:13px;color:var(--ink-soft);max-width:220px}
.page-tabs{display:flex;gap:8px;padding-top:30px;overflow:auto}.page-tabs a{white-space:nowrap;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:12.5px;font-weight:600}.page-tabs a:hover{border-color:#9dcfe1;color:var(--blue)}.button-row{display:flex;gap:10px;flex-wrap:wrap}.content-btn{margin-top:4px}
.profile-layout{display:grid;grid-template-columns:360px 1fr;gap:70px;align-items:start}.profile-facts{margin:0;border-top:1px solid var(--line)}.profile-facts>div{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:20px 0;border-bottom:1px solid var(--line)}.profile-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--blue)}.profile-facts dd{margin:0;font-size:16px;color:var(--ink-soft)}
.note-box{border-left:3px solid var(--sky);padding:26px 28px;background:#fff}.note-box h2{font-size:34px}.note-box p{margin:0;color:var(--ink-soft)}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(2,1fr)}.path-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.profile-layout{gap:42px}.faq-layout{gap:42px}}
@media(max-width:820px){.content-section{padding:68px 0}.split-layout,.faq-layout,.cta-band,.profile-layout,.contact-grid{grid-template-columns:1fr;gap:34px}.split-layout .media-frame{order:-1}.path-grid,.metrics-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.step{grid-template-columns:48px 1fr}.cta-band{padding:28px}.cta-actions{justify-content:flex-start}.profile-facts>div{grid-template-columns:1fr;gap:5px}.contact-info{position:static}.form-two{grid-template-columns:1fr}.hero-note{margin-top:0;border-radius:0;border-left:0;border-right:0;justify-content:flex-start}.page-tabs{padding-top:22px}}

/* ==========================================================
   VCRM SITE-WIDE LUXURY DARK THEME SYSTEM
   #121212 base palette + clean white accents + preserved dark blue sections
   ========================================================== */

/* Theme Transition */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, fill 0.3s ease;
  transition-delay: 0s !important;
}

/* Theme Toggle Button (Desktop Header) */
.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: rgba(45, 121, 166, 0.08);
  color: var(--navy-deep);
  cursor: pointer;
  padding: 0;
  position: relative;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
  flex-shrink: 0;
  transform: none !important;
}

.theme-toggle-btn:hover {
  background: rgba(45, 121, 166, 0.16);
  border-color: var(--blue);
  color: var(--navy-deep);
  transform: none !important;
}

.theme-toggle-btn svg,
.mobile-theme-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.theme-toggle-btn .light-icon,
.mobile-theme-btn .light-icon {
  display: none !important;
}

.theme-toggle-btn .dark-icon,
.mobile-theme-btn .dark-icon {
  display: inline-flex !important;
  font-size: 15px;
  line-height: 1;
}

/* Mobile Menu Theme Button */
.mobile-theme-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* ==========================================================
   #121212 DARK THEME TOKENS & OVERRIDES (WHITE ACCENTS)
   ========================================================== */

/* ==========================================================
   #121212 DARK THEME TOKENS & OVERRIDES (WHITE ACCENTS)
   ========================================================== */

[data-theme="dark"] {
  --ink: #f5f5f5;
  --ink-soft: #b3b3b3;
  --navy: #1e1e1e;
  --navy-deep: #121212;
  --blue: #ffffff;
  --blue-mid: #ffffff;
  --sky: #ffffff;
  --sky-soft: rgba(255, 255, 255, 0.12);
  --ice: #181818;
  --paper: #121212;
  --white: #1e1e1e;
  --surface: #1e1e1e;
  --surface-soft: #252525;
  --muted: #888888;
  --line: rgba(255, 255, 255, 0.1);
  --line-soft: rgba(255, 255, 255, 0.06);
  color-scheme: dark;
}

/* Dark Mode Scrollbars */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #121212;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2c2c2c;
  border-radius: 5px;
  border: 2px solid #121212;
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #3e3e3e;
}

/* Base Body & Global Typography Fallbacks */
[data-theme="dark"] body {
  background: var(--paper);
  color: var(--ink);
}

[data-theme="dark"] ::selection {
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #f5f5f5;
}

[data-theme="dark"] .display,
[data-theme="dark"] .section-title {
  color: #f5f5f5 !important;
}

[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] dd {
  color: #cccccc;
}

[data-theme="dark"] strong,
[data-theme="dark"] b {
  color: #ffffff;
}

[data-theme="dark"] .eyebrow,
[data-theme="dark"] .kicker,
[data-theme="dark"] .section-kicker,
[data-theme="dark"] .inner-kicker,
[data-theme="dark"] .hero-eyebrow {
  color: #ffffff !important;
}

[data-theme="dark"] .section-copy,
[data-theme="dark"] .section-lead,
[data-theme="dark"] .lead {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .muted,
[data-theme="dark"] small {
  color: #888888;
}

[data-theme="dark"] .rule {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] hr {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Theme Toggle Button in Dark Mode */
[data-theme="dark"] .theme-toggle-btn {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  color: #f5f5f5;
}

[data-theme="dark"] .theme-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: #ffffff;
  color: #ffffff;
  box-shadow: none !important;
}

[data-theme="dark"] .theme-toggle-btn .dark-icon,
[data-theme="dark"] .mobile-theme-btn .dark-icon {
  display: none !important;
}

[data-theme="dark"] .theme-toggle-btn .light-icon,
[data-theme="dark"] .mobile-theme-btn .light-icon {
  display: inline-flex !important;
  color: #ffd166;
}

/* White Buttons in Dark Mode */
[data-theme="dark"] .btn-primary,
[data-theme="dark"] .btn-hero-primary,
[data-theme="dark"] .nav-cta,
[data-theme="dark"] .btn-submit-consult,
[data-theme="dark"] .content-btn {
  background: #ffffff !important;
  color: #121212 !important;
  font-weight: 600 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-hero-primary:hover,
[data-theme="dark"] .nav-cta:hover,
[data-theme="dark"] .btn-submit-consult:hover,
[data-theme="dark"] .content-btn:hover {
  background: #e6e6e6 !important;
  border-color: #e6e6e6 !important;
  color: #121212 !important;
  box-shadow: none !important;
}

[data-theme="dark"] .btn-outline,
[data-theme="dark"] .btn-hero-secondary,
[data-theme="dark"] .button-ghost {
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #f5f5f5 !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .btn-outline:hover,
[data-theme="dark"] .btn-hero-secondary:hover,
[data-theme="dark"] .button-ghost:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

[data-theme="dark"] .btn-light {
  background: #252525 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .btn-light:hover {
  background: #333333 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* Links & Link Arrows */
[data-theme="dark"] .link-arrow {
  color: #ffffff !important;
}

[data-theme="dark"] .link-arrow i {
  color: #ffffff !important;
}

/* ==========================================================
   PURE DARK BLACK HEADER & NAVIGATION
   ========================================================== */

[data-theme="dark"] .site-header {
  pointer-events: none;
}

@media (min-width: 821px) {
  [data-theme="dark"] .site-header .nav-wrap {
    background: rgba(18, 18, 18, 0.92) !important;
    border-bottom: none !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  [data-theme="dark"] .nav-shell {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: 0 !important;
  }

  /* Scrolled Nav Floating Capsule on Desktop - Pure Dark Black */
  [data-theme="dark"] .site-header.scrolled .nav-wrap {
    padding: 12px 20px 0 !important;
    background: transparent !important;
    border-bottom: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  [data-theme="dark"] .site-header.scrolled .nav-shell {
    height: 62px !important;
    max-width: 1060px !important;
    width: min(calc(100% - 32px), 1060px) !important;
    border-radius: 14px !important;
    background: rgba(18, 18, 18, 0.96) !important;
    backdrop-filter: blur(24px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    padding: 0 14px 0 18px !important;
  }
}

[data-theme="dark"] .nav-menu-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .nav-menu-btn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .site-header .brand-title {
  color: #ffffff !important;
}

[data-theme="dark"] .site-header .brand-sub {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] .site-header .brand-emblem {
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}

[data-theme="dark"] .nav-link,
[data-theme="dark"] .nav-trigger {
  color: rgba(245, 245, 245, 0.9) !important;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-trigger:hover,
[data-theme="dark"] .nav-trigger[aria-expanded="true"] {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .nav-link::after,
[data-theme="dark"] .nav-trigger::after {
  background: #ffffff !important;
}

[data-theme="dark"] .nav-item.highlight .nav-trigger {
  color: #ffffff !important;
}

[data-theme="dark"] .nav-badge-pill {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

/* Dropdowns in Dark Mode */
[data-theme="dark"] .dropdown {
  background: rgba(20, 20, 20, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .dropdown-col-title {
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .dropdown a {
  color: rgba(245, 245, 245, 0.85) !important;
}

[data-theme="dark"] .dropdown a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .dropdown a i {
  color: rgba(255, 255, 255, 0.45) !important;
}

[data-theme="dark"] .dropdown a:hover i {
  color: #ffffff !important;
}

[data-theme="dark"] .dropdown .item-pill {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .nav-search-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #e0e0e0 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

[data-theme="dark"] .nav-search-btn:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="dark"] .nav-search-btn .search-key-badge {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .nav-phone-btn {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .nav-phone-btn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

/* Mobile Menu Drawer in Dark Mode */
[data-theme="dark"] .mobile-toggle {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .mobile-toggle:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .mobile-menu {
  background: #121212 !important;
}

[data-theme="dark"] .mobile-menu nav {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .mobile-menu-section {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .mobile-menu-title {
  color: #ffffff !important;
}

[data-theme="dark"] .mobile-menu a {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .mobile-menu a:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .mobile-menu .mobile-small {
  color: #888888 !important;
}

[data-theme="dark"] .mobile-actions .btn.btn-primary {
  background: #ffffff !important;
  color: #121212 !important;
  font-weight: 700 !important;
  border: 1px solid #ffffff !important;
}

[data-theme="dark"] .mobile-actions .btn.btn-primary:hover {
  background: #f0f7fa !important;
  color: #051a27 !important;
}

[data-theme="dark"] .mobile-actions .btn.btn-outline {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

[data-theme="dark"] .mobile-actions .btn.btn-outline:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .mobile-actions .mobile-theme-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .mobile-actions .mobile-theme-btn .theme-label-text {
  color: #ffffff !important;
}

/* Announcement Bar - Pure Dark Black */
.announcement,
[data-theme="dark"] .announcement {
  background: #121212 !important;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .announcement-badge {
  color: rgba(255, 255, 255, 0.92) !important;
}

[data-theme="dark"] .announcement-badge strong {
  color: #ffffff !important;
}

[data-theme="dark"] .announcement-badge i {
  color: #ffffff !important;
}

[data-theme="dark"] .announcement-badge a {
  color: #ffffff !important;
}

[data-theme="dark"] .announcement-links a {
  color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .announcement-links a:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .announcement-links .dot-sep {
  background: rgba(255, 255, 255, 0.3) !important;
}

/* Homepage Hero in Dark Mode */
[data-theme="dark"] .hero {
  background: #121212 !important;
}

[data-theme="dark"] .hero-glow-1 {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 70%) !important;
}

[data-theme="dark"] .hero-title {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .hero-title-accent {
  background: linear-gradient(135deg, #ffffff 0%, #d8d8d8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

[data-theme="dark"] .hero-badge-pill {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .pulse-dot {
  background: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="dark"] .hero-lead {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .hero-trust-strip {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .trust-check {
  color: #ffffff !important;
}

[data-theme="dark"] .trust-dot {
  background: rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .hero-video-card {
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .card-tag-badge {
  background: rgba(20, 20, 20, 0.85) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .center-live-badge {
  background: rgba(20, 20, 20, 0.9) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .pulse-ring {
  background: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="dark"] .caption-tag {
  color: #ffffff !important;
}

[data-theme="dark"] .caption-title {
  color: #ffffff !important;
}

[data-theme="dark"] .video-play-btn {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .sound-toggle-btn {
  background: rgba(20, 20, 20, 0.85) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .stage-dot {
  background: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .stage-dot.active {
  background: #ffffff !important;
}

/* Recognition Strip in Dark Mode */
[data-theme="dark"] .recognition-strip {
  background: #181818 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .recognition-icon {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .recognition-item strong {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .recognition-item span {
  color: #888888 !important;
}

/* Treatment Finder in Dark Mode - Seamless & Non-Boxy */
[data-theme="dark"] .finder {
  background: #121212 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .finder-head h2 {
  color: #ffffff !important;
}

[data-theme="dark"] .finder-head .eyebrow {
  color: #ffffff !important;
}

[data-theme="dark"] .finder-head .section-copy {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .finder-list {
  background: transparent !important;
  border: none !important;
}

[data-theme="dark"] .finder-option {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: #999999 !important;
}

[data-theme="dark"] .finder-option:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .finder-option.active,
[data-theme="dark"] .finder-option[aria-pressed="true"] {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
}

[data-theme="dark"] .finder-option .option-icon {
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .finder-option .option-icon i {
  color: #888888 !important;
}

[data-theme="dark"] .finder-option.active .option-icon,
[data-theme="dark"] .finder-option[aria-pressed="true"] .option-icon {
  background: #ffffff !important;
}

[data-theme="dark"] .finder-option.active .option-icon i,
[data-theme="dark"] .finder-option[aria-pressed="true"] .option-icon i {
  color: #121212 !important;
}

[data-theme="dark"] .finder-option .option-tag {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #777777 !important;
}

[data-theme="dark"] .finder-option.active .option-tag,
[data-theme="dark"] .finder-option[aria-pressed="true"] .option-tag {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .finder-item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .finder-item.active {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .finder-drawer-inner {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .finder-drawer-text h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .finder-drawer-text p {
  color: rgba(255, 255, 255, 0.78) !important;
}

[data-theme="dark"] .finder-panel {
  background: transparent !important;
  border: none !important;
}

[data-theme="dark"] .finder-image {
  background: #181818 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .finder-content {
  background: transparent !important;
}

[data-theme="dark"] .finder-title {
  color: #ffffff !important;
}

[data-theme="dark"] .finder-text {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .finder-content .eyebrow {
  color: #ffffff !important;
}

[data-theme="dark"] .finder-footer {
  border: none !important;
}

/* ==========================================================
   PURE DARK BLACK DOCTOR SECTION & FOOTER
   ========================================================== */

/* Doctor Section - Pure Dark Black (#121212 System) */
.doctor,
[data-theme="dark"] .doctor {
  background: #121212 !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .doctor h2,
[data-theme="dark"] .doctor .eyebrow {
  color: #ffffff !important;
}

[data-theme="dark"] .doctor-intro {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .pillar-card {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .pillar-card:hover {
  background: transparent !important;
  border-bottom-color: rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .pillar-num {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .pillar-info strong {
  color: #ffffff !important;
}

[data-theme="dark"] .pillar-info p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .doctor-photo-badge {
  background: rgba(22, 22, 22, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .doctor-photo-badge strong {
  color: #ffffff !important;
}

[data-theme="dark"] .doctor-photo-badge span {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .doctor-actions .btn-outline {
  background: #252525 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .doctor-actions .btn-outline:hover {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .doctor-actions a {
  color: #ffffff !important;
}

[data-theme="dark"] .masonry-bottom-fade {
  background: linear-gradient(to top, rgba(18, 18, 18, 0.96) 0%, rgba(18, 18, 18, 0.82) 40%, rgba(18, 18, 18, 0.35) 75%, rgba(18, 18, 18, 0) 100%) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Deep Directory Footer - Pure Dark Black (#121212 System) */
.footer-wrap,
[data-theme="dark"] .footer-wrap {
  background: #121212 !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top-left-radius: 28px !important;
  border-top-right-radius: 28px !important;
}

[data-theme="dark"] .footer-hero-title {
  color: #ffffff !important;
}

[data-theme="dark"] .footer-gradient-text {
  background: linear-gradient(135deg, #ffffff 0%, #d8d8d8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

[data-theme="dark"] .btn-footer-cta {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .btn-footer-cta:hover {
  background: #e6e6e6 !important;
  color: #121212 !important;
}

[data-theme="dark"] .footer-nav-col h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .footer-nav-col .sub-heading {
  color: #ffffff !important;
}

[data-theme="dark"] .footer-nav-col a {
  color: rgba(255, 255, 255, 0.72) !important;
}

[data-theme="dark"] .footer-nav-col a:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .clinic-facility-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

[data-theme="dark"] .clinic-tag-pill {
  background: rgba(107, 200, 236, 0.15) !important;
  color: #6bc8ec !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(107, 200, 236, 0.25) !important;
  width: fit-content !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}

[data-theme="dark"] .clinic-name {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

[data-theme="dark"] .clinic-address {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

[data-theme="dark"] .clinic-phone-btn {
  background: #252525 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .clinic-phone-btn:hover {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .clinic-map-link {
  background: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="dark"] .clinic-map-link:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .footer-status-pill {
  background: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="dark"] .footer-status-pill:hover {
  background: #252525 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .footer-bottom-bar {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

[data-theme="dark"] .footer-bottom-links a {
  color: rgba(255, 255, 255, 0.6) !important;
}

[data-theme="dark"] .footer-bottom-links a:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .footer-designed-by {
  color: rgba(255, 255, 255, 0.6) !important;
}

[data-theme="dark"] .solora-brand-link {
  color: #ffffff !important;
}

[data-theme="dark"] .footer-brand-strip {
  border: none !important;
}

/* Inner CTA & CTA Bands - Pure Dark Black */
.inner-cta:not(section),
.cta-band:not(section),
[data-theme="dark"] .inner-cta:not(section),
[data-theme="dark"] .cta-band:not(section) {
  background: #181818 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

[data-theme="dark"] .inner-cta h2,
[data-theme="dark"] .cta-band h2 {
  color: #ffffff !important;
}

[data-theme="dark"] .inner-cta p,
[data-theme="dark"] .cta-band p {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* Floating Social Pill - Pure Dark Black */
[data-theme="dark"] .floating-social-pill {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .pill-avatars img {
  border-color: #181818 !important;
  background: #1e1e1e !important;
}

[data-theme="dark"] .pill-title {
  color: #ffffff !important;
}

[data-theme="dark"] .pill-btn {
  background: #ffffff !important;
  color: #121212 !important;
}

/* ==========================================================
   PATIENT STORIES, HONORS, FORM ON #121212
   ========================================================== */

/* Patient Stories Masonry in Dark Mode */
[data-theme="dark"] .stories-wall {
  background: #121212 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .stories-wall-head h2 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .stories-wall-head .eyebrow {
  color: #ffffff !important;
}

[data-theme="dark"] .review-card,
[data-theme="dark"] .card-note,
[data-theme="dark"] .card-tweet,
[data-theme="dark"] .card-rating,
[data-theme="dark"] .card-image-story {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .review-card:hover,
[data-theme="dark"] .card-note:hover,
[data-theme="dark"] .card-tweet:hover,
[data-theme="dark"] .card-rating:hover,
[data-theme="dark"] .card-image-story:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .card-divider {
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .card-text {
  color: #cccccc !important;
}

[data-theme="dark"] .card-highlight {
  color: #ffffff !important;
}

[data-theme="dark"] .author-avatar,
[data-theme="dark"] .author-avatar-sm {
  background: #252525 !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .author-info strong {
  color: #ffffff !important;
}

[data-theme="dark"] .author-info span {
  color: #888888 !important;
}

[data-theme="dark"] .rating-head strong {
  color: #ffffff !important;
}

[data-theme="dark"] .rating-meta {
  color: #888888 !important;
}

[data-theme="dark"] .note-date,
[data-theme="dark"] .note-to {
  color: #888888 !important;
}

[data-theme="dark"] .note-subject,
[data-theme="dark"] .note-author {
  color: #ffffff !important;
}

[data-theme="dark"] .story-photo-frame {
  background: #252525 !important;
}

[data-theme="dark"] .masonry-bottom-fade {
  background: linear-gradient(to top, rgba(18, 18, 18, 0.98) 0%, rgba(18, 18, 18, 0.88) 40%, rgba(18, 18, 18, 0.35) 75%, rgba(18, 18, 18, 0) 100%) !important;
}

/* Honors & 3D Magazine Deck in Dark Mode */
[data-theme="dark"] .honors {
  background: #121212 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .honors-content h2 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .honors-content .eyebrow {
  color: #ffffff !important;
}

[data-theme="dark"] .honors-desc {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .honor-badge-card {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .honor-badge-card:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .honor-badge-info strong {
  color: #ffffff !important;
}

[data-theme="dark"] .honor-badge-info span {
  color: #888888 !important;
}

[data-theme="dark"] .honor-badge-card:nth-child(1) .honor-badge-img,
[data-theme="dark"] .honor-badge-card:nth-child(2) .honor-badge-img,
[data-theme="dark"] .honor-badge-card:nth-child(4) .honor-badge-img {
  filter: none !important;
  opacity: 1 !important;
}

[data-theme="dark"] .honor-badge-card:nth-child(3) .honor-badge-img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}

[data-theme="dark"] .magazine-card {
  background: #1e1e1e !important;
  box-shadow: none !important;
}

[data-theme="dark"] .magazine-card::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.25) 0%, rgba(0, 0, 0, 0.45) 35%, rgba(255, 255, 255, 0.15) 65%, transparent 100%) !important;
}

[data-theme="dark"] .magazine-img {
  background: #252525 !important;
}

[data-theme="dark"] .magazine-info-pill {
  background: rgba(26, 26, 26, 0.95) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .magazine-info-pill strong {
  color: #ffffff !important;
}

[data-theme="dark"] .magazine-info-pill span {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .mag-dot {
  background: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .mag-dot.active {
  background: #ffffff !important;
}

[data-theme="dark"] .magazine-swipe-hint {
  color: #888888 !important;
}

/* Consultation Form Section in Dark Mode */
[data-theme="dark"] .contact {
  background: #121212 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .contact-info-col h2 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .contact-info-col .eyebrow {
  color: #ffffff !important;
}

[data-theme="dark"] .contact-lead {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .contact-detail-card {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .contact-detail-card:hover {
  border-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .contact-card-icon {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .contact-card-text small {
  color: #888888 !important;
}

[data-theme="dark"] .contact-card-text strong,
[data-theme="dark"] .contact-card-text span {
  color: #ffffff !important;
}

[data-theme="dark"] .contact-card-text p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .consult-form-card {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .consult-form-head h3 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .consult-form-head p {
  color: #888888 !important;
}

[data-theme="dark"] .form-label {
  color: #e0e0e0 !important;
}

[data-theme="dark"] .chip-btn {
  background: #252525 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #cccccc !important;
}

[data-theme="dark"] .chip-btn:hover {
  background: #303030 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

[data-theme="dark"] .chip-btn[aria-pressed="true"] {
  background: #ffffff !important;
  color: #121212 !important;
  border-color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea {
  background: #141414 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f5f5f5 !important;
}

[data-theme="dark"] .form-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #141414 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 15px 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #f5f5f5 !important;
  color-scheme: dark !important;
  padding-right: 42px !important;
  cursor: pointer;
}

[data-theme="dark"] .form-select:hover {
  border-color: rgba(255, 255, 255, 0.35) !important;
}

[data-theme="dark"] .form-select option {
  background-color: #1e1e1e !important;
  color: #f5f5f5 !important;
  padding: 8px 12px;
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-textarea:focus {
  border-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .form-select:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
}

[data-theme="dark"] .form-input::placeholder,
[data-theme="dark"] .form-textarea::placeholder {
  color: #686868 !important;
}

[data-theme="dark"] .form-security-note {
  color: #888888 !important;
}

[data-theme="dark"] .form-security-note i {
  color: #ffffff !important;
}

[data-theme="dark"] .form-success-alert {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .form-status.error {
  background: rgba(127, 29, 29, 0.25) !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
  color: #fca5a5 !important;
}

[data-theme="dark"] .form-status.success {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
}

/* ==========================================================
   ALL INNER PAGES & CLINICAL COMPONENTS (WHITE ACCENTS)
   ========================================================== */

[data-theme="dark"] .inner-main {
  background: #121212 !important;
}

[data-theme="dark"] .inner-hero {
  background: #121212 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .inner-hero:before {
  background: radial-gradient(circle, rgba(45, 121, 166, 0.16), rgba(45, 121, 166, 0) 70%) !important;
}

[data-theme="dark"] .editorial-reading-wrap {
  background: #121212 !important;
}

/* Doctor Profile Card in Dark Mode */
[data-theme="dark"] .doctor-hero-profile {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .doctor-hero-portrait {
  background: #121212 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .doctor-hero-details h2 {
  color: #ffffff !important;
}

[data-theme="dark"] .doctor-hero-details .doctor-title-sub {
  color: #8ce1ff !important;
}

[data-theme="dark"] .doctor-hero-details p {
  color: #cccccc !important;
}

[data-theme="dark"] .doctor-fact-item {
  background: #121212 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .doctor-fact-item dt {
  color: #888888 !important;
}

[data-theme="dark"] .doctor-fact-item dd {
  color: #f0f0f0 !important;
}

/* Media Video Feature Cards in Dark Mode */
[data-theme="dark"] .media-feature-card {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .media-feature-card .media-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .media-feature-card .media-header i {
  color: #6bc8ec !important;
}

[data-theme="dark"] .media-feature-card .media-header h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .media-feature-body p {
  color: #cccccc !important;
}

/* Publications & Articles in Dark Mode */
[data-theme="dark"] .pub-item {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .pub-item:hover {
  border-color: rgba(140, 225, 255, 0.3) !important;
}

[data-theme="dark"] .pub-title-link {
  color: #ffffff !important;
}

[data-theme="dark"] .pub-title-link:hover {
  color: #8ce1ff !important;
}

[data-theme="dark"] .pub-title-link i {
  color: #8ce1ff !important;
}

[data-theme="dark"] .pub-meta {
  color: #bbbbbb !important;
}

[data-theme="dark"] .pub-meta strong {
  color: #8ce1ff !important;
}

[data-theme="dark"] .pub-meta em {
  color: #dddddd !important;
}

/* TOC & Mobile Pill Navigation in Dark Mode */
[data-theme="dark"] .toc-card {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .toc-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .toc-link {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .toc-link:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .toc-link.active {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .mobile-toc-bar {
  background: #181818 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .mobile-toc-pill {
  background: #121212 !important;
  color: #b3b3b3 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .mobile-toc-pill.active {
  background: rgba(107, 200, 236, 0.18) !important;
  color: #ffffff !important;
  border-color: #6bc8ec !important;
}

[data-theme="dark"] .inner-title {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .inner-deck {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .inner-kicker {
  color: #ffffff !important;
}

[data-theme="dark"] .inner-breadcrumb {
  color: #888888 !important;
}

[data-theme="dark"] .inner-breadcrumb a {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .inner-breadcrumb a:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .article-copy > h1,
[data-theme="dark"] .article-copy > h2,
[data-theme="dark"] .article-copy > h3,
[data-theme="dark"] .article-copy > h4,
[data-theme="dark"] .article-copy > h5,
[data-theme="dark"] .article-copy > h6,
[data-theme="dark"] .article-copy h1,
[data-theme="dark"] .article-copy h2,
[data-theme="dark"] .article-copy h3,
[data-theme="dark"] .article-copy h4,
[data-theme="dark"] .article-copy h5,
[data-theme="dark"] .article-copy h6 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .article-copy p,
[data-theme="dark"] .article-copy li {
  color: #cccccc !important;
}

[data-theme="dark"] .article-copy a {
  color: #ffffff !important;
  text-decoration-color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .article-copy li:before {
  background: #ffffff !important;
}

[data-theme="dark"] .article-copy blockquote {
  background: #1e1e1e !important;
  border-left: 3px solid #ffffff !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .article-copy code {
  background: #252525 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .side-card-clean,
[data-theme="dark"] .side-card {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .side-card-clean h3,
[data-theme="dark"] .side-card h3 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .side-card-clean p,
[data-theme="dark"] .side-card p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .side-list a {
  color: #cccccc !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .side-list a:hover {
  color: #ffffff !important;
}

[data-theme="dark"] .story-grid .story-card {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .story-grid .story-card:hover {
  border-color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="dark"] .story-card small {
  color: #ffffff !important;
}

[data-theme="dark"] .story-card h2 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .story-card p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .story-card i {
  color: #ffffff !important;
}

[data-theme="dark"] .contact-detail-box {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f5f5f5 !important;
}

[data-theme="dark"] .contact-detail-box i {
  color: #ffffff !important;
}

[data-theme="dark"] .contact-detail-box:hover {
  border-color: #ffffff !important;
}

[data-theme="dark"] .contact-detail-box p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .form-download {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f5f5f5 !important;
}

[data-theme="dark"] .form-download:hover {
  border-color: #ffffff !important;
}

[data-theme="dark"] .form-download span {
  color: #ffffff !important;
}

[data-theme="dark"] .source-note {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  color: #888888 !important;
}

/* Content Sections in Dark Mode */
[data-theme="dark"] .content-section {
  background: #121212 !important;
}

[data-theme="dark"] .content-section.tint {
  background: #181818 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .section-heading h2,
[data-theme="dark"] .content-section h2,
[data-theme="dark"] .content-section h3 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .section-heading .eyebrow {
  color: #ffffff !important;
}

[data-theme="dark"] .section-lead,
[data-theme="dark"] .prose p {
  color: #cccccc !important;
}

[data-theme="dark"] .prose a:not(.btn) {
  color: #ffffff !important;
  text-decoration-color: rgba(255, 255, 255, 0.4) !important;
}

[data-theme="dark"] .media-frame {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .media-frame figcaption {
  background: #1e1e1e !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
  color: #888888 !important;
}

[data-theme="dark"] .card-grid {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .info-card {
  background: #181818 !important;
  border-right-color: rgba(255, 255, 255, 0.1) !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .info-card:hover {
  background: #222222 !important;
}

[data-theme="dark"] .info-card h3 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .info-card p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .info-card span {
  color: #ffffff !important;
}

[data-theme="dark"] .path-grid {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .path-card {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .path-card:hover {
  border-color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="dark"] .doctor-profile-card {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .doctor-profile-card:hover {
  border-color: #6bc8ec !important;
}

[data-theme="dark"] .doctor-card-body h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .doctor-card-sub {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .doctor-card-badge {
  background: rgba(107, 200, 236, 0.15) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .path-card > span {
  color: #ffffff !important;
}

[data-theme="dark"] .path-card h3 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .path-card p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .path-card b {
  color: #ffffff !important;
}

[data-theme="dark"] .steps,
[data-theme="dark"] .step {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .step-num {
  background: #282828 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .step h3 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .step p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .faq-layout,
[data-theme="dark"] .faq-layout .faq-list,
[data-theme="dark"] .faq-list details {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .faq-list summary {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .faq-list details > div,
[data-theme="dark"] .faq-list details p {
  color: #cccccc !important;
}

[data-theme="dark"] .hero-note {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #cccccc !important;
}

[data-theme="dark"] .metrics-grid {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .metrics-grid article {
  background: #181818 !important;
  border-right-color: rgba(255, 255, 255, 0.1) !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .metrics-grid strong {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .metrics-grid span {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .page-tabs a {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #cccccc !important;
}

[data-theme="dark"] .page-tabs a:hover {
  border-color: #ffffff !important;
  color: #ffffff !important;
}

[data-theme="dark"] .page-tabs a.active {
  background: #252525 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .profile-facts {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .doctor-fact-item:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .doctor-fact-icon {
  background: rgba(107, 200, 236, 0.15) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .doctor-fact-item dt {
  color: #6bc8ec !important;
}

[data-theme="dark"] .doctor-fact-item dd {
  color: #f5f5f5 !important;
}

/* Dark Mode Overrides for CV Card */
[data-theme="dark"] .cv-download-card {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .cv-download-card:hover {
  border-color: #6bc8ec !important;
}

[data-theme="dark"] .cv-download-icon {
  background: rgba(107, 200, 236, 0.15) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .cv-download-info h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .cv-download-info p {
  color: #b3b3b3 !important;
}

[data-theme="dark"] .cv-download-btn {
  background: #6bc8ec !important;
  color: #06283e !important;
}

[data-theme="dark"] .cv-download-btn:hover {
  background: #ffffff !important;
  color: #06283e !important;
}

[data-theme="dark"] .profile-facts > div {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .profile-facts dt {
  color: #ffffff !important;
}

[data-theme="dark"] .profile-facts dd {
  color: #cccccc !important;
}

[data-theme="dark"] .note-box {
  background: #1e1e1e !important;
  border-left-color: #ffffff !important;
}

[data-theme="dark"] .note-box h2 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .note-box p {
  color: #cccccc !important;
}

[data-theme="dark"] table {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] th {
  background: #1e1e1e !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] td {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #cccccc !important;
}

[data-theme="dark"] tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02) !important;
}

[data-theme="dark"] .skip-link {
  background: #1e1e1e !important;
  color: #f5f5f5 !important;
  border-color: #ffffff !important;
}

[data-theme="dark"] .video-modal-dialog {
  background: #181818 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .video-modal-close {
  background: #252525 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .video-modal-close:hover {
  background: #ffffff !important;
  color: #121212 !important;
}

[data-theme="dark"] .bottom-progress-blur {
  background: linear-gradient(to top, rgba(18, 18, 18, 0.94) 0%, rgba(18, 18, 18, 0.6) 50%, transparent 100%) !important;
  backdrop-filter: blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%) !important;
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%) !important;
}

[data-theme="dark"] .scroll-progress-line {
  background: linear-gradient(90deg, #ffffff 0%, #7fe3ff 100%) !important;
}

/* ==========================================================================
   FEATURED PATIENT STORIES GRID & CARD STYLES
   ========================================================================== */
.stories-section-wrap {
  padding: 2.5rem 0 5rem 0;
}

.stories-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 1.5rem;
}

@media (max-width: 1024px) {
  .stories-grid-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

@media (max-width: 640px) {
  .stories-grid-container {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

.story-card-item {
  display: flex;
  flex-direction: column;
  background: var(--white, #ffffff);
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.story-card-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.09);
  border-color: rgba(14, 116, 144, 0.3);
}

.story-card-media {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  background: #f0f4f8;
}

.story-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.story-card-item:hover .story-card-img {
  transform: scale(1.05);
}

.story-badge-pill {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: rgba(6, 40, 62, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  z-index: 2;
}

.story-card-body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.story-card-title {
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  margin: 0 0 0.5rem 0;
  line-height: 1.35;
  transition: color 0.2s ease;
}

.story-card-item:hover .story-card-title {
  color: var(--blue, #0e7490);
}

.story-card-desc {
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--ink-soft, #475569);
  margin: 0 0 1.25rem 0;
  flex-grow: 1;
}

.story-card-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--blue, #0e7490);
  margin-top: auto;
  transition: gap 0.2s ease;
}

.story-card-item:hover .story-card-action {
  gap: 10px;
  color: var(--navy-deep, #06283e);
}

/* Dark Mode Overrides */
[data-theme="dark"] .story-card-item {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .story-card-item:hover {
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.5) !important;
  border-color: rgba(127, 227, 255, 0.4) !important;
}

[data-theme="dark"] .story-card-title {
  color: #ffffff !important;
}

[data-theme="dark"] .story-card-item:hover .story-card-title {
  color: #7fe3ff !important;
}

[data-theme="dark"] .story-card-desc {
  color: #cccccc !important;
}

[data-theme="dark"] .story-card-action {
  color: #7fe3ff !important;
}

[data-theme="dark"] .story-card-item:hover .story-card-action {
  color: #ffffff !important;
}

/* ==========================================================================
   UNIVERSAL PATIENT STORY DETAIL TEMPLATE SYSTEM
   ========================================================================== */
.story-detail-wrap {
  padding: 3rem 0 5rem 0;
}

.story-detail-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 3.5rem;
  align-items: start;
}

@media (max-width: 1024px) {
  .story-detail-grid {
    grid-template-columns: 1fr 300px;
    gap: 2.5rem;
  }
}

@media (max-width: 860px) {
  .story-detail-grid {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.story-main-article {
  min-width: 0;
  width: 100%;
}

.page-side {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  min-width: 0;
  position: sticky;
  top: 110px;
}

.side-card-clean {
  background: var(--white, #ffffff);
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 16px;
  padding: 1.75rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.side-card-clean h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  margin: 0 0 1rem 0;
}

[data-theme="dark"] .side-card-clean {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .side-card-clean h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .side-card-clean li {
  color: #cccccc !important;
}

[data-theme="dark"] .side-card-clean li strong {
  color: #6bc8ec !important;
}

.story-detail-single {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

.story-main-article {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.story-main-article p,
.story-main-article.prose p,
.story-main-article .lead,
.story-main-article h2,
.story-main-article h3,
.story-main-article h4,
.story-main-article ul,
.story-main-article ol,
.story-pullquote {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.story-main-article p,
.story-main-article.prose p {
  font-size: 1.1rem !important;
  line-height: 1.82 !important;
  color: var(--ink-soft, #475569) !important;
  margin-bottom: 1.6rem !important;
}

.story-pullquote {
  border-left: 4px solid var(--blue, #0e7490) !important;
  background: rgba(14, 116, 144, 0.05) !important;
  padding: 1.6rem 2rem !important;
  border-radius: 0 16px 16px 0 !important;
  margin: 2.5rem 0 !important;
  font-size: 1.18rem !important;
  font-style: italic !important;
  color: var(--navy-deep, #06283e) !important;
  line-height: 1.7 !important;
}

.story-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin: 2.5rem 0;
  align-items: start;
}

.story-gallery-card {
  width: fit-content;
  max-width: min(620px, 100%);
  margin: 2.25rem auto !important;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 18px;
  overflow: hidden;
  background: var(--bg-card, #ffffff);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  text-align: center;
  box-sizing: border-box;
}

.story-gallery-img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 500px !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

.story-action-bar {
  margin-top: 3.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.1));
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.story-action-bar .btn,
.story-main-article a.btn {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  padding: 0.85rem 1.85rem !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  border-radius: 12px !important;
  transition: all 0.25s ease !important;
  letter-spacing: 0.01em !important;
}

.story-action-bar a.btn-primary,
.story-main-article a.btn-primary {
  background: var(--navy-deep, #06283e);
  color: #ffffff;
  border: 1px solid var(--navy-deep, #06283e);
  box-shadow: 0 4px 14px rgba(6, 40, 62, 0.18);
}

.story-action-bar a.btn-primary:hover,
.story-main-article a.btn-primary:hover {
  background: var(--blue, #2d79a6);
  border-color: var(--blue, #2d79a6);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(14, 116, 144, 0.3);
}

.story-action-bar a.btn-outline,
.story-main-article a.btn-outline {
  background: var(--white, #ffffff);
  color: var(--navy-deep, #06283e);
  border: 1.5px solid var(--line, rgba(0, 0, 0, 0.18));
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.story-action-bar a.btn-outline:hover,
.story-main-article a.btn-outline:hover {
  background: rgba(45, 121, 166, 0.08);
  border-color: var(--blue, #2d79a6);
  color: var(--blue, #2d79a6);
  transform: translateY(-2px);
}

.more-stories-section {
  margin-top: 5rem;
  padding-top: 4rem;
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.1));
  width: 100%;
}

.more-stories-section .stories-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
}

@media (max-width: 992px) {
  .more-stories-section .stories-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .more-stories-section .stories-grid-container {
    grid-template-columns: 1fr;
  }
}

.more-stories-header {
  text-align: center;
  margin-bottom: 2.5rem;
}

.more-stories-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  margin-bottom: 0.5rem;
}

/* Dark mode for Story Detail */
[data-theme="dark"] .story-main-article {
  background: transparent !important;
  border: none !important;
}

[data-theme="dark"] .story-pullquote {
  background: rgba(127, 227, 255, 0.06) !important;
  border-left-color: #7fe3ff !important;
  color: #ffffff !important;
}

[data-theme="dark"] .more-stories-title {
  color: #ffffff !important;
}

[data-theme="dark"] .story-action-bar a.btn-outline,
[data-theme="dark"] .story-main-article a.btn-outline {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Inner CTA Dark Banner High Contrast Fix */
.inner-cta {
  background: #0a192f !important;
  color: #ffffff !important;
  border-radius: 16px;
  padding: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-top: 3rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.inner-cta h2,
.inner-cta h3 {
  color: #ffffff !important;
  margin-bottom: 0.5rem;
  font-size: 1.6rem;
  font-weight: 700;
}

.inner-cta p {
  color: rgba(255, 255, 255, 0.85) !important;
  margin: 0;
  font-size: 1.05rem;
}

.inner-cta .btn-light,
.inner-cta .btn {
  background: #ffffff !important;
  color: #0a192f !important;
  font-weight: 700;
  border: none !important;
  padding: 0.85rem 1.75rem;
  border-radius: 50px;
  white-space: nowrap;
}

.inner-cta .btn-light:hover,
.inner-cta .btn:hover {
  background: #f0f4f8 !important;
  transform: translateY(-2px);
}

/* Responsive Video Embed Styling */
.video-embed-card {
  margin: 1.75rem 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(107, 200, 236, 0.2);
  background: linear-gradient(135deg, rgba(18, 18, 18, 0.03) 0%, rgba(107, 200, 236, 0.04) 100%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] .video-embed-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(107, 200, 236, 0.05) 100%);
  border-color: rgba(107, 200, 236, 0.25);
}

.video-responsive-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

.video-responsive-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-caption-bar {
  padding: 12px 18px;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-soft, #4a5568);
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(107, 200, 236, 0.08);
  border-top: 1px solid rgba(107, 200, 236, 0.15);
}

[data-theme="dark"] .video-caption-bar {
  color: #9fe2f7;
  background: rgba(18, 18, 18, 0.6);
}









/* Active Page Navigation Highlighting (High-Contrast Light & Dark Mode) */

/* Active Page Navigation Highlighting (Text Color Only - No Fills, No Underlines, No Borders) */

/* 1. Top Level Header Triggers */
.nav-trigger.active,
.nav-item.active > .nav-trigger {
  color: var(--blue, #0e7490) !important;
  font-weight: 700 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.nav-trigger.active .chev,
.nav-item.active > .nav-trigger .chev {
  color: var(--blue, #0e7490) !important;
}

.nav-trigger.active::after,
.nav-item.active > .nav-trigger::after {
  display: none !important;
  transform: scaleX(0) !important;
}

/* Dark Mode & Theme Dark Header Active Trigger */
[data-theme="dark"] .nav-trigger.active,
[data-theme="dark"] .nav-item.active > .nav-trigger,
.site-header.theme-dark .nav-trigger.active,
.site-header.theme-dark .nav-item.active > .nav-trigger {
  color: #6bc8ec !important;
  background: transparent !important;
}

[data-theme="dark"] .nav-trigger.active .chev,
[data-theme="dark"] .nav-item.active > .nav-trigger .chev,
.site-header.theme-dark .nav-trigger.active .chev,
.site-header.theme-dark .nav-item.active > .nav-trigger .chev {
  color: #6bc8ec !important;
}

[data-theme="dark"] .nav-trigger.active::after,
[data-theme="dark"] .nav-item.active > .nav-trigger::after,
.site-header.theme-dark .nav-trigger.active::after,
.site-header.theme-dark .nav-item.active > .nav-trigger::after {
  display: none !important;
}

/* 2. Sub-Menu Dropdown Items */
.dropdown a.active,
.dropdown a[aria-current="page"] {
  background: transparent !important;
  color: var(--blue, #0e7490) !important;
  font-weight: 700 !important;
  border-left: none !important;
}

.dropdown a.active i,
.dropdown a[aria-current="page"] i {
  color: var(--blue, #0e7490) !important;
}

[data-theme="dark"] .dropdown a.active,
[data-theme="dark"] .dropdown a[aria-current="page"] {
  background: transparent !important;
  color: #6bc8ec !important;
  border-left: none !important;
}

[data-theme="dark"] .dropdown a.active i,
[data-theme="dark"] .dropdown a[aria-current="page"] i {
  color: #6bc8ec !important;
}

/* 3. Mobile Navigation Drawer Items */
.mobile-menu a.active,
.mobile-menu a[aria-current="page"] {
  background: transparent !important;
  color: var(--blue, #0e7490) !important;
  font-weight: 700 !important;
  border-left: none !important;
}

[data-theme="dark"] .mobile-menu a.active,
[data-theme="dark"] .mobile-menu a[aria-current="page"] {
  background: transparent !important;
  color: #6bc8ec !important;
  border-left: none !important;
}

/* Search Modal Footer Shortcut Badges & Icons */
.search-footer-shortcuts {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

.search-footer-shortcuts span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: var(--ink-soft, #4a5568);
}

.search-footer-shortcuts kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 5px;
  border-radius: 5px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: var(--navy-deep, #06283e);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.search-footer-shortcuts kbd i {
  font-size: 11px;
  line-height: 1;
  display: inline-block;
}

[data-theme="dark"] .search-footer-shortcuts kbd {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

/* Footer Social Icons Strip */
.footer-social-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 0 1rem 0;
  margin-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
}

.social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.social-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.85);
  font-size: 19px;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.social-icons a:hover {
  background: var(--blue, #2d79a6) !important;
  border-color: var(--blue, #2d79a6) !important;
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.08);
  box-shadow: 0 8px 20px rgba(45, 121, 166, 0.4);
}

[data-theme="dark"] .social-icons a:hover {
  background: #6bc8ec !important;
  border-color: #6bc8ec !important;
  color: #06283e !important;
  box-shadow: 0 8px 20px rgba(107, 200, 236, 0.4);
}

/* Patient Story Stats Strip & Box Grid */
.story-stats-strip {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
  margin: 1.75rem 0 2.5rem 0;
  background: linear-gradient(135deg, rgba(45, 121, 166, 0.06) 0%, rgba(107, 200, 236, 0.1) 100%);
  border: 1px solid rgba(45, 121, 166, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  flex-wrap: wrap;
}

.story-stat-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1 1 120px;
  min-width: 110px;
  padding: 0.6rem 0.8rem;
  border-right: 1px solid rgba(45, 121, 166, 0.18);
  box-sizing: border-box;
}

.story-stat-box:last-child {
  border-right: none;
}

.story-stat-num {
  font-size: 1.45rem;
  font-weight: 800;
  color: var(--navy-deep, #06283e);
  line-height: 1.25;
  margin-bottom: 4px;
  white-space: nowrap;
}

.story-stat-label {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--ink-soft, #475569);
  white-space: nowrap;
  line-height: 1.2;
}

/* Dark Mode Support for Story Stats Strip */
[data-theme="dark"] .story-stats-strip {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(107, 200, 236, 0.08) 100%);
  border-color: rgba(107, 200, 236, 0.25);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .story-stat-box {
  border-right-color: rgba(255, 255, 255, 0.14);
}

[data-theme="dark"] .story-stat-num {
  color: #ffffff;
}

[data-theme="dark"] .story-stat-label {
  color: #a0b3c6;
}

/* Footer Clinic Column Small Social Icons (Desktop & Mobile - High Contrast) */
.footer-social-icons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px 12px !important;
  margin-top: 14px !important;
  margin-bottom: 8px !important;
  flex-wrap: wrap !important;
  max-width: 230px !important;
}

.footer-social-icons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.footer-social-icons a i {
  color: #ffffff !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.footer-social-icons a:hover {
  background: #6bc8ec !important;
  border-color: #6bc8ec !important;
  color: #06283e !important;
  transform: translateY(-3px) scale(1.1) !important;
  box-shadow: 0 6px 18px rgba(107, 200, 236, 0.45) !important;
}

.footer-social-icons a:hover i {
  color: #06283e !important;
  transform: scale(1.15) !important;
}

/* Dark theme specific accent glow */
[data-theme="dark"] .footer-social-icons a {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(107, 200, 236, 0.35) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .footer-social-icons a i {
  color: #6bc8ec !important;
}

[data-theme="dark"] .footer-social-icons a:hover {
  background: #6bc8ec !important;
  border-color: #6bc8ec !important;
  color: #06283e !important;
}

[data-theme="dark"] .footer-social-icons a:hover i {
  color: #06283e !important;
}

/* Contact Page Social Connect Card */
.contact-social-card {
  margin-top: 1.5rem;
}

.contact-social-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.contact-social-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--navy-deep, #06283e);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
}

.contact-social-btn i {
  font-size: 16px;
  color: var(--blue, #0e7490);
  transition: transform 0.2s ease;
}

.contact-social-btn:hover {
  background: rgba(14, 116, 144, 0.08);
  border-color: var(--blue, #0e7490);
  color: var(--blue, #0e7490);
  transform: translateY(-2px);
}

.contact-social-btn:hover i {
  transform: scale(1.15);
}

[data-theme="dark"] .contact-social-btn {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

[data-theme="dark"] .contact-social-btn i {
  color: #6bc8ec;
}

[data-theme="dark"] .contact-social-btn:hover {
  background: rgba(107, 200, 236, 0.15);
  border-color: #6bc8ec;
  color: #6bc8ec;
}

/* Redundant bottom action card removal */
.hero-action-card.mobile-action-card-bottom,
.mobile-action-card-bottom {
  display: none !important;
}

/* Universal Next Step & Editorial CTA Card (High-Contrast for Light & Dark Modes) */
.editorial-section#not-sure-where-you-fit,
.editorial-section:has(.cta-actions),
.editorial-cta-box,
.cta-band:not(section) {
  background: linear-gradient(135deg, #06283e 0%, #0d4263 100%) !important;
  color: #ffffff !important;
  border-radius: 16px !important;
  padding: 32px 36px !important;
  margin-top: 2.25rem !important;
  margin-bottom: 1.75rem !important;
  border: 1px solid rgba(6, 40, 62, 0.18) !important;
  box-shadow: 0 12px 32px rgba(6, 40, 62, 0.16) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Prevent double nesting if .cta-band is placed inside .editorial-section */
.editorial-section .cta-band,
.editorial-section:has(.cta-actions) .cta-band,
.editorial-section .editorial-cta-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* Standard non-CTA editorial sections have clean borders */
.editorial-section:not(#not-sure-where-you-fit):not(:has(.cta-actions)) {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Ensure all text inside the CTA card is crisp white with cyan accents */
.editorial-section#not-sure-where-you-fit h2,
.editorial-section:has(.cta-actions) h2,
.editorial-cta-box h2,
.cta-band h2 {
  color: #ffffff !important;
  font-size: clamp(22px, 2.8vw, 30px) !important;
  font-weight: 800 !important;
  margin: 4px 0 10px 0 !important;
  line-height: 1.24 !important;
}

.editorial-section#not-sure-where-you-fit p,
.editorial-section:has(.cta-actions) p,
.editorial-cta-box p,
.cta-band p {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  max-width: 720px !important;
  margin: 0 !important;
}

.editorial-section#not-sure-where-you-fit .eyebrow,
.editorial-section:has(.cta-actions) .eyebrow,
.editorial-cta-box .eyebrow,
.cta-band .eyebrow {
  color: #6bc8ec !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  font-size: 11.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
  display: inline-block !important;
}

/* CTA Actions Container */
.cta-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 8px !important;
  justify-content: flex-start !important;
}

/* Primary Button in Next Step CTA (Crisp Solid White / Cyan Button) */
.editorial-section .cta-actions .btn-light,
.editorial-section .cta-actions .btn-primary,
.cta-band .cta-actions .btn-light,
.cta-band .cta-actions .btn-primary,
.cta-actions .btn-light,
.cta-actions .btn-primary,
.cta-band-actions .btn-light,
.cta-band-actions .btn-primary,
.cta-band-actions a.btn-primary,
.cta-band .cta-band-actions .btn-light,
.cta-band .cta-band-actions .btn-primary,
.cta-band .cta-band-actions a.btn-primary,
.cta-band-inner .cta-band-actions .btn-primary,
.cta-card-section .cta-band-actions .btn-primary,
.qual-cta-buttons .btn-primary,
.qual-cta-banner .qual-cta-buttons .btn-primary {
  background: #ffffff !important;
  color: #06283e !important;
  border: 1.5px solid #ffffff !important;
  padding: 12px 24px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.editorial-section .cta-actions .btn-light:hover,
.editorial-section .cta-actions .btn-primary:hover,
.cta-band .cta-actions .btn-light:hover,
.cta-band .cta-actions .btn-primary:hover,
.cta-actions .btn-light:hover,
.cta-actions .btn-primary:hover,
.cta-band-actions .btn-light:hover,
.cta-band-actions .btn-primary:hover,
.cta-band-actions a.btn-primary:hover,
.cta-band .cta-band-actions .btn-light:hover,
.cta-band .cta-band-actions .btn-primary:hover,
.cta-band .cta-band-actions a.btn-primary:hover,
.cta-band-inner .cta-band-actions .btn-primary:hover,
.cta-card-section .cta-band-actions .btn-primary:hover,
.qual-cta-buttons .btn-primary:hover,
.qual-cta-banner .qual-cta-buttons .btn-primary:hover {
  background: #6bc8ec !important;
  border-color: #6bc8ec !important;
  color: #06283e !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(107, 200, 236, 0.4) !important;
}

/* Secondary Button in Next Step CTA (Frosted Translucent Outline Button) */
.editorial-section .cta-actions .btn-outline,
.editorial-section .cta-actions .btn-outline-white,
.editorial-section .cta-actions .button-ghost,
.editorial-section .cta-actions .content-btn.button-ghost,
.cta-band .cta-actions .btn-outline,
.cta-band .cta-actions .btn-outline-white,
.cta-band .cta-actions .button-ghost,
.cta-actions .btn-outline,
.cta-actions .btn-outline-white,
.cta-actions .button-ghost,
.cta-band-actions .btn-outline,
.cta-band-actions .btn-outline-white,
.cta-band-actions a.btn-outline-white,
.cta-band-actions .button-ghost,
.cta-band .cta-band-actions .btn-outline,
.cta-band .cta-band-actions .btn-outline-white,
.cta-band .cta-band-actions a.btn-outline-white,
.cta-band-inner .cta-band-actions .btn-outline-white,
.cta-card-section .cta-band-actions .btn-outline-white,
.qual-cta-buttons .btn-outline,
.qual-cta-buttons .btn-outline-white,
.qual-cta-banner .qual-cta-buttons .btn-outline {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  padding: 12px 24px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.editorial-section .cta-actions .btn-outline:hover,
.editorial-section .cta-actions .btn-outline-white:hover,
.editorial-section .cta-actions .button-ghost:hover,
.editorial-section .cta-actions .content-btn.button-ghost:hover,
.cta-band .cta-actions .btn-outline:hover,
.cta-band .cta-actions .btn-outline-white:hover,
.cta-band .cta-actions .button-ghost:hover,
.cta-actions .btn-outline:hover,
.cta-actions .btn-outline-white:hover,
.cta-actions .button-ghost:hover,
.cta-band-actions .btn-outline:hover,
.cta-band-actions .btn-outline-white:hover,
.cta-band-actions a.btn-outline-white:hover,
.cta-band-actions .button-ghost:hover,
.cta-band .cta-band-actions .btn-outline:hover,
.cta-band .cta-band-actions .btn-outline-white:hover,
.cta-band .cta-band-actions a.btn-outline-white:hover,
.cta-band-inner .cta-band-actions .btn-outline-white:hover,
.cta-card-section .cta-band-actions .btn-outline-white:hover,
.qual-cta-buttons .btn-outline:hover,
.qual-cta-buttons .btn-outline-white:hover,
.qual-cta-banner .qual-cta-buttons .btn-outline:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* Dark Mode Appearance for CTA Card */
[data-theme="dark"] .editorial-section#not-sure-where-you-fit,
[data-theme="dark"] .editorial-section:has(.cta-actions),
[data-theme="dark"] .editorial-cta-box,
[data-theme="dark"] .cta-band:not(section) {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.04) 0%, rgba(107, 200, 236, 0.08) 100%) !important;
  border: 1px solid rgba(107, 200, 236, 0.25) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .editorial-section .cta-actions .btn-light,
[data-theme="dark"] .editorial-section .cta-actions .btn-primary,
[data-theme="dark"] .cta-band .cta-actions .btn-light,
[data-theme="dark"] .cta-band .cta-actions .btn-primary,
[data-theme="dark"] .cta-actions .btn-light,
[data-theme="dark"] .cta-actions .btn-primary,
[data-theme="dark"] .cta-band-actions .btn-light,
[data-theme="dark"] .cta-band-actions .btn-primary,
[data-theme="dark"] .cta-band .cta-band-actions .btn-light,
[data-theme="dark"] .cta-band .cta-band-actions .btn-primary,
[data-theme="dark"] .cta-band-inner .cta-band-actions .btn-primary,
[data-theme="dark"] .cta-card-section .cta-band-actions .btn-primary,
[data-theme="dark"] .qual-cta-buttons .btn-primary,
[data-theme="dark"] .qual-cta-banner .qual-cta-buttons .btn-primary {
  background: #6bc8ec !important;
  border-color: #6bc8ec !important;
  color: #06283e !important;
  box-shadow: 0 4px 16px rgba(107, 200, 236, 0.35) !important;
}

[data-theme="dark"] .editorial-section .cta-actions .btn-light:hover,
[data-theme="dark"] .editorial-section .cta-actions .btn-primary:hover,
[data-theme="dark"] .cta-band .cta-actions .btn-light:hover,
[data-theme="dark"] .cta-band .cta-actions .btn-primary:hover,
[data-theme="dark"] .cta-actions .btn-light:hover,
[data-theme="dark"] .cta-actions .btn-primary:hover,
[data-theme="dark"] .cta-band-actions .btn-light:hover,
[data-theme="dark"] .cta-band-actions .btn-primary:hover,
[data-theme="dark"] .cta-band .cta-band-actions .btn-light:hover,
[data-theme="dark"] .cta-band .cta-band-actions .btn-primary:hover,
[data-theme="dark"] .cta-band-inner .cta-band-actions .btn-primary:hover,
[data-theme="dark"] .cta-card-section .cta-band-actions .btn-primary:hover,
[data-theme="dark"] .qual-cta-buttons .btn-primary:hover,
[data-theme="dark"] .qual-cta-banner .qual-cta-buttons .btn-primary:hover {
  background: #9fe2f7 !important;
  border-color: #9fe2f7 !important;
  color: #06283e !important;
  box-shadow: 0 6px 22px rgba(107, 200, 236, 0.5) !important;
}

/* Base Desktop Alignment for CTA Action Containers */
.cta-band-actions,
.cta-band-inner .cta-band-actions,
section.cta-band .cta-band-actions,
.qual-cta-buttons {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  flex-shrink: 0 !important;
}

/* Mobile Responsiveness for CTA Banner Card - Center All Elements */
@media (max-width: 768px) {
  .editorial-section#not-sure-where-you-fit,
  .editorial-section:has(.cta-actions),
  .editorial-cta-box,
  .cta-band:not(section) {
    padding: 28px 20px !important;
    border-radius: 16px !important;
    text-align: center !important;
    align-items: center !important;
    margin-top: 2rem !important;
    margin-bottom: 1.5rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .editorial-section#not-sure-where-you-fit > div:first-child,
  .editorial-section:has(.cta-actions) > div:first-child,
  .editorial-cta-box > div:first-child,
  .cta-band > div:first-child {
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .editorial-section#not-sure-where-you-fit .eyebrow,
  .editorial-section:has(.cta-actions) .eyebrow,
  .editorial-cta-box .eyebrow,
  .cta-band .eyebrow {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .editorial-section#not-sure-where-you-fit h2,
  .editorial-section:has(.cta-actions) h2,
  .editorial-cta-box h2,
  .cta-band h2 {
    text-align: center !important;
    width: 100% !important;
  }

  .editorial-section#not-sure-where-you-fit p,
  .editorial-section:has(.cta-actions) p,
  .editorial-cta-box p,
  .cta-band p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
  }

  .editorial-section#not-sure-where-you-fit .cta-actions,
  .editorial-section:has(.cta-actions) .cta-actions,
  .editorial-cta-box .cta-actions,
  .cta-band .cta-actions,
  .cta-band .cta-band-actions,
  .cta-band-inner .cta-band-actions,
  .cta-band-inner .cta-actions,
  .cta-band-actions,
  .qual-cta-buttons,
  .qual-cta-actions,
  .story-action-bar,
  .next-step-actions {
    justify-content: center !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin-top: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .editorial-section#not-sure-where-you-fit .cta-actions a,
  .editorial-section:has(.cta-actions) .cta-actions a,
  .editorial-cta-box .cta-actions a,
  .cta-band .cta-actions a,
  .cta-band .cta-actions .btn,
  .cta-band .cta-band-actions a,
  .cta-band .cta-band-actions .btn,
  .cta-band-inner .cta-band-actions a,
  .cta-band-inner .cta-band-actions .btn,
  .cta-band-inner .cta-actions a,
  .cta-band-inner .cta-actions .btn,
  .cta-band-actions a,
  .cta-band-actions .btn,
  .qual-cta-buttons a,
  .qual-cta-buttons .btn,
  .qual-cta-actions a,
  .qual-cta-actions .btn,
  .story-action-bar a,
  .story-action-bar .btn,
  .next-step-actions a,
  .next-step-actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* ==========================================================
   PATIENT STORIES DETAIL PAGE SYSTEM
   ========================================================== */
.story-detail-wrap {
  padding: 3rem 0 5rem;
  background: var(--paper, #e8f2f9);
}

.story-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 48px;
  align-items: start;
}

.story-detail-single {
  max-width: 860px;
  margin: 0 auto;
}

.story-main-article {
  max-width: 100%;
}

/* Story Hero Stats Metric Banner */
.story-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  background: #ffffff;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 16px;
  padding: 20px 24px;
  margin-bottom: 2.25rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.story-stat-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.story-stat-num {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  color: var(--navy-deep, #06283e);
  line-height: 1.1;
}

.story-stat-label {
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--ink-soft, #475569);
  font-weight: 700;
  margin-top: 4px;
}

/* Story Pullquote */
.story-pullquote {
  border-left: 4px solid var(--blue, #2d79a6);
  padding: 20px 24px;
  background: rgba(45, 121, 166, 0.05);
  border-radius: 0 14px 14px 0;
  font-size: 1.08rem;
  line-height: 1.7;
  font-style: italic;
  color: var(--navy-deep, #06283e);
  margin: 2rem 0;
}

/* Story Gallery & Photos */
.story-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin: 2.5rem 0;
  align-items: start;
}

.story-gallery-card {
  width: fit-content;
  max-width: min(620px, 100%);
  margin: 2.25rem auto !important;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 18px;
  overflow: hidden;
  background: var(--bg-card, #ffffff);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  text-align: center;
  box-sizing: border-box;
}

.story-gallery-img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 500px !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

.story-gallery-grid .story-gallery-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 !important;
}

.story-gallery-grid .story-gallery-img {
  width: 100% !important;
  height: auto !important;
  max-height: 420px !important;
  object-fit: contain !important;
  background: var(--paper, rgba(0, 0, 0, 0.02));
}

.story-gallery-caption {
  padding: 12px 18px;
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--ink-soft, #475569);
  background: var(--bg-card, #ffffff);
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.06));
  font-weight: 500;
  text-align: center;
}

/* Story Bottom Action Bar */
.story-action-bar {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Story Sidebar Sticky Cards */
.story-detail-grid .page-side {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 100px;
}

.side-card-clean {
  background: #ffffff;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.side-card-clean h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
}

.side-card-clean ul li {
  color: var(--ink, #1e293b);
  margin-bottom: 8px;
}

.side-card-clean ul li strong {
  color: var(--blue, #2d79a6);
}

/* More Stories Grid */
.more-stories-section {
  margin-top: 4rem;
  padding-top: 3rem;
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.08));
}

.more-stories-header {
  margin-bottom: 2rem;
}

.more-stories-title {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  margin: 0 0 6px 0;
}

.stories-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 22px;
}

.story-card-item {
  background: #ffffff;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.story-card-item:hover {
  transform: translateY(-4px);
  border-color: rgba(45, 121, 166, 0.4);
  box-shadow: 0 12px 28px rgba(6, 40, 62, 0.09);
}

.story-card-media {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.story-card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story-badge-pill {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(6, 40, 62, 0.85);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  backdrop-filter: blur(8px);
}

.story-card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.story-card-title {
  margin: 0 0 8px 0;
  font-size: 19px;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
}

.story-card-desc {
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-soft, #475569);
  margin-bottom: 16px;
  flex: 1;
}

.story-card-action {
  font-size: 13px;
  font-weight: 700;
  color: var(--blue, #2d79a6);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ==========================================================
   DARK MODE FOR PATIENT STORIES DETAIL
   ========================================================== */
[data-theme="dark"] .story-detail-wrap {
  background: #121212 !important;
}

[data-theme="dark"] .story-stats-grid {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .story-stat-num {
  color: #ffffff !important;
}

[data-theme="dark"] .story-stat-num[style*="color:var(--blue)"],
[data-theme="dark"] .story-stat-num[style*="color: var(--blue)"] {
  color: #6bc8ec !important;
}

[data-theme="dark"] .story-stat-label {
  color: #a0b3c6 !important;
}

[data-theme="dark"] .story-pullquote {
  background: rgba(107, 200, 236, 0.06) !important;
  border-left-color: #6bc8ec !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .story-gallery-card {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .story-gallery-grid .story-gallery-img {
  background: #141414 !important;
}

[data-theme="dark"] .story-gallery-caption {
  background: #181818 !important;
  color: #a0b3c6 !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .side-card-clean {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .side-card-clean h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .side-card-clean ul li {
  color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="dark"] .side-card-clean ul li strong {
  color: #6bc8ec !important;
}

[data-theme="dark"] .more-stories-title {
  color: #ffffff !important;
}

[data-theme="dark"] .story-card-item {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .story-card-item:hover {
  background: #202020 !important;
  border-color: rgba(107, 200, 236, 0.45) !important;
}

[data-theme="dark"] .story-card-title {
  color: #ffffff !important;
}

[data-theme="dark"] .story-card-desc {
  color: #a0b3c6 !important;
}

[data-theme="dark"] .story-card-action {
  color: #6bc8ec !important;
}

/* Story Action Bar & Buttons in Dark Mode */
[data-theme="dark"] .story-action-bar {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .story-action-bar .btn-outline,
[data-theme="dark"] .story-action-bar a.btn-outline,
[data-theme="dark"] .story-main-article a.btn-outline {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  text-decoration: none !important;
}

[data-theme="dark"] .story-action-bar .btn-outline:hover,
[data-theme="dark"] .story-action-bar a.btn-outline:hover,
[data-theme="dark"] .story-main-article a.btn-outline:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .story-action-bar .btn-primary,
[data-theme="dark"] .story-action-bar a.btn-primary,
[data-theme="dark"] a.btn-primary,
[data-theme="dark"] .story-main-article a.btn-primary,
[data-theme="dark"] .article-copy a.btn-primary {
  background: #ffffff !important;
  color: #06283e !important;
  border: 1px solid #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .story-action-bar .btn-primary:hover,
[data-theme="dark"] .story-action-bar a.btn-primary:hover,
[data-theme="dark"] a.btn-primary:hover,
[data-theme="dark"] .story-main-article a.btn-primary:hover,
[data-theme="dark"] .article-copy a.btn-primary:hover {
  background: #6bc8ec !important;
  color: #06283e !important;
  border-color: #6bc8ec !important;
}

/* ==========================================================
   PATIENT FORMS & DOWNLOADS SYSTEM
   ========================================================== */
.forms-checklist-box {
  background: rgba(45, 121, 166, 0.06) !important;
  border: 1px solid rgba(45, 121, 166, 0.18) !important;
  border-radius: 16px !important;
  padding: 24px 28px !important;
  margin: 1.25rem 0 2rem !important;
}

.forms-checklist-box h3 {
  margin: 0 0 14px !important;
  color: var(--navy-deep, #06283e) !important;
  font-size: clamp(17px, 2.2vw, 20px) !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  line-height: 1.35 !important;
}

.forms-checklist-box h3 i {
  font-size: 22px !important;
  color: var(--blue, #2d79a6) !important;
  margin-top: 1px !important;
  flex-shrink: 0 !important;
}

.forms-checklist-box p {
  color: var(--ink, #1e293b) !important;
  margin: 0 0 16px 0 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.forms-checklist-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 12px 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  list-style-type: none !important;
}

.forms-checklist-grid li,
.forms-checklist-item {
  list-style: none !important;
  list-style-type: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: var(--ink, #1e293b) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.forms-checklist-grid li::before,
.forms-checklist-item::before {
  content: none !important;
  display: none !important;
}

.forms-checklist-item i {
  color: #2d79a6 !important;
  font-size: 17px !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
}

.form-download-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 1.5rem 0 2.5rem !important;
}

.form-download-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 24px !important;
  background: #ffffff !important;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.1)) !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  color: inherit !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  gap: 20px !important;
}

.form-download-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(45, 121, 166, 0.45) !important;
  box-shadow: 0 10px 26px rgba(6, 40, 62, 0.09) !important;
}

.form-download-info {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.form-download-icon {
  font-size: 2.4rem !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.form-download-icon.pdf {
  color: #e53e3e !important;
}

.form-download-icon.doc {
  color: #2b6cb0 !important;
}

.form-download-title {
  display: block !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: var(--navy-deep, #06283e) !important;
  margin-bottom: 3px !important;
  line-height: 1.35 !important;
}

.form-download-desc {
  display: block !important;
  font-size: 14px !important;
  color: var(--ink-soft, #475569) !important;
  line-height: 1.45 !important;
}

.form-download-action {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--blue, #2d79a6) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  padding: 10px 18px !important;
  border-radius: 10px !important;
  background: rgba(45, 121, 166, 0.08) !important;
  border: 1px solid rgba(45, 121, 166, 0.2) !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.form-download-card:hover .form-download-action {
  background: var(--blue, #2d79a6) !important;
  color: #ffffff !important;
  border-color: var(--blue, #2d79a6) !important;
}

/* Dark Mode for Forms */
[data-theme="dark"] .forms-checklist-box {
  background: rgba(107, 200, 236, 0.05) !important;
  border-color: rgba(107, 200, 236, 0.2) !important;
}

[data-theme="dark"] .forms-checklist-box h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .forms-checklist-box h3 i {
  color: #6bc8ec !important;
}

[data-theme="dark"] .forms-checklist-box p,
[data-theme="dark"] .forms-checklist-grid li,
[data-theme="dark"] .forms-checklist-item {
  color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="dark"] .forms-checklist-item i {
  color: #6bc8ec !important;
}

[data-theme="dark"] .form-download-card {
  background: #181818 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .form-download-card:hover {
  background: #202020 !important;
  border-color: rgba(107, 200, 236, 0.45) !important;
}

[data-theme="dark"] .form-download-title {
  color: #ffffff !important;
}

[data-theme="dark"] .form-download-desc {
  color: #a0b3c6 !important;
}

[data-theme="dark"] .form-download-action {
  color: #6bc8ec !important;
  background: rgba(107, 200, 236, 0.12) !important;
  border-color: rgba(107, 200, 236, 0.25) !important;
}

[data-theme="dark"] .form-download-card:hover .form-download-action {
  background: #6bc8ec !important;
  color: #06283e !important;
  border-color: #6bc8ec !important;
}

@media (max-width: 768px) {
  .forms-checklist-box {
    padding: 20px 18px !important;
    border-radius: 14px !important;
  }
  .forms-checklist-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .form-download-card {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 16px 18px !important;
    gap: 14px !important;
  }
  .form-download-info {
    gap: 14px !important;
  }
  .form-download-icon {
    font-size: 28px !important;
  }
  .form-download-title {
    font-size: 16px !important;
  }
  .form-download-desc {
    font-size: 13px !important;
  }
  .form-download-action {
    width: 100% !important;
    justify-content: center !important;
    padding: 11px 16px !important;
    font-size: 14px !important;
  }
}

/* ==========================================================
   MOBILE NAVIGATION TOGGLE & DRAWER SYSTEM
   ========================================================== */
.site-header {
  z-index: 100000 !important;
}

.mobile-toggle {
  display: none;
  background: transparent;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.12));
  color: var(--navy-deep, #06283e);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.mobile-toggle:hover {
  background: rgba(45, 121, 166, 0.08);
  border-color: var(--blue, #2d79a6);
}

[data-theme="dark"] .mobile-toggle {
  border-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

[data-theme="dark"] .mobile-toggle:hover {
  background: rgba(107, 200, 236, 0.12);
  border-color: #6bc8ec;
}

@media (max-width: 1080px) {
  .desktop-nav,
  .nav-search-btn {
    display: none !important;
  }
  .mobile-toggle {
    display: flex !important;
  }
}

/* Mobile Menu Fullscreen / Slide Drawer */
.mobile-menu {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: #ffffff !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: calc(var(--header-height, 80px) + 24px) 20px 40px !important;
  transform: translateY(-100%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease, visibility 0.35s !important;
}

.mobile-menu.open {
  transform: translateY(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.menu-open {
  overflow: hidden !important;
}

[data-theme="dark"] .mobile-menu {
  background: #0d1117 !important;
  color: #f1f5f9 !important;
}

/* Mobile Search Trigger Bar */
.mobile-search-slot,
.mobile-search-wrap {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.mobile-search-btn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  background: var(--paper, #e8f2f9) !important;
  border: 1px solid var(--line, rgba(0, 0, 0, 0.1)) !important;
  border-radius: 12px !important;
  color: var(--ink-soft, #475569) !important;
  font-size: 14px !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: all 0.2s ease !important;
}

.mobile-search-btn:hover {
  border-color: var(--blue, #2d79a6) !important;
  background: #ffffff !important;
}

.mobile-search-btn i {
  color: var(--blue, #2d79a6) !important;
  font-size: 16px !important;
}

.mobile-search-btn span {
  flex: 1 !important;
}

.mobile-search-btn kbd {
  background: rgba(0, 0, 0, 0.06) !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  font-size: 12px !important;
}

[data-theme="dark"] .mobile-search-btn {
  background: #161b22 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #a0b3c6 !important;
}

[data-theme="dark"] .mobile-search-btn:hover {
  border-color: #6bc8ec !important;
  background: #1c2128 !important;
}

[data-theme="dark"] .mobile-search-btn i {
  color: #6bc8ec !important;
}

[data-theme="dark"] .mobile-search-btn kbd {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

/* Mobile Accordions */
.mobile-menu-section {
  border-bottom: 1px solid var(--line, rgba(0, 0, 0, 0.08)) !important;
}

[data-theme="dark"] .mobile-menu-section {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.mobile-accordion-trigger {
  width: 100% !important;
  padding: 16px 4px !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--navy-deep, #06283e) !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: color 0.2s ease !important;
}

.mobile-accordion-trigger i {
  font-size: 15px !important;
  transition: transform 0.25s ease !important;
  color: var(--ink-soft, #475569) !important;
}

.mobile-accordion-trigger[aria-expanded="true"] i {
  transform: rotate(180deg) !important;
  color: var(--blue, #2d79a6) !important;
}

[data-theme="dark"] .mobile-accordion-trigger {
  color: #ffffff !important;
}

[data-theme="dark"] .mobile-accordion-trigger i {
  color: #a0b3c6 !important;
}

[data-theme="dark"] .mobile-accordion-trigger[aria-expanded="true"] i {
  color: #6bc8ec !important;
}

.mobile-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: flex !important;
  flex-direction: column !important;
  padding-left: 8px;
}

.mobile-accordion-content.open {
  padding-bottom: 14px;
}

.mobile-accordion-content a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 8px !important;
  color: var(--ink, #1e293b) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  transition: all 0.15s ease !important;
}

.mobile-accordion-content a:hover,
.mobile-accordion-content a:focus {
  background: rgba(45, 121, 166, 0.08) !important;
  color: var(--blue, #2d79a6) !important;
  padding-left: 12px !important;
}

.mobile-accordion-content a i {
  font-size: 12px !important;
  color: var(--ink-soft, #475569) !important;
}

[data-theme="dark"] .mobile-accordion-content a {
  color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="dark"] .mobile-accordion-content a:hover,
[data-theme="dark"] .mobile-accordion-content a:focus {
  background: rgba(107, 200, 236, 0.1) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .mobile-accordion-content a i {
  color: #a0b3c6 !important;
}

/* Mobile Actions Bottom Stack */
.mobile-actions {
  margin-top: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding-bottom: 20px !important;
}

.mobile-actions .btn {
  width: 100% !important;
  justify-content: center !important;
  padding: 14px 20px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
}

.mobile-theme-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

/* ==========================================================
   MOBILE ACCORDION SUB-MENU & SEARCH BAR
   ========================================================== */
.mobile-search-slot,
.mobile-search-wrap {
  padding: 0;
  margin-top: 18px !important;
  margin-bottom: 16px !important;
}

.mobile-search-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  color: var(--ink-soft, #475569);
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}

.mobile-search-btn i.bi-search {
  color: var(--blue, #0e7490);
  font-size: 15px;
}

.mobile-search-btn kbd {
  margin-left: auto;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--navy-deep, #06283e);
}

.mobile-search-btn:hover,
.mobile-search-btn:active {
  background: rgba(14, 116, 144, 0.08);
  border-color: var(--blue, #0e7490);
  color: var(--blue, #0e7490);
}

[data-theme="dark"] .mobile-search-wrap {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .mobile-search-btn {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.75);
}

[data-theme="dark"] .mobile-search-btn i.bi-search {
  color: #6bc8ec;
}

[data-theme="dark"] .mobile-search-btn kbd {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

[data-theme="dark"] .pr-action-btn.primary-pill {
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

[data-theme="dark"] .pr-action-btn.primary-pill:hover,
[data-theme="dark"] .pr-card-actions .pr-action-btn.primary-pill:hover {
  background: #ffffff !important;
  color: #06283e !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .pr-action-btn.primary-pill:hover span,
[data-theme="dark"] .pr-action-btn.primary-pill:hover i {
  color: #06283e !important;
}

[data-theme="dark"] .qual-cta-actions .btn:hover,
[data-theme="dark"] .qual-cta-banner .btn:hover {
  background: #e2e8f0 !important;
  color: #06283e !important;
}

[data-theme="dark"] .qual-cta-actions .btn:hover span,
[data-theme="dark"] .qual-cta-actions .btn:hover i,
[data-theme="dark"] .qual-cta-banner .btn:hover span,
[data-theme="dark"] .qual-cta-banner .btn:hover i {
  color: #06283e !important;
}

[data-theme="dark"] .mobile-search-btn:hover,
[data-theme="dark"] .mobile-search-btn:active {
  background: rgba(107, 200, 236, 0.12);
  border-color: #6bc8ec;
  color: #6bc8ec;
}

/* Mobile Accordion Structure */
.mobile-menu-section {
  border-bottom: 1px solid var(--line, rgba(0, 0, 0, 0.06));
  padding: 0 !important;
  margin: 0 !important;
}

[data-theme="dark"] .mobile-menu-section {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.mobile-accordion-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  background: transparent;
  border: none;
  font-size: 15px;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  cursor: pointer;
  text-align: left;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.mobile-accordion-trigger i.bi-chevron-down {
  font-size: 13px;
  color: var(--ink-soft, #475569);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-accordion-trigger[aria-expanded="true"] i.bi-chevron-down {
  transform: rotate(180deg);
  color: var(--blue, #0e7490);
}

.mobile-accordion-trigger[aria-expanded="true"] {
  color: var(--blue, #0e7490);
  background: rgba(14, 116, 144, 0.03);
}

[data-theme="dark"] .mobile-accordion-trigger {
  color: #ffffff;
}

[data-theme="dark"] .mobile-accordion-trigger i.bi-chevron-down {
  color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .mobile-accordion-trigger[aria-expanded="true"] {
  color: #6bc8ec;
  background: rgba(107, 200, 236, 0.04);
}

[data-theme="dark"] .mobile-accordion-trigger[aria-expanded="true"] i.bi-chevron-down {
  color: #6bc8ec;
}

.mobile-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  background: rgba(0, 0, 0, 0.02);
}

[data-theme="dark"] .mobile-accordion-content {
  background: rgba(255, 255, 255, 0.02);
}

.mobile-accordion-content a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 13px 20px 13px 28px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--ink-soft, #475569) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
}

.mobile-accordion-content a:last-child {
  border-bottom: none !important;
}

.mobile-accordion-content a i {
  font-size: 12px !important;
  opacity: 0.5 !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.mobile-accordion-content a:hover,
.mobile-accordion-content a:active {
  color: var(--blue, #0e7490) !important;
  background: rgba(14, 116, 144, 0.06) !important;
  padding-left: 32px !important;
}

.mobile-accordion-content a:hover i {
  opacity: 1 !important;
  transform: translateX(3px) !important;
}

[data-theme="dark"] .mobile-accordion-content a {
  color: rgba(255, 255, 255, 0.75) !important;
  border-bottom-color: rgba(255, 255, 255, 0.04) !important;
}

[data-theme="dark"] .mobile-accordion-content a:hover,
[data-theme="dark"] .mobile-accordion-content a:active {
  color: #6bc8ec !important;
  background: rgba(107, 200, 236, 0.08) !important;
}

/* ==========================================================
   FOOTER BRAND LOGO & TYPOGRAPHY SIZING (DESKTOP & MOBILE)
   ========================================================== */
.brand-footer {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  text-decoration: none !important;
}

.brand-footer .brand-emblem {
  width: 58px !important;
  height: 58px !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) drop-shadow(0 2px 10px rgba(255, 255, 255, 0.25)) !important;
  transition: transform 0.25s ease, filter 0.25s ease !important;
}

.brand-footer:hover .brand-emblem {
  transform: scale(1.06) !important;
  filter: brightness(0) invert(1) drop-shadow(0 4px 16px rgba(107, 200, 236, 0.6)) !important;
}

.brand-footer .brand-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.brand-footer .brand-title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  color: #ffffff !important;
  line-height: 1.2 !important;
}

.brand-footer .brand-sub {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  color: rgba(255, 255, 255, 0.72) !important;
  line-height: 1.2 !important;
}

/* Mobile Responsive Footer Brand Logo */
@media (max-width: 768px) {
  .footer-brand-strip {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1.25rem !important;
  }

  .brand-footer {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .brand-footer .brand-emblem {
    width: 66px !important;
    height: 66px !important;
  }

  .brand-footer .brand-title {
    font-size: 1.22rem !important;
    text-align: center !important;
  }

  .brand-footer .brand-sub {
    font-size: 0.76rem !important;
    text-align: center !important;
  }
}

/* Treatment Finder "View All Treatments" Ghost Button */
.finder-explore-all {
  margin-top: 1.25rem;
  padding-top: 0.25rem;
}

.btn-finder-all {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 13px 20px !important;
  border-radius: 14px !important;
  background: transparent !important;
  border: 1.5px solid rgba(6, 40, 62, 0.2) !important;
  color: var(--navy-deep, #06283e) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.btn-finder-all i {
  font-size: 15px !important;
  transition: transform 0.2s ease !important;
}

.btn-finder-all:hover {
  background: rgba(14, 116, 144, 0.06) !important;
  border-color: var(--blue, #0e7490) !important;
  color: var(--blue, #0e7490) !important;
  transform: translateY(-2px) !important;
}

.btn-finder-all:hover i {
  transform: translateX(4px) !important;
}

[data-theme="dark"] .btn-finder-all {
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .btn-finder-all:hover {
  background: rgba(107, 200, 236, 0.1) !important;
  border-color: #6bc8ec !important;
  color: #6bc8ec !important;
}

/* Sperm DNA Fragmentation & Lab Services Elements */
.takeaway-box {
  background: rgba(107, 200, 236, 0.08);
  border: 1px solid rgba(107, 200, 236, 0.25);
  border-left: 4px solid var(--blue, #6bc8ec);
  border-radius: 14px;
  padding: 24px 28px;
  margin: 28px 0;
}

.takeaway-box h3 {
  font-size: 19px;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  margin: 0 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.takeaway-box h3 i {
  color: var(--blue, #6bc8ec);
}

.takeaway-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.takeaway-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink-soft, #334155);
}

.takeaway-list li i {
  color: #10b981;
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 3px;
}

[data-theme="dark"] .takeaway-box {
  background: rgba(107, 200, 236, 0.05);
  border-color: rgba(107, 200, 236, 0.2);
  border-left-color: #6bc8ec;
}

[data-theme="dark"] .takeaway-box h3 {
  color: #ffffff;
}

[data-theme="dark"] .takeaway-list li {
  color: #cbd5e1;
}

/* Sidebar Lab Services Menu Widget */
.sidebar-nav-widget {
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 16px;
  padding: 22px;
  margin-top: 1.25rem;
}

.sidebar-nav-widget h4 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--blue, #0e7490);
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line, rgba(0, 0, 0, 0.08));
}

.sidebar-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.sidebar-nav-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink, #1e293b);
  text-decoration: none;
  transition: all 0.2s ease;
}

.sidebar-nav-list li a:hover {
  background: rgba(107, 200, 236, 0.08);
  color: var(--blue, #0e7490);
  transform: translateX(3px);
}

.sidebar-nav-list li.active a,
.sidebar-nav-list li a[aria-current="page"] {
  background: linear-gradient(135deg, rgba(107, 200, 236, 0.16) 0%, rgba(107, 200, 236, 0.08) 100%);
  color: var(--blue, #0e7490);
  border-left: 3px solid var(--blue, #6bc8ec);
  font-weight: 700;
}

[data-theme="dark"] .sidebar-nav-widget {
  background: #18181b;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .sidebar-nav-widget h4 {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .sidebar-nav-list li a {
  color: #e2e8f0;
}

[data-theme="dark"] .sidebar-nav-list li a:hover {
  background: rgba(107, 200, 236, 0.12);
  color: #6bc8ec;
}

[data-theme="dark"] .sidebar-nav-list li.active a,
[data-theme="dark"] .sidebar-nav-list li a[aria-current="page"] {
  background: rgba(107, 200, 236, 0.15);
  color: #6bc8ec;
}

/* Standalone Sidebar Video Card */
.sidebar-video-card {
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 16px;
  overflow: hidden;
  margin-top: 1.25rem;
}

.sidebar-video-card .video-caption-bar {
  padding: 14px 16px;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 600;
  color: var(--navy-deep, #06283e);
}

[data-theme="dark"] .sidebar-video-card {
  background: #18181b;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .sidebar-video-card .video-caption-bar {
  color: #ffffff;
}

/* Enhanced Light & Dark FAQ List */
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

.faq-list details {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  background: #ffffff;
  padding: 0;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}

.faq-list details[open] {
  border-color: #6bc8ec;
  box-shadow: 0 4px 16px rgba(107, 200, 236, 0.08);
}

.faq-list summary {
  padding: 16px 20px;
  font-size: 15px;
  font-weight: 600;
  color: #06283e;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  user-select: none;
  transition: color 0.2s ease;
}

.faq-list summary::-webkit-details-marker {
  display: none;
}

.faq-list summary span[aria-hidden="true"] {
  font-size: 18px;
  font-weight: 400;
  color: #6bc8ec;
  transition: transform 0.25s ease;
}

.faq-list details[open] summary span[aria-hidden="true"] {
  transform: rotate(45deg);
}

.faq-list details > div {
  padding: 0 20px 18px;
  color: #475569;
  font-size: 14.5px;
  line-height: 1.6;
}

.faq-list details > div p {
  margin: 0 0 10px;
}

.faq-list details > div p:last-child {
  margin-bottom: 0;
}

/* Dark Theme FAQ List Styling */
[data-theme="dark"] .faq-list details {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .faq-list details[open] {
  border-color: #6bc8ec !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .faq-list summary {
  color: #ffffff !important;
  background: transparent !important;
}

[data-theme="dark"] .faq-list summary:hover {
  background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .faq-list summary span[aria-hidden="true"] {
  color: #6bc8ec !important;
}

[data-theme="dark"] .faq-list details > div,
[data-theme="dark"] .faq-list details > div p {
  color: #a0b3c6 !important;
}

/* The Infertility Diet Elements */
.diet-intro-card {
  display: flex;
  align-items: flex-start;
  gap: 28px;
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 2.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.diet-logo-wrap {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.diet-logo-img {
  width: 124px;
  height: 124px;
  object-fit: contain;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  padding: 6px;
}

.diet-logo-badge {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blue, #0e7490);
  background: rgba(107, 200, 236, 0.12);
  padding: 4px 10px;
  border-radius: 20px;
}

.diet-intro-body {
  flex: 1;
}

.diet-intro-body h2 {
  font-size: 24px;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  margin: 0 0 14px;
}

.diet-app-showcase {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 32px;
  align-items: center;
  background: linear-gradient(135deg, var(--navy-deep, #06283e) 0%, #0d3b5c 100%);
  color: #ffffff;
  border-radius: 20px;
  padding: 36px 40px;
  margin: 3rem 0;
}

.diet-app-screen-img {
  width: 100%;
  max-width: 160px;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  transition: transform 0.3s ease;
}

.diet-app-screen-img:hover {
  transform: translateY(-4px) scale(1.02);
}

@media (max-width: 768px) {
  .diet-intro-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px;
  }
  .diet-app-showcase {
    grid-template-columns: 1fr;
    text-align: center;
    padding: 28px 20px;
  }
  .diet-app-screen-img {
    margin: 0 auto;
  }
}

[data-theme="dark"] .diet-intro-card {
  background: #18181b;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .diet-logo-img {
  background: #27272a;
  border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .diet-intro-body h2 {
  color: #ffffff;
}

/* ==========================================================
   PRESS RELEASES & MEDIA HUB STYLING
   ========================================================== */

.pr-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.pr-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--line);
  color: var(--ink-soft);
  backdrop-filter: blur(8px);
}

.pr-pill i {
  color: var(--blue);
  font-size: 13px;
}

.pr-layout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 48px;
  align-items: start;
}

.pr-section-header {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line-soft);
}

.pr-section-header h2 {
  font-size: 24px;
  color: var(--navy-deep);
  margin: 0 0 6px;
  font-weight: 750;
  letter-spacing: -0.02em;
}

.pr-section-header p {
  color: var(--muted);
  font-size: 14px;
  margin: 0;
}

.pr-feed-stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 48px;
}

.pr-feed-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 28px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  position: relative;
}

.pr-feed-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(6, 40, 62, 0.06);
  border-color: rgba(45, 121, 166, 0.35);
  background: #ffffff;
}

.pr-card-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.pr-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: rgba(107, 200, 236, 0.15);
  color: var(--navy-deep);
}

.pr-card-title {
  font-size: 20px;
  line-height: 1.35;
  color: var(--navy-deep);
  margin: 0 0 12px;
  font-weight: 700;
  letter-spacing: -0.015em;
}

.pr-card-text {
  color: var(--ink-soft);
  font-size: 14.5px;
  line-height: 1.68;
  margin: 0 0 20px;
}

.pr-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.pr-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 650;
  color: var(--navy);
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
}

.pr-action-btn:hover {
  color: var(--blue);
  transform: translateX(3px);
}

.pr-action-btn.primary-pill {
  padding: 8px 18px;
  border-radius: 999px;
  background: var(--navy-deep);
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(6, 40, 62, 0.12);
}

.pr-action-btn.primary-pill:hover {
  background: var(--blue);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 5px 16px rgba(45, 121, 166, 0.25);
}

.pr-pdf-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.pr-pdf-card {
  display: flex;
  flex-direction: column;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 22px;
  transition: all 0.2s ease;
}

.pr-pdf-card:hover {
  background: #ffffff;
  border-color: rgba(45, 121, 166, 0.35);
  box-shadow: 0 8px 24px rgba(6, 40, 62, 0.05);
  transform: translateY(-2px);
}

.pr-pdf-icon-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.pr-pdf-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.pr-pdf-badge {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--muted);
  letter-spacing: 0.06em;
}

.pr-pdf-card h3 {
  font-size: 16px;
  line-height: 1.38;
  color: var(--navy-deep);
  margin: 0 0 8px;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.pr-pdf-card p {
  color: var(--ink-soft);
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 16px;
  flex-grow: 1;
}

.pr-pdf-download-link {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--blue);
  text-decoration: none;
  transition: transform 0.2s ease, color 0.2s ease;
}

.pr-pdf-download-link:hover {
  color: var(--navy-deep);
  transform: translateX(3px);
}

.pr-sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.pr-side-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 24px;
}

.pr-side-title {
  font-size: 15px;
  font-weight: 750;
  color: var(--navy-deep);
  margin: 0 0 16px;
  letter-spacing: 0.01em;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pr-side-title i {
  color: var(--blue);
}

.pr-video-box {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 14px;
  background: #000;
}

.pr-video-poster {
  width: 100%;
  height: 180px;
  object-fit: cover;
  display: block;
  opacity: 0.85;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.pr-video-box:hover .pr-video-poster {
  opacity: 0.95;
  transform: scale(1.02);
}

.pr-video-play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(6, 40, 62, 0.35);
  transition: background 0.2s ease;
}

.pr-video-play-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: var(--navy-deep);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding-left: 3px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.pr-video-box:hover .pr-video-play-btn {
  transform: scale(1.1);
  background: #ffffff;
  color: var(--blue);
}

.pr-doctor-profile {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 14px;
}

.pr-doctor-img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--blue);
}

.pr-doctor-info h4 {
  margin: 0 0 3px;
  font-size: 15px;
  font-weight: 750;
  color: var(--navy-deep);
}

.pr-doctor-info span {
  font-size: 12px;
  color: var(--muted);
  display: block;
  line-height: 1.35;
}

.pr-testimonial-quote {
  padding: 14px 16px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.6);
  border-left: 3px solid var(--blue);
  margin-bottom: 14px;
}

.pr-testimonial-quote:last-child {
  margin-bottom: 0;
}

.pr-testimonial-quote p {
  font-size: 12.5px;
  font-style: italic;
  color: var(--ink);
  line-height: 1.6;
  margin: 0 0 6px;
}

.pr-testimonial-quote span {
  font-size: 11px;
  font-weight: 700;
  color: var(--navy);
  display: block;
}

.pr-cta-card {
  background: linear-gradient(135deg, var(--navy-deep) 0%, #0a3a58 100%);
  color: #ffffff;
  border-color: transparent;
}

.pr-cta-card .pr-side-title {
  color: #ffffff;
}

.pr-cta-card p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 1.65;
  margin: 0 0 18px;
}

.pr-cta-card .btn {
  width: 100%;
}

/* ==========================================================
   PRESS RELEASES DARK THEME
   ========================================================== */

[data-theme="dark"] .pr-pill {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
}

[data-theme="dark"] .pr-section-header h2 {
  color: #f5f5f5;
}

[data-theme="dark"] .pr-section-header p {
  color: #8f9aa0;
}

[data-theme="dark"] .pr-feed-card,
[data-theme="dark"] .pr-pdf-card,
[data-theme="dark"] .pr-side-card {
  background: #141416;
  border-color: rgba(255, 255, 255, 0.10);
}

[data-theme="dark"] .pr-feed-card:hover,
[data-theme="dark"] .pr-pdf-card:hover {
  background: #1b1b1f;
  border-color: rgba(107, 200, 236, 0.3);
}

[data-theme="dark"] .pr-tag {
  background: rgba(107, 200, 236, 0.16);
  color: #6bc8ec;
}

[data-theme="dark"] .pr-card-title,
[data-theme="dark"] .pr-pdf-card h3,
[data-theme="dark"] .pr-side-title,
[data-theme="dark"] .pr-doctor-info h4 {
  color: #f5f5f5;
}

[data-theme="dark"] .pr-card-text,
[data-theme="dark"] .pr-pdf-card p,
[data-theme="dark"] .pr-testimonial-quote p {
  color: #b7c0c5;
}

[data-theme="dark"] .pr-action-btn {
  color: #ffffff;
}

[data-theme="dark"] .pr-action-btn:hover {
  color: #6bc8ec;
}

[data-theme="dark"] .pr-action-btn.primary-pill {
  color: #6bc8ec;
}

[data-theme="dark"] .pr-pdf-download-link:hover {
  color: #ffffff;
}

[data-theme="dark"] .pr-testimonial-quote {
  background: rgba(255, 255, 255, 0.04);
  border-left-color: #6bc8ec;
}

[data-theme="dark"] .pr-testimonial-quote span {
  color: #6bc8ec;
}

[data-theme="dark"] .pr-cta-card {
  background: linear-gradient(135deg, #0b2d42 0%, #101c26 100%);
  border-color: rgba(255, 255, 255, 0.12);
}

@media (max-width: 980px) {
  .pr-layout-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 680px) {
  .pr-pdf-grid {
    grid-template-columns: 1fr;
  }
  .pr-feed-card {
    padding: 22px 18px;
  }
}

/* ==========================================================
   VCRM IN THE NEWS STYLES
   ========================================================== */

.news-layout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 48px;
  align-items: start;
}

.news-hero-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.news-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12.5px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid var(--line);
  color: var(--ink-soft);
  backdrop-filter: blur(8px);
}

.news-pill i {
  color: var(--blue);
  font-size: 13px;
}

.news-award-spotlight {
  background: linear-gradient(135deg, rgba(45, 121, 166, 0.08) 0%, rgba(107, 200, 236, 0.12) 100%);
  border: 1px solid rgba(45, 121, 166, 0.25);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.news-spotlight-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 32px;
  align-items: center;
}

.news-spotlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  background: var(--navy-deep);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}

.news-spotlight-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--navy-deep);
  line-height: 1.3;
  margin: 0 0 12px;
  letter-spacing: -0.015em;
}

.news-spotlight-desc {
  font-size: 15px;
  color: var(--ink-soft);
  line-height: 1.65;
  margin: 0 0 18px;
}

.news-stat-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding-top: 14px;
  border-top: 1px solid rgba(45, 121, 166, 0.2);
}

.news-stat-item strong {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: var(--navy-deep);
  line-height: 1.1;
}

.news-stat-item span {
  font-size: 12px;
  color: var(--muted);
  font-weight: 600;
}

.news-spotlight-badges {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.news-badge-img {
  width: 140px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(6, 40, 62, 0.12);
  background: #ffffff;
  padding: 6px;
  transition: transform 0.25s ease;
}

.news-badge-img:hover {
  transform: scale(1.05);
}

.news-award-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 48px;
}

.news-award-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.25s ease;
}

.news-award-card:hover {
  transform: translateY(-3px);
  border-color: rgba(45, 121, 166, 0.35);
  box-shadow: 0 10px 28px rgba(6, 40, 62, 0.08);
  background: #ffffff;
}

.news-award-card-img {
  height: 100px;
  width: auto;
  object-fit: contain;
  margin-bottom: 14px;
}

.news-award-card h3 {
  font-size: 16px;
  font-weight: 750;
  color: var(--navy-deep);
  margin: 0 0 6px;
  line-height: 1.3;
}

.news-award-card p {
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.55;
  margin: 0;
}

.news-article-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 28px;
  margin-bottom: 24px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.news-article-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(6, 40, 62, 0.06);
  border-color: rgba(45, 121, 166, 0.35);
  background: #ffffff;
}

.news-article-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.news-article-title {
  font-size: 20px;
  font-weight: 750;
  color: var(--navy-deep);
  margin: 0 0 12px;
  line-height: 1.35;
  letter-spacing: -0.015em;
}

.news-article-body {
  color: var(--ink-soft);
  font-size: 14.5px;
  line-height: 1.68;
  margin: 0 0 18px;
}

.news-bullet-list {
  margin: 12px 0 18px 20px;
  padding: 0;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.7;
}

.news-bullet-list li {
  margin-bottom: 8px;
}

.news-quote-box {
  background: rgba(45, 121, 166, 0.06);
  border-left: 4px solid var(--blue);
  padding: 16px 20px;
  border-radius: 0 12px 12px 0;
  margin: 16px 0 20px;
  font-style: italic;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.65;
}

.news-quote-box cite {
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  color: var(--navy-deep);
  margin-top: 8px;
}

.news-mag-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.news-mag-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  transition: all 0.2s ease;
}

.news-mag-card:hover {
  background: #ffffff;
  border-color: rgba(45, 121, 166, 0.35);
  box-shadow: 0 8px 24px rgba(6, 40, 62, 0.06);
  transform: translateY(-2px);
}

.news-mag-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(107, 200, 236, 0.15);
  color: var(--blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 12px;
}

.news-mag-card h4 {
  font-size: 15.5px;
  font-weight: 750;
  color: var(--navy-deep);
  margin: 0 0 6px;
  line-height: 1.35;
}

.news-mag-card p {
  font-size: 13px;
  color: var(--ink-soft);
  line-height: 1.55;
  margin: 0 0 14px;
  flex-grow: 1;
}

.news-mag-download {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--blue);
  text-decoration: none;
  transition: transform 0.2s ease, color 0.2s ease;
}

.news-mag-download:hover {
  color: var(--navy-deep);
  transform: translateX(3px);
}

/* ==========================================================
   VCRM IN THE NEWS DARK THEME
   ========================================================== */

[data-theme="dark"] .news-pill {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
}

[data-theme="dark"] .news-award-spotlight {
  background: linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%);
  border-color: rgba(107, 200, 236, 0.25);
}

[data-theme="dark"] .news-spotlight-title {
  color: #f5f5f5;
}

[data-theme="dark"] .news-spotlight-desc {
  color: #b7c0c5;
}

[data-theme="dark"] .news-stat-item strong {
  color: #6bc8ec;
}

[data-theme="dark"] .news-stat-item span {
  color: #94a3b8;
}

[data-theme="dark"] .news-badge-img {
  background: #1e293b;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .news-award-card,
[data-theme="dark"] .news-article-card,
[data-theme="dark"] .news-mag-card {
  background: #141416;
  border-color: rgba(255, 255, 255, 0.10);
}

[data-theme="dark"] .news-award-card:hover,
[data-theme="dark"] .news-article-card:hover,
[data-theme="dark"] .news-mag-card:hover {
  background: #1b1b1f;
  border-color: rgba(107, 200, 236, 0.3);
}

[data-theme="dark"] .news-award-card h3,
[data-theme="dark"] .news-article-title,
[data-theme="dark"] .news-mag-card h4 {
  color: #f5f5f5;
}

[data-theme="dark"] .news-award-card p,
[data-theme="dark"] .news-article-body,
[data-theme="dark"] .news-bullet-list,
[data-theme="dark"] .news-mag-card p {
  color: #b7c0c5;
}

[data-theme="dark"] .news-quote-box {
  background: rgba(255, 255, 255, 0.04);
  border-left-color: #6bc8ec;
  color: #d1d5db;
}

[data-theme="dark"] .news-quote-box cite {
  color: #6bc8ec;
}

[data-theme="dark"] .news-mag-download {
  color: #6bc8ec;
}

[data-theme="dark"] .news-mag-download:hover {
  color: #ffffff;
}

@media (max-width: 980px) {
  .news-layout-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .news-award-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .news-spotlight-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .news-stat-strip {
    justify-content: center;
  }
  .news-spotlight-badges {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media (max-width: 680px) {
  .news-award-grid,
  .news-mag-grid {
    grid-template-columns: 1fr;
  }
  .news-article-card {
    padding: 22px 18px;
  }
  .news-award-spotlight {
    padding: 24px 18px;
  }
}

/* ==========================================================
   EGG DONOR QUALIFICATIONS STYLES
   ========================================================== */

.qual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 28px 0 40px;
}

.qual-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  transition: all 0.25s ease;
  position: relative;
}

.qual-card:hover {
  transform: translateY(-2px);
  border-color: rgba(45, 121, 166, 0.35);
  box-shadow: 0 10px 28px rgba(6, 40, 62, 0.06);
  background: #ffffff;
}

.qual-icon,
.qual-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(107, 200, 236, 0.15);
  color: var(--blue);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 14px;
  flex-shrink: 0;
  box-sizing: border-box;
}

.qual-card h3 {
  font-size: 17px;
  font-weight: 750;
  color: var(--navy-deep);
  margin: 0 0 8px;
  line-height: 1.35;
}

.qual-card p {
  font-size: 13.5px;
  color: var(--ink-soft);
  line-height: 1.6;
  margin: 0;
}

.qual-steps-timeline {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 28px 0 40px;
}

.qual-step-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  background: var(--surface, #ffffff) !important;
  border: 1px solid var(--line, #e2e8f0) !important;
  border-radius: 14px !important;
  padding: 24px 26px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(6, 40, 62, 0.04) !important;
}

.qual-step-item:hover {
  background: #ffffff !important;
  border-color: rgba(45, 121, 166, 0.35) !important;
  box-shadow: 0 6px 20px rgba(6, 40, 62, 0.07) !important;
}

.qual-step-num {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #06283e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.qual-step-content {
  flex: 1 !important;
}

.qual-step-content h4 {
  font-size: 1.08rem !important;
  font-weight: 750 !important;
  color: var(--navy-deep, #06283e) !important;
  margin: 0 0 8px !important;
  line-height: 1.35 !important;
}

.qual-step-content p {
  font-size: 0.95rem !important;
  color: var(--ink-soft, #475569) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

.qual-cta-banner {
  background: linear-gradient(135deg, var(--navy-deep) 0%, #0c3e60 100%);
  border-radius: 18px;
  padding: 32px;
  color: #ffffff;
  margin-top: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.qual-cta-text h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 800;
  margin: 0 0 6px;
}

.qual-cta-text p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  margin: 0;
  line-height: 1.55;
}

.qual-cta-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* DARK THEME */
[data-theme="dark"] .qual-card,
[data-theme="dark"] .qual-step-item {
  background: #141f2a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .qual-card:hover,
[data-theme="dark"] .qual-step-item:hover {
  background: #182635 !important;
  border-color: rgba(107, 200, 236, 0.3) !important;
}

[data-theme="dark"] .qual-card h3,
[data-theme="dark"] .qual-card h4,
[data-theme="dark"] .qual-step-content h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .qual-card p,
[data-theme="dark"] .qual-step-content p {
  color: rgba(255, 255, 255, 0.82) !important;
}

[data-theme="dark"] .qual-step-num {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(2, 132, 199, 0.35) !important;
}

@media (max-width: 768px) {
  .qual-grid {
    grid-template-columns: 1fr;
  }
  .qual-step-item {
    flex-direction: column;
    gap: 12px;
  }
}

/* ==========================================================
   UNIVERSAL DARK THEME BUTTON & HOVER STYLES
   ========================================================== */
[data-theme="dark"] .pr-action-btn.primary-pill,
[data-theme="dark"] .pr-card-actions .pr-action-btn.primary-pill {
  background: #1e293b;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

[data-theme="dark"] .pr-action-btn.primary-pill:hover,
[data-theme="dark"] .pr-card-actions .pr-action-btn.primary-pill:hover,
[data-theme="dark"] .pr-card-actions a.primary-pill:hover,
[data-theme="dark"] .news-article-card .pr-card-actions .primary-pill:hover,
[data-theme="dark"] .news-article-card .pr-card-actions a:first-child:hover {
  background: #ffffff !important;
  color: #06283e !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .pr-action-btn.primary-pill:hover span,
[data-theme="dark"] .pr-action-btn.primary-pill:hover i,
[data-theme="dark"] .pr-card-actions .pr-action-btn.primary-pill:hover span,
[data-theme="dark"] .pr-card-actions .pr-action-btn.primary-pill:hover i,
[data-theme="dark"] .pr-card-actions a.primary-pill:hover span,
[data-theme="dark"] .pr-card-actions a.primary-pill:hover i,
[data-theme="dark"] .news-article-card .pr-card-actions .primary-pill:hover span,
[data-theme="dark"] .news-article-card .pr-card-actions .primary-pill:hover i,
[data-theme="dark"] .news-article-card .pr-card-actions a:first-child:hover span,
[data-theme="dark"] .news-article-card .pr-card-actions a:first-child:hover i {
  color: #06283e !important;
}

[data-theme="dark"] .pr-card-actions .pr-action-btn:not(.primary-pill):hover {
  color: #6bc8ec !important;
  transform: translateX(4px);
}
[data-theme="dark"] .pr-card-actions .pr-action-btn:not(.primary-pill):hover span,
[data-theme="dark"] .pr-card-actions .pr-action-btn:not(.primary-pill):hover i {
  color: #6bc8ec !important;
}

/* Ensure specific dark theme buttons with white/light hover states show dark text */
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-white:hover,
[data-theme="dark"] .nav-cta:hover,
[data-theme="dark"] .header-cta:hover,
[data-theme="dark"] .btn-hero-primary:hover,
[data-theme="dark"] .content-btn:not(.btn-outline):not(.button-ghost):hover,
[data-theme="dark"] .cta-actions .btn-primary:hover,
[data-theme="dark"] .cta-actions .btn-light:hover,
[data-theme="dark"] .qual-cta-actions .btn-primary:hover,
[data-theme="dark"] .sidebar-action-card .btn:hover,
[data-theme="dark"] .mobile-action-card-bottom .btn:hover {
  color: #06283e !important;
}

[data-theme="dark"] .btn-primary:hover i,
[data-theme="dark"] .btn-white:hover i,
[data-theme="dark"] .nav-cta:hover i,
[data-theme="dark"] .header-cta:hover i,
[data-theme="dark"] .btn-hero-primary:hover i,
[data-theme="dark"] .content-btn:not(.btn-outline):not(.button-ghost):hover i,
[data-theme="dark"] .cta-actions .btn-primary:hover i,
[data-theme="dark"] .cta-actions .btn-light:hover i,
[data-theme="dark"] .qual-cta-actions .btn-primary:hover i,
[data-theme="dark"] .sidebar-action-card .btn:hover i,
[data-theme="dark"] .mobile-action-card-bottom .btn:hover i {
  color: #06283e !important;
}

[data-theme="dark"] .btn-primary:hover span,
[data-theme="dark"] .btn-white:hover span,
[data-theme="dark"] .nav-cta:hover span,
[data-theme="dark"] .header-cta:hover span,
[data-theme="dark"] .btn-hero-primary:hover span,
[data-theme="dark"] .content-btn:not(.btn-outline):not(.button-ghost):hover span,
[data-theme="dark"] .cta-actions .btn-primary:hover span,
[data-theme="dark"] .cta-actions .btn-light:hover span,
[data-theme="dark"] .qual-cta-actions .btn-primary:hover span,
[data-theme="dark"] .sidebar-action-card .btn:hover span,
[data-theme="dark"] .mobile-action-card-bottom .btn:hover span {
  color: #06283e !important;
}

/* ==========================================================
   COMPREHENSIVE DARK THEME SYSTEM FOR NEW PAGES & COMPONENTS
   ========================================================== */
:root {
  --clr-card-bg: #ffffff;
  --clr-border: #e2e8f0;
  --clr-heading: #0f172a;
  --clr-primary: #0e82c5;
  --clr-text: #334155;
  --clr-text-sub: #64748b;
  --clr-callout-bg: rgba(45, 121, 166, 0.06);
  --clr-callout-border: rgba(45, 121, 166, 0.2);
}

[data-theme="dark"] {
  --clr-card-bg: #1e1e1e;
  --clr-border: rgba(255, 255, 255, 0.12);
  --clr-heading: #f8fafc;
  --clr-primary: #6bc8ec;
  --clr-text: #e2e8f0;
  --clr-text-sub: #94a3b8;
  --clr-callout-bg: rgba(255, 255, 255, 0.05);
  --clr-callout-border: rgba(255, 255, 255, 0.14);
}

/* FAQ Accordion & FAQ Items */
.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 2rem;
}

.faq-item,
.faq-accordion details,
.faq-accordion .faq-item,
.editorial-content .faq-accordion details,
.editorial-content .faq-accordion .faq-item {
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 12px;
  padding: 18px 22px;
  margin-bottom: 12px;
  transition: all 0.2s ease;
}

.faq-item h3,
.faq-item summary,
.faq-accordion summary {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.faq-item h3 i,
.faq-item summary i,
.faq-accordion summary i {
  color: #2d79a6;
  font-size: 1.15rem;
  flex-shrink: 0;
}

.faq-item p,
.faq-accordion details p,
.faq-accordion .faq-item p {
  font-size: 0.94rem;
  line-height: 1.65;
  color: var(--ink-soft, #475569);
  margin: 0;
}

/* Dark Mode Overrides for FAQ Accordion & Items */
[data-theme="dark"] .faq-item,
[data-theme="dark"] .faq-accordion details,
[data-theme="dark"] .faq-accordion .faq-item,
[data-theme="dark"] .editorial-content .faq-accordion details,
[data-theme="dark"] .editorial-content .faq-accordion .faq-item,
[data-theme="dark"] details.faq-item,
[data-theme="dark"] div.faq-item {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .faq-item h3,
[data-theme="dark"] .faq-item summary,
[data-theme="dark"] .faq-accordion summary,
[data-theme="dark"] .faq-accordion h3 {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .faq-item h3 i,
[data-theme="dark"] .faq-item summary i,
[data-theme="dark"] .faq-accordion summary i,
[data-theme="dark"] .faq-accordion h3 i {
  color: #6bc8ec !important;
}

[data-theme="dark"] .faq-item p,
[data-theme="dark"] .faq-accordion details p,
[data-theme="dark"] .faq-accordion .faq-item p,
[data-theme="dark"] details.faq-item p,
[data-theme="dark"] div.faq-item p {
  color: #b3b3b3 !important;
}

/* Callout Boxes & Clinical Highlights */
.clinical-callout-box,
.highlight-callout,
.news-key-takeaway {
  background: rgba(45, 121, 166, 0.06);
  border: 1px solid rgba(45, 121, 166, 0.18);
  border-left: 4px solid #2d79a6;
  border-radius: 0 12px 12px 0;
  padding: 20px 24px;
  margin: 24px 0;
}

.clinical-callout-box .callout-title,
.highlight-callout h4,
.takeaway-badge {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--navy-deep, #06283e);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.clinical-callout-box p,
.highlight-callout p {
  font-size: 0.94rem;
  line-height: 1.6;
  color: var(--ink-soft, #444);
  margin: 0;
}

[data-theme="dark"] .clinical-callout-box,
[data-theme="dark"] .highlight-callout,
[data-theme="dark"] .news-key-takeaway {
  background: #1e1e1e !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-left: 4px solid #6bc8ec !important;
}

[data-theme="dark"] .clinical-callout-box .callout-title,
[data-theme="dark"] .highlight-callout h4,
[data-theme="dark"] .takeaway-badge {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .clinical-callout-box p,
[data-theme="dark"] .highlight-callout p {
  color: #b3b3b3 !important;
}

/* Evidence Stat Grids & Timeline Items */
.evidence-stat-grid > div,
.timeline-grid > div,
.timeline-step,
.feature-card-item,
.qual-card,
.qual-step-item {
  background: var(--surface, #ffffff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 12px;
  padding: 20px;
  transition: all 0.2s ease;
}

[data-theme="dark"] .evidence-stat-grid > div,
[data-theme="dark"] .timeline-grid > div,
[data-theme="dark"] .timeline-step,
[data-theme="dark"] .feature-card-item,
[data-theme="dark"] .qual-card,
[data-theme="dark"] .qual-step-item,
[data-theme="dark"] .news-layout-grid .news-main-col > div[style*="background"],
[data-theme="dark"] .editorial-content div[style*="background"] {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .evidence-stat-grid > div h4,
[data-theme="dark"] .timeline-grid > div h4,
[data-theme="dark"] .evidence-stat-grid > div div[style*="color: #06283e"],
[data-theme="dark"] .evidence-stat-grid > div div[style*="color:#06283e"] {
  color: #f5f5f5 !important;
}

[data-theme="dark"] .evidence-stat-grid > div p,
[data-theme="dark"] .timeline-grid > div p {
  color: #b3b3b3 !important;
}

/* Tables in Dark Mode */
[data-theme="dark"] .editorial-content table,
[data-theme="dark"] .news-main-col table {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .editorial-content table thead tr,
[data-theme="dark"] .news-main-col table thead tr {
  background: rgba(255, 255, 255, 0.08) !important;
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .editorial-content table th,
[data-theme="dark"] .news-main-col table th {
  color: #ffffff !important;
}

[data-theme="dark"] .editorial-content table td,
[data-theme="dark"] .news-main-col table td {
  color: #cccccc !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* News pills & hero badges in dark mode */
[data-theme="dark"] .news-pill,
[data-theme="dark"] .hero-badge {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  color: #f5f5f5 !important;
}





/* ==========================================================================
   VCRM EDITORIAL & CLINICAL COMPONENTS DESIGN SYSTEM (LIGHT & DARK THEMES)
   ========================================================================== */

/* --- EDITORIAL LAYOUT --- */
.editorial-reading-wrap {
  padding: 60px 0;
  background-color: var(--paper);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.editorial-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 48px;
  align-items: start;
}

@media (max-width: 991px) {
  .editorial-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

.editorial-content {
  background: transparent;
}

.editorial-section {
  margin-bottom: 48px;
  scroll-margin-top: 100px;
}

.editorial-section h2 {
  font-size: 1.85rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
  margin-bottom: 20px;
  line-height: 1.3;
}

.editorial-section h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
  margin-top: 28px;
  margin-bottom: 14px;
}

.editorial-section p {
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--text-secondary, #334155);
  margin-bottom: 18px;
}

.editorial-section ul, .editorial-section ol {
  margin-bottom: 24px;
  padding-left: 24px;
  color: var(--text-secondary, #334155);
  line-height: 1.75;
}

.editorial-section li {
  margin-bottom: 10px;
}

/* --- CALLOUTS --- */
.editorial-callout {
  display: flex;
  gap: 20px;
  padding: 24px 28px;
  border-radius: 12px;
  margin-bottom: 36px;
  background: #f0fdf4;
  border-left: 5px solid #22c55e;
}

.editorial-callout.gold-callout {
  background: #fefce8;
  border-left: 5px solid #d97706;
}

.callout-icon {
  font-size: 1.8rem;
  color: #d97706;
  flex-shrink: 0;
  margin-top: 4px;
}

.callout-body h3 {
  margin: 0 0 8px 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #78350f;
}

.callout-body p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: #92400e;
}

/* --- STATS RIBBON --- */
.stats-ribbon {
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
  padding: 24px 0;
}

.ribbon-inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
}

.ribbon-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ribbon-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(95, 188, 233, 0.15);
  color: var(--primary, #0284c7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  flex-shrink: 0;
}

.ribbon-text {
  display: flex;
  flex-direction: column;
}

.ribbon-title {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
}

.ribbon-desc {
  font-size: 0.82rem;
  color: var(--text-muted, #64748b);
}

/* --- FEATURE CARDS GRID --- */
.feature-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.feature-box {
  background: #ffffff;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feature-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

.feature-box .box-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(95, 188, 233, 0.12);
  color: var(--primary, #0284c7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  margin-bottom: 16px;
}

.feature-box h4 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
  margin-bottom: 10px;
}

.feature-box p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-secondary, #475569);
  margin: 0;
}

/* --- ACCORDIONS --- */
.accordion-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}

.accordion-item {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px 24px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.accordion-header h4 {
  margin: 0 0 12px 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
  display: flex;
  align-items: center;
  gap: 10px;
}

.accordion-header h4 i {
  color: var(--primary, #0284c7);
}

.accordion-content p {
  margin-bottom: 12px;
  font-size: 0.98rem;
  line-height: 1.65;
}

.accordion-content ul {
  margin-bottom: 0;
}

/* --- RIGHTS LIST --- */
.rights-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 24px;
}

.right-item {
  display: flex;
  gap: 20px;
  background: #ffffff;
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.right-number {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--primary, #0284c7);
  background: rgba(95, 188, 233, 0.12);
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.right-text h4 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
  margin-bottom: 8px;
}

.right-text p {
  font-size: 0.96rem;
  line-height: 1.65;
  color: var(--text-secondary, #475569);
  margin: 0;
}

/* --- CONTACT CARDS DUAL --- */
.contact-card-dual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .contact-card-dual {
    grid-template-columns: 1fr;
  }
}

.clinic-contact-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.clinic-contact-card.hhs-card {
  border-left: 4px solid var(--primary, #0284c7);
}

.clinic-contact-card .card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f5f9;
}

.clinic-contact-card .card-header i {
  font-size: 1.3rem;
  color: var(--primary, #0284c7);
}

.clinic-contact-card .card-header h4 {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
}

.clinic-contact-card .card-body p {
  margin-bottom: 8px;
  font-size: 0.92rem;
  line-height: 1.55;
  color: var(--text-secondary, #475569);
}

.notice-footer-meta {
  background: rgba(95, 188, 233, 0.08);
  border: 1px solid rgba(95, 188, 233, 0.2);
  border-radius: 10px;
  padding: 16px 20px;
  margin-top: 32px;
}

.notice-footer-meta p {
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-secondary, #475569);
}

/* --- SIDEBAR WIDGETS --- */
.sidebar-widget {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.sidebar-widget .widget-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f1f5f9;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sidebar-widget .widget-title i {
  color: var(--primary, #0284c7);
}

.toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.toc-list li {
  margin-bottom: 10px;
}

.toc-list a {
  color: var(--text-secondary, #475569);
  text-decoration: none;
  font-size: 0.94rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: color 0.2s ease, transform 0.2s ease;
}

.toc-list a:hover {
  color: var(--primary, #0284c7);
  transform: translateX(4px);
}

.officer-body p {
  margin-bottom: 6px;
  font-size: 0.92rem;
}

.officer-name {
  font-size: 1.05rem;
  color: var(--text-primary, #0f2d42);
}

.officer-role {
  color: var(--primary, #0284c7);
  font-weight: 600;
}

.officer-clinic {
  color: var(--text-muted, #64748b);
  margin-bottom: 16px;
}

.officer-btn-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 14px;
}

.sidebar-resource-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-resource-links li {
  margin-bottom: 10px;
}

.sidebar-resource-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-secondary, #475569);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 500;
  padding: 8px 10px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.sidebar-resource-links a:hover {
  background: #f1f5f9;
  color: var(--primary, #0284c7);
}

.sidebar-resource-links a i {
  color: var(--primary, #0284c7);
  font-size: 0.9rem;
}

/* --- CTA BAND --- */
.cta-band:not(section) {
  background: linear-gradient(135deg, #0f2d42 0%, #1e4d66 100%);
  color: #ffffff;
  padding: 60px 0;
}

.cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

@media (max-width: 991px) {
  .cta-inner {
    flex-direction: column;
    text-align: center;
  }
}

.cta-text h2 {
  font-size: 2rem;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
}

.cta-text p {
  font-size: 1.05rem;
  color: #e2e8f0;
  margin: 0;
  max-width: 680px;
  line-height: 1.6;
}

.cta-actions {
  display: flex;
  gap: 16px;
  flex-shrink: 0;
}

@media (max-width: 575px) {
  .cta-actions {
    flex-direction: column;
    width: 100%;
  }
}

.btn-gold {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color: #ffffff !important;
  font-weight: 700;
  border: none;
  padding: 14px 28px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);
  transition: all 0.2s ease;
}

.btn-gold:hover {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%);
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(217, 119, 6, 0.4);
}

.btn-outline-white {
  background: transparent;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.6);
  font-weight: 700;
  padding: 12px 26px;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.btn-outline-white:hover {
  background: #ffffff;
  color: #0f2d42 !important;
  border-color: #ffffff;
}

/* --- GLOSSARY COMPONENTS --- */
.glossary-search-wrap {
  margin-bottom: 30px;
}

.glossary-search-input {
  width: 100%;
  padding: 14px 20px;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  font-size: 1rem;
  background: #ffffff;
  color: #0f2d42;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
  outline: none;
  transition: border-color 0.2s;
}

.glossary-search-input:focus {
  border-color: var(--primary, #0284c7);
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}

.alpha-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 30px;
}

.alpha-btn {
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #0f2d42;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}

.alpha-btn:hover, .alpha-btn.active {
  background: var(--primary, #0284c7);
  color: #ffffff;
  border-color: var(--primary, #0284c7);
}

.glossary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.glossary-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03);
}

.glossary-card h3 {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary, #0f2d42);
  margin-bottom: 8px;
}

.glossary-card p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--text-secondary, #475569);
  margin: 0;
}

/* --- MYTHS COMPONENTS --- */
.myth-card-grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

.myth-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.myth-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.myth-badge {
  background: #fee2e2;
  color: #b91c1c;
  font-weight: 800;
  font-size: 0.8rem;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
}

.fact-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  margin-bottom: 8px;
}

.fact-badge {
  background: #dcfce7;
  color: #15803d;
  font-weight: 800;
  font-size: 0.8rem;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: uppercase;
}

/* --- MANDATE COMPONENTS --- */
.mandate-summary-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.mandate-table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
}

.mandate-table th, .mandate-table td {
  padding: 14px 18px;
  border: 1px solid #e2e8f0;
  text-align: left;
}

.mandate-table th {
  background: #f8fafc;
  font-weight: 700;
  color: #0f2d42;
}

/* ==========================================================================
   DARK THEME SYSTEM OVERRIDES ([data-theme="dark"])
   ========================================================================== */

[data-theme="dark"] .editorial-reading-wrap {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
}

[data-theme="dark"] .editorial-section h2,
[data-theme="dark"] .editorial-section h3,
[data-theme="dark"] .editorial-section h4 {
  color: #f8fafc !important;
}

[data-theme="dark"] .editorial-section p,
[data-theme="dark"] .editorial-section li {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .editorial-callout {
  background: #064e3b !important;
  border-left-color: #10b981 !important;
}

[data-theme="dark"] .editorial-callout.gold-callout {
  background: #451a03 !important;
  border-left-color: #f59e0b !important;
}

[data-theme="dark"] .callout-body h3 {
  color: #fef3c7 !important;
}

[data-theme="dark"] .callout-body p {
  color: #fde68a !important;
}

[data-theme="dark"] .stats-ribbon {
  background: #1e293b !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .ribbon-icon {
  background: rgba(95, 188, 233, 0.2) !important;
  color: #38bdf8 !important;
}

[data-theme="dark"] .ribbon-title {
  color: #f8fafc !important;
}

[data-theme="dark"] .ribbon-desc {
  color: #94a3b8 !important;
}

[data-theme="dark"] .feature-box,
[data-theme="dark"] .accordion-item,
[data-theme="dark"] .right-item,
[data-theme="dark"] .clinic-contact-card,
[data-theme="dark"] .sidebar-widget,
[data-theme="dark"] .glossary-card,
[data-theme="dark"] .myth-card,
[data-theme="dark"] .mandate-summary-card {
  background: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .feature-box h4,
[data-theme="dark"] .accordion-header h4,
[data-theme="dark"] .right-text h4,
[data-theme="dark"] .clinic-contact-card .card-header h4,
[data-theme="dark"] .sidebar-widget .widget-title,
[data-theme="dark"] .officer-name,
[data-theme="dark"] .glossary-card h3 {
  color: #f8fafc !important;
}

[data-theme="dark"] .feature-box p,
[data-theme="dark"] .accordion-content p,
[data-theme="dark"] .right-text p,
[data-theme="dark"] .clinic-contact-card .card-body p,
[data-theme="dark"] .officer-body p,
[data-theme="dark"] .glossary-card p {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .right-number {
  background: rgba(95, 188, 233, 0.2) !important;
  color: #38bdf8 !important;
}

[data-theme="dark"] .clinic-contact-card .card-header {
  border-bottom-color: #334155 !important;
}

[data-theme="dark"] .sidebar-widget .widget-title {
  border-bottom-color: #334155 !important;
}

[data-theme="dark"] .toc-list a,
[data-theme="dark"] .sidebar-resource-links a {
  color: #94a3b8 !important;
}

[data-theme="dark"] .toc-list a:hover,
[data-theme="dark"] .sidebar-resource-links a:hover {
  color: #38bdf8 !important;
  background: #334155 !important;
}

[data-theme="dark"] .notice-footer-meta {
  background: rgba(95, 188, 233, 0.1) !important;
  border-color: rgba(95, 188, 233, 0.25) !important;
}

[data-theme="dark"] .notice-footer-meta p {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .glossary-search-input {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .alpha-btn {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .alpha-btn:hover,
[data-theme="dark"] .alpha-btn.active {
  background: #0284c7 !important;
  color: #ffffff !important;
  border-color: #0284c7 !important;
}

[data-theme="dark"] .mandate-table th {
  background: #334155 !important;
  color: #f8fafc !important;
  border-color: #475569 !important;
}

[data-theme="dark"] .mandate-table td {
  background: #1e293b !important;
  color: #cbd5e1 !important;
  border-color: #334155 !important;
}


/* ==========================================================================
   CANONICAL HEADER & BRAND SYSTEM (LIGHT, DARK, & FLOATING PILL)
   ========================================================================== */

/* Outer bar at top of page (not scrolled) */
.site-header:not(.scrolled) .header-main,
.site-header:not(.scrolled) .nav-wrap {
  width: 100%;
  padding: 0;
  pointer-events: none;
  background: rgba(232, 242, 249, 0.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line, rgba(0, 0, 0, 0.08));
  transition: padding 0.45s var(--ease), background-color 0.35s ease, border-color 0.35s ease;
}

[data-theme="dark"] .site-header:not(.scrolled) .header-main,
[data-theme="dark"] .site-header:not(.scrolled) .nav-wrap {
  background: rgba(18, 18, 18, 0.96) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Outer bar when SCROLLED: MUST BE 100% TRANSPARENT */
.site-header.scrolled .header-main,
.site-header.scrolled .nav-wrap,
.site-header.theme-dark.scrolled .header-main,
.site-header.theme-dark.scrolled .nav-wrap,
[data-theme="dark"] .site-header.scrolled .header-main,
[data-theme="dark"] .site-header.scrolled .nav-wrap {
  padding: 12px 20px 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: none !important;
  border-bottom-color: transparent !important;
  display: flex !important;
  justify-content: center !important;
}

/* Inner header container at top */
.site-header:not(.scrolled) .header-container,
.site-header:not(.scrolled) .nav-shell {
  height: 84px;
  width: min(calc(100% - 48px), var(--container, 1280px));
  max-width: var(--container, 1280px);
  margin: 0 auto;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px;
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
  pointer-events: auto;
  box-sizing: border-box;
}

/* Inner floating pill when SCROLLED */
.site-header.scrolled .header-container,
.site-header.scrolled .nav-shell {
  height: 62px !important;
  max-width: 1220px !important;
  width: min(calc(100% - 32px), 1220px) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(246, 251, 254, 0.84) 100%) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  border: 1px solid rgba(45, 121, 166, 0.14) !important;
  box-shadow: none !important;
  padding: 0 18px !important;
  gap: 12px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  pointer-events: auto !important;
}

/* Dark mode & theme-dark floating pill */
.site-header.theme-dark.scrolled .header-container,
.site-header.theme-dark.scrolled .nav-shell,
.site-header.theme-dark .nav-shell,
[data-theme="dark"] .site-header.scrolled .header-container,
[data-theme="dark"] .site-header.scrolled .nav-shell {
  background: rgba(18, 18, 18, 0.94) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

/* Brand Link in Header */
.brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  user-select: none !important;
  transition: transform 0.25s ease, opacity 0.2s ease, gap 0.4s var(--ease);
}

.brand:hover {
  transform: translateY(-1px);
}

.brand-emblem {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  display: block !important;
  transition: width 0.4s var(--ease), height 0.4s var(--ease), transform 0.3s ease, filter 0.3s ease;
}

.site-header.scrolled .brand-emblem {
  width: 32px !important;
  height: 32px !important;
}

.brand-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 2px !important;
  max-width: 220px !important;
  opacity: 1 !important;
  transform: translateX(0) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.brand-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  color: var(--navy-deep, #06283e) !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transition: color 0.3s ease;
}

.brand-sub {
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  color: #3b5f74 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  transition: color 0.3s ease;
}

/* Dark mode brand text & emblem in header */
.site-header.theme-dark .brand-title,
[data-theme="dark"] .brand-title {
  color: #ffffff !important;
}

.site-header.theme-dark .brand-sub,
[data-theme="dark"] .brand-sub {
  color: rgba(255, 255, 255, 0.72) !important;
}

.site-header.theme-dark .brand-emblem,
[data-theme="dark"] .brand-emblem {
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
}

/* Nav Menu & Actions */
.nav-menu,
.desktop-nav {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin-left: auto !important;
  margin-right: 12px !important;
}

.site-header.scrolled .nav-menu,
.site-header.scrolled .desktop-nav {
  gap: 1px !important;
}

.nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* BRAND IN FOOTER */
.footer-brand-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.brand-footer {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  margin-bottom: 14px !important;
}

.brand-footer .brand-emblem {
  width: 44px !important;
  height: 44px !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.95 !important;
  flex-shrink: 0 !important;
}

.brand-footer .brand-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.brand-footer .brand-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

.brand-footer .brand-sub {
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  color: rgba(255, 255, 255, 0.72) !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

/* Responsive Hide/Show */
@media (max-width: 1080px) {
  .nav-menu,
  .desktop-nav,
  .nav-search-btn {
    display: none !important;
  }
  .mobile-toggle {
    display: flex !important;
  }
}

/* VCRM 2026 FINAL CROSS-PAGE STABILITY PATCH */
/* This layer fixes cross-page consistency without redesigning the existing visual system. */

/* 1) Canonical brand rendering — prevents the tall emblem asset from being stretched into a wide logo. */
.site-header .brand,
.footer-wrap .brand-footer {
  min-width: 0 !important;
}
.site-header .brand-emblem {
  width: 38px !important;
  height: 38px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
}
.site-header.scrolled .brand-emblem {
  width: 32px !important;
  height: 32px !important;
}
.site-header .brand-text,
.footer-wrap .brand-text {
  min-width: 0 !important;
}
/* Safety fallback for any legacy markup that might be added later. */
.site-header .brand-logo,
.footer-wrap .footer-logo-img {
  width: 44px !important;
  height: 44px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
}

/* 2) Footer consistency across every template. */
.footer-wrap .footer-brand-strip {
  align-items: flex-start !important;
  gap: 28px !important;
  padding: 16px 0 8px !important;
  margin-bottom: 42px !important;
}
.footer-wrap .footer-brand-left {
  flex: 1 1 560px !important;
  min-width: 0 !important;
  max-width: 760px !important;
}
.footer-wrap .footer-brand-tagline {
  margin: 0 !important;
  max-width: 760px !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 13.5px !important;
  line-height: 1.65 !important;
}
.footer-wrap .footer-accreditations-strip,
.footer-accreditations-strip {
  display: none !important;
}
.footer-wrap .footer-badge-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}
.footer-wrap .footer-badge-item i {
  color: #9fe2f7 !important;
}
.footer-wrap .footer-accreditations-strip .footer-status-pill {
  margin-top: 1px !important;
}
.footer-wrap .footer-links-matrix,
.footer-wrap .footer-links-matrix > *,
.footer-wrap .footer-sub-col-grid > * {
  min-width: 0 !important;
}

/* 3) Universal width/overflow safety for long medical content, tables and grids. */
.vcrm-inner-page main,
.vcrm-inner-page main > *,
.vcrm-inner-page .editorial-grid > *,
.vcrm-inner-page .pr-layout-grid > *,
.vcrm-inner-page .news-layout-grid > *,
.vcrm-inner-page .inner-layout > *,
.vcrm-inner-page .content-grid > *,
.vcrm-inner-page .split-layout > *,
.vcrm-inner-page .profile-layout > * {
  min-width: 0;
}
.vcrm-inner-page main img,
.vcrm-inner-page main video,
.vcrm-inner-page main iframe,
.vcrm-inner-page main svg,
.vcrm-inner-page main canvas {
  max-width: 100%;
}
.vcrm-inner-page main table {
  max-width: 100%;
}
.vcrm-inner-page .table-wrap,
.vcrm-inner-page .table-responsive,
.vcrm-inner-page .editorial-content table,
.vcrm-inner-page .news-main-col table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.vcrm-inner-page main h1,
.vcrm-inner-page main h2,
.vcrm-inner-page main h3,
.vcrm-inner-page main p,
.vcrm-inner-page main li,
.vcrm-inner-page main a {
  overflow-wrap: anywhere;
}

/* 4) Laptop sidebars: keep the useful cards, remove excessive vertical stacks only at laptop widths. */
@media (min-width: 981px) and (max-width: 1280px) {
  .news-sidebar-col > .pr-side-card:nth-child(n+3),
  .pr-sidebar > .pr-side-card:nth-child(n+3),
  .editorial-sidebar > .sidebar-action-card:nth-of-type(n+3),
  .editorial-sidebar > .sidebar-doctor-card,
  .editorial-sidebar > .sidebar-video-card {
    display: none !important;
  }
  .editorial-grid { grid-template-columns: minmax(0, 1fr) minmax(240px, 275px) !important; gap: 36px !important; }
  .pr-layout-grid,
  .news-layout-grid { grid-template-columns: minmax(0, 1fr) minmax(270px, 310px) !important; gap: 34px !important; }
}

/* 5) Header responsiveness. Full nav never crowds the logo/actions on laptop/tablet. */
@media (max-width: 1180px) {
  .site-header .nav-menu,
  .site-header .desktop-nav { display: none !important; }
  .site-header .mobile-toggle { display: inline-flex !important; }
  .site-header .header-container,
  .site-header .nav-shell { width: min(calc(100% - 32px), var(--container)) !important; }
}

@media (max-width: 820px) {
  /* Announcement bar is hidden on mobile so header is always top-docked */
  .announcement,
  .site-header .announcement {
    display: none !important;
  }

  /* Outer Header Wrap - Always transparent with top spacing, never shifts */
  .site-header,
  .site-header.scrolled {
    padding: 0 !important;
  }

  .site-header .header-main,
  .site-header .nav-wrap,
  .site-header:not(.scrolled) .header-main,
  .site-header:not(.scrolled) .nav-wrap,
  .site-header.scrolled .header-main,
  .site-header.scrolled .nav-wrap,
  [data-theme="dark"] .site-header .header-main,
  [data-theme="dark"] .site-header .nav-wrap,
  [data-theme="dark"] .site-header:not(.scrolled) .header-main,
  [data-theme="dark"] .site-header:not(.scrolled) .nav-wrap,
  [data-theme="dark"] .site-header.scrolled .header-main,
  [data-theme="dark"] .site-header.scrolled .nav-wrap {
    padding: 14px 20px 0 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Inner Pill Container - EXACT SAME floating frosted pill whether at top or scrolled */
  .site-header .header-container,
  .site-header .nav-shell,
  .site-header:not(.scrolled) .header-container,
  .site-header:not(.scrolled) .nav-shell,
  .site-header.scrolled .header-container,
  .site-header.scrolled .nav-shell {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 12px 0 14px !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(246, 251, 254, 0.88) 100%) !important;
    backdrop-filter: blur(24px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
    border: 1px solid rgba(45, 121, 166, 0.16) !important;
    box-shadow: 0 4px 18px rgba(6, 40, 62, 0.07) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
  }

  /* Dark mode frosted pill */
  [data-theme="dark"] .site-header .header-container,
  [data-theme="dark"] .site-header .nav-shell,
  [data-theme="dark"] .site-header:not(.scrolled) .header-container,
  [data-theme="dark"] .site-header:not(.scrolled) .nav-shell,
  [data-theme="dark"] .site-header.scrolled .header-container,
  [data-theme="dark"] .site-header.scrolled .nav-shell,
  .site-header.theme-dark .header-container,
  .site-header.theme-dark .nav-shell {
    background: rgba(18, 18, 18, 0.94) !important;
    backdrop-filter: blur(24px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
  }

  /* Brand Typography & Emblem on Mobile — EXACT SAME whether top or scrolled */
  .site-header .brand,
  .site-header.scrolled .brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    flex-shrink: 0 !important;
    transform: none !important;
  }
  .site-header .brand-emblem,
  .site-header.scrolled .brand-emblem,
  .brand-emblem,
  .site-header.theme-dark .brand-emblem,
  .site-header.theme-dark.scrolled .brand-emblem,
  [data-theme="dark"] .brand-emblem,
  [data-theme="dark"] .site-header.scrolled .brand-emblem {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    flex-shrink: 0 !important;
    transform: none !important;
    transition: none !important;
  }
  .site-header .brand-text,
  .site-header.scrolled .brand-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 1px !important;
    max-width: 175px !important;
    min-width: 0 !important;
    transform: none !important;
  }
  .site-header .brand-title,
  .site-header.scrolled .brand-title {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    line-height: 1.15 !important;
    transform: none !important;
  }
  .site-header .brand-sub,
  .site-header.scrolled .brand-sub {
    font-size: 7.2px !important;
    font-weight: 600 !important;
    letter-spacing: 0.11em !important;
    line-height: 1.15 !important;
    transform: none !important;
  }

  /* Right-side button group: Theme Toggle + Phone + Mobile Menu */
  .site-header .nav-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
  }
  .site-header .nav-search-btn,
  .site-header .nav-cta,
  .site-header.scrolled .nav-search-btn,
  .site-header.scrolled .nav-cta {
    display: none !important;
  }

  /* Symmetrical Circular Utility Buttons (Theme Toggle, Phone & Menu) — Identical on Top & Scrolled */
  .site-header .theme-toggle-btn,
  .site-header .nav-phone-btn,
  .site-header .mobile-toggle,
  .site-header.scrolled .theme-toggle-btn,
  .site-header.scrolled .nav-phone-btn,
  .site-header.scrolled .mobile-toggle {
    display: inline-flex !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    border-radius: 50% !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(45, 121, 166, 0.08) !important;
    border: 1px solid rgba(45, 121, 166, 0.18) !important;
    color: var(--navy-deep, #06283e) !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    margin: 0 !important;
    text-decoration: none !important;
    outline: none !important;
    transform: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
  }
  .site-header .theme-toggle-btn:hover,
  .site-header.scrolled .theme-toggle-btn:hover,
  .site-header .nav-phone-btn:hover,
  .site-header.scrolled .nav-phone-btn:hover,
  .site-header .mobile-toggle:hover,
  .site-header.scrolled .mobile-toggle:hover {
    background: rgba(45, 121, 166, 0.14) !important;
    border-color: rgba(45, 121, 166, 0.3) !important;
    color: var(--navy-deep, #06283e) !important;
  }
  .site-header .theme-toggle-btn:focus,
  .site-header .theme-toggle-btn:focus-visible,
  .site-header.scrolled .theme-toggle-btn:focus,
  .site-header.scrolled .theme-toggle-btn:focus-visible,
  .site-header .nav-phone-btn:focus,
  .site-header .nav-phone-btn:focus-visible,
  .site-header.scrolled .nav-phone-btn:focus,
  .site-header.scrolled .nav-phone-btn:focus-visible,
  .site-header .mobile-toggle:focus,
  .site-header .mobile-toggle:focus-visible,
  .site-header.scrolled .mobile-toggle:focus,
  .site-header.scrolled .mobile-toggle:focus-visible {
    outline: none !important;
    box-shadow: none !important;
  }
  [data-theme="dark"] .site-header .theme-toggle-btn,
  [data-theme="dark"] .site-header.scrolled .theme-toggle-btn,
  [data-theme="dark"] .site-header .nav-phone-btn,
  [data-theme="dark"] .site-header.scrolled .nav-phone-btn,
  [data-theme="dark"] .site-header .mobile-toggle,
  [data-theme="dark"] .site-header.scrolled .mobile-toggle,
  .site-header.theme-dark .theme-toggle-btn,
  .site-header.theme-dark.scrolled .theme-toggle-btn,
  .site-header.theme-dark .nav-phone-btn,
  .site-header.theme-dark.scrolled .nav-phone-btn,
  .site-header.theme-dark .mobile-toggle,
  .site-header.theme-dark.scrolled .mobile-toggle {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
  }
  [data-theme="dark"] .site-header .theme-toggle-btn:hover,
  [data-theme="dark"] .site-header.scrolled .theme-toggle-btn:hover,
  [data-theme="dark"] .site-header .nav-phone-btn:hover,
  [data-theme="dark"] .site-header.scrolled .nav-phone-btn:hover,
  [data-theme="dark"] .site-header .mobile-toggle:hover,
  [data-theme="dark"] .site-header.scrolled .mobile-toggle:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
  }

  /* Mobile Phone Button Text & Icon Sizing — Identical on Top & Scrolled */
  .site-header .nav-phone-btn span,
  .site-header.scrolled .nav-phone-btn span {
    display: none !important;
  }
  .site-header .nav-phone-btn i,
  .site-header.scrolled .nav-phone-btn i {
    font-size: 15px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    color: inherit !important;
    transform: none !important;
    transition: none !important;
  }

  /* Theme Toggle Icon — Strict Size Lock on Top & Scrolled */
  .site-header .theme-toggle-btn svg,
  .site-header.scrolled .theme-toggle-btn svg,
  .site-header .theme-toggle-btn .dark-icon,
  .site-header.scrolled .theme-toggle-btn .dark-icon,
  .site-header .theme-toggle-btn .light-icon,
  .site-header.scrolled .theme-toggle-btn .light-icon {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    transition: none !important;
  }
  .site-header .theme-toggle-btn .light-icon,
  .site-header.scrolled .theme-toggle-btn .light-icon {
    display: none !important;
  }
  .site-header .theme-toggle-btn .dark-icon,
  .site-header.scrolled .theme-toggle-btn .dark-icon {
    display: inline-flex !important;
  }
  [data-theme="dark"] .site-header .theme-toggle-btn .dark-icon,
  [data-theme="dark"] .site-header.scrolled .theme-toggle-btn .dark-icon {
    display: none !important;
  }
  [data-theme="dark"] .site-header .theme-toggle-btn .light-icon,
  [data-theme="dark"] .site-header.scrolled .theme-toggle-btn .light-icon {
    display: inline-flex !important;
    color: #ffd166 !important;
  }

  /* Hamburger Menu Toggle Icon — Strict Size Lock on Top & Scrolled */
  .site-header .mobile-toggle i,
  .site-header.scrolled .mobile-toggle i {
    font-size: 20px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    transform: none !important;
    transition: none !important;
  }
}

@media (max-width: 430px) {
  .site-header .header-main,
  .site-header .nav-wrap,
  .site-header:not(.scrolled) .header-main,
  .site-header:not(.scrolled) .nav-wrap,
  .site-header.scrolled .header-main,
  .site-header.scrolled .nav-wrap {
    padding: 13px 16px 0 !important;
  }
  .site-header .header-container,
  .site-header .nav-shell,
  .site-header:not(.scrolled) .header-container,
  .site-header:not(.scrolled) .nav-shell,
  .site-header.scrolled .header-container,
  .site-header.scrolled .nav-shell {
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 10px 0 12px !important;
    gap: 6px !important;
  }
  .site-header .brand,
  .site-header.scrolled .brand {
    gap: 8px !important;
    transform: none !important;
  }
  .site-header .brand-emblem,
  .site-header.scrolled .brand-emblem,
  .brand-emblem,
  .site-header.theme-dark .brand-emblem,
  .site-header.theme-dark.scrolled .brand-emblem,
  [data-theme="dark"] .brand-emblem,
  [data-theme="dark"] .site-header.scrolled .brand-emblem {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    flex-shrink: 0 !important;
    transform: none !important;
    transition: none !important;
  }
  .site-header .brand-text,
  .site-header.scrolled .brand-text {
    max-width: 145px !important;
    transform: none !important;
  }
  .site-header .brand-title,
  .site-header.scrolled .brand-title {
    font-size: 10.5px !important;
    letter-spacing: .055em !important;
    transform: none !important;
  }
  .site-header .brand-sub,
  .site-header.scrolled .brand-sub {
    font-size: 6.4px !important;
    letter-spacing: .08em !important;
    transform: none !important;
  }
  .site-header .nav-actions,
  .site-header.scrolled .nav-actions {
    gap: 6px !important;
  }
  /* Exact same button dimensions on <=430px whether top or scrolled */
  .site-header .theme-toggle-btn,
  .site-header.scrolled .theme-toggle-btn,
  .site-header .nav-phone-btn,
  .site-header.scrolled .nav-phone-btn,
  .site-header .mobile-toggle,
  .site-header.scrolled .mobile-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    transform: none !important;
  }
  /* Exact same icon sizes on <=430px whether top or scrolled */
  .site-header .theme-toggle-btn svg,
  .site-header.scrolled .theme-toggle-btn svg,
  .site-header .theme-toggle-btn .dark-icon,
  .site-header.scrolled .theme-toggle-btn .dark-icon,
  .site-header .theme-toggle-btn .light-icon,
  .site-header.scrolled .theme-toggle-btn .light-icon {
    width: 15px !important;
    height: 15px !important;
    font-size: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
  }
  .site-header .nav-phone-btn i,
  .site-header.scrolled .nav-phone-btn i {
    font-size: 14.5px !important;
  }
  .site-header .mobile-toggle i,
  .site-header.scrolled .mobile-toggle i {
    font-size: 20px !important;
  }
}

@media (max-width: 375px) {
  .site-header .header-main,
  .site-header .nav-wrap,
  .site-header:not(.scrolled) .header-main,
  .site-header:not(.scrolled) .nav-wrap,
  .site-header.scrolled .header-main,
  .site-header.scrolled .nav-wrap {
    padding: 12px 12px 0 !important;
  }
  .site-header .brand,
  .site-header.scrolled .brand {
    gap: 6px !important;
  }
  .site-header .brand-emblem,
  .site-header.scrolled .brand-emblem,
  .brand-emblem,
  .site-header.theme-dark .brand-emblem,
  .site-header.theme-dark.scrolled .brand-emblem,
  [data-theme="dark"] .brand-emblem,
  [data-theme="dark"] .site-header.scrolled .brand-emblem {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    transform: none !important;
  }
  .site-header .brand-text,
  .site-header.scrolled .brand-text {
    max-width: 135px !important;
  }
  .site-header .brand-title,
  .site-header.scrolled .brand-title {
    font-size: 10px !important;
    letter-spacing: .05em !important;
  }
  .site-header .brand-sub,
  .site-header.scrolled .brand-sub {
    font-size: 6px !important;
    letter-spacing: .07em !important;
  }
  /* Exact same button dimensions on <=375px whether top or scrolled */
  .site-header .theme-toggle-btn,
  .site-header.scrolled .theme-toggle-btn,
  .site-header .nav-phone-btn,
  .site-header.scrolled .nav-phone-btn,
  .site-header .mobile-toggle,
  .site-header.scrolled .mobile-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    transform: none !important;
  }
  /* Exact same icon sizes on <=375px whether top or scrolled */
  .site-header .theme-toggle-btn svg,
  .site-header.scrolled .theme-toggle-btn svg,
  .site-header .theme-toggle-btn .dark-icon,
  .site-header.scrolled .theme-toggle-btn .dark-icon,
  .site-header .theme-toggle-btn .light-icon,
  .site-header.scrolled .theme-toggle-btn .light-icon {
    width: 14px !important;
    height: 14px !important;
    font-size: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
  }
  .site-header .nav-phone-btn i,
  .site-header.scrolled .nav-phone-btn i {
    font-size: 13.5px !important;
  }
  .site-header .mobile-toggle i,
  .site-header.scrolled .mobile-toggle i {
    font-size: 18px !important;
  }
  .site-header .nav-actions,
  .site-header.scrolled .nav-actions {
    gap: 5px !important;
  }
  .site-header .header-container,
  .site-header.scrolled .header-container {
    gap: 5px !important;
  }
}

/* ==========================================================
   MOBILE DRAWER ACTION BUTTONS & FOOTER POLISH (FIXED TEXT & CENTERING)
   ========================================================== */
.mobile-nav-actions,
.mobile-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 28px !important;
  margin-bottom: 22px !important;
  padding: 0 !important;
}

/* Override .mobile-menu a rules for action buttons */
.mobile-menu .mobile-nav-actions a.btn,
.mobile-menu .mobile-actions a.btn,
.mobile-nav-actions .btn,
.mobile-actions .btn {
  width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 20px !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

/* Primary Button: Schedule Consultation */
.mobile-menu .mobile-nav-actions a.btn.btn-primary,
.mobile-menu .mobile-actions a.btn.btn-primary,
.mobile-nav-actions .btn.btn-primary,
.mobile-actions .btn.btn-primary {
  background: var(--navy-deep, #06283e) !important;
  color: #ffffff !important;
  border: 1px solid var(--navy-deep, #06283e) !important;
  box-shadow: 0 4px 14px rgba(6, 40, 62, 0.22) !important;
}

.mobile-menu .mobile-nav-actions a.btn.btn-primary:hover,
.mobile-menu .mobile-nav-actions a.btn.btn-primary:active {
  background: #0b3d5c !important;
  color: #ffffff !important;
  border-color: #0b3d5c !important;
}

/* Secondary Button: Phone Call */
.mobile-menu .mobile-nav-actions a.btn.btn-secondary,
.mobile-menu .mobile-actions a.btn.btn-secondary,
.mobile-nav-actions .btn.btn-secondary,
.mobile-actions .btn.btn-secondary {
  background: rgba(45, 121, 166, 0.08) !important;
  color: var(--navy-deep, #06283e) !important;
  border: 1px solid rgba(45, 121, 166, 0.24) !important;
  box-shadow: none !important;
}

.mobile-menu .mobile-nav-actions a.btn.btn-secondary:hover,
.mobile-menu .mobile-nav-actions a.btn.btn-secondary:active {
  background: rgba(45, 121, 166, 0.15) !important;
  color: var(--navy-deep, #06283e) !important;
  border-color: rgba(45, 121, 166, 0.4) !important;
}

.mobile-menu .mobile-nav-actions a.btn.btn-secondary i,
.mobile-nav-actions .btn.btn-secondary i {
  color: #0e7490 !important;
  font-size: 16px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Dark Mode Action Buttons */
[data-theme="dark"] .mobile-menu .mobile-nav-actions a.btn.btn-primary,
[data-theme="dark"] .mobile-menu .mobile-actions a.btn.btn-primary,
[data-theme="dark"] .mobile-nav-actions .btn.btn-primary,
[data-theme="dark"] .mobile-actions .btn.btn-primary {
  background: #6bc8ec !important;
  color: #06283e !important;
  border-color: #6bc8ec !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgba(107, 200, 236, 0.25) !important;
}

[data-theme="dark"] .mobile-menu .mobile-nav-actions a.btn.btn-primary:hover {
  background: #84d5f4 !important;
}

[data-theme="dark"] .mobile-menu .mobile-nav-actions a.btn.btn-secondary,
[data-theme="dark"] .mobile-menu .mobile-actions a.btn.btn-secondary,
[data-theme="dark"] .mobile-nav-actions .btn.btn-secondary,
[data-theme="dark"] .mobile-actions .btn.btn-secondary {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .mobile-menu .mobile-nav-actions a.btn.btn-secondary:hover {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}

[data-theme="dark"] .mobile-menu .mobile-nav-actions a.btn.btn-secondary i,
[data-theme="dark"] .mobile-nav-actions .btn.btn-secondary i {
  color: #6bc8ec !important;
}

/* Visual Appearance Theme Toggle Row in Mobile Drawer */
.mobile-theme-row {
  margin-top: 8px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--line, rgba(0, 0, 0, 0.08)) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.mobile-theme-row .theme-label-text {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-weight: 700 !important;
  color: var(--muted, #64748b) !important;
}

.mobile-theme-btn {
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  color: var(--navy-deep, #06283e) !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mobile-theme-btn:hover {
  background: rgba(0, 0, 0, 0.07) !important;
}

[data-theme="dark"] .mobile-theme-row {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .mobile-theme-row .theme-label-text {
  color: #94a3b8 !important;
}

[data-theme="dark"] .mobile-theme-btn {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .mobile-theme-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

/* 6) Mobile footer alignment — same chrome on every page, no distorted/oversized logo. */
@media (max-width: 820px) {
  .footer-wrap .footer-brand-strip {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 18px !important;
    padding: 8px 0 0 !important;
    margin-bottom: 30px !important;
  }
  .footer-wrap .footer-brand-left {
    flex: none !important;
    width: 100% !important;
    max-width: 620px !important;
    align-items: center !important;
    text-align: center !important;
  }
  .footer-wrap .brand-footer {
    flex-direction: row !important;
    justify-content: center !important;
    margin: 0 auto 12px !important;
  }
  .footer-wrap .brand-footer .brand-emblem {
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }
  .footer-wrap .footer-accreditations-strip {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 420px !important;
    align-items: center !important;
    text-align: center !important;
  }
  .footer-wrap .footer-badge-item { justify-content: center !important; }
}

/* 7) Final dark-mode normalization for inner pages. Removes unintended navy/blue page surfaces. */
[data-theme="dark"] .vcrm-inner-page,
[data-theme="dark"] .vcrm-inner-page body,
[data-theme="dark"] .vcrm-inner-page main,
[data-theme="dark"] body.vcrm-inner-page {
  background: #121212 !important;
  color: #f5f5f5 !important;
}
[data-theme="dark"] .vcrm-inner-page .editorial-reading-wrap,
[data-theme="dark"] .vcrm-inner-page .inner-main,
[data-theme="dark"] .vcrm-inner-page .content-section,
[data-theme="dark"] .vcrm-inner-page .news-reading-wrap,
[data-theme="dark"] .vcrm-inner-page .story-reading-wrap,
[data-theme="dark"] .vcrm-inner-page .page-content,
[data-theme="dark"] .vcrm-inner-page .main-content {
  background: #121212 !important;
}
[data-theme="dark"] .vcrm-inner-page .toc-card,
[data-theme="dark"] .vcrm-inner-page .pr-side-card,
[data-theme="dark"] .vcrm-inner-page .pr-feed-card,
[data-theme="dark"] .vcrm-inner-page .pr-pdf-card,
[data-theme="dark"] .vcrm-inner-page .sidebar-widget,
[data-theme="dark"] .vcrm-inner-page .sidebar-nav-widget,
[data-theme="dark"] .vcrm-inner-page .sidebar-doctor-card,
[data-theme="dark"] .vcrm-inner-page .sidebar-video-card,
[data-theme="dark"] .vcrm-inner-page .feature-box,
[data-theme="dark"] .vcrm-inner-page .accordion-item,
[data-theme="dark"] .vcrm-inner-page .right-item,
[data-theme="dark"] .vcrm-inner-page .clinic-contact-card,
[data-theme="dark"] .vcrm-inner-page .glossary-card,
[data-theme="dark"] .vcrm-inner-page .myth-card,
[data-theme="dark"] .vcrm-inner-page .mandate-summary-card,
[data-theme="dark"] .vcrm-inner-page .faq-item,
[data-theme="dark"] .vcrm-inner-page .faq-accordion details,
[data-theme="dark"] .vcrm-inner-page .key-point-card,
[data-theme="dark"] .vcrm-inner-page .info-card,
[data-theme="dark"] .vcrm-inner-page .path-card {
  background: #1a1a1a !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}
[data-theme="dark"] .vcrm-inner-page .stats-ribbon,
[data-theme="dark"] .vcrm-inner-page .alpha-btn,
[data-theme="dark"] .vcrm-inner-page .glossary-search-input,
[data-theme="dark"] .vcrm-inner-page .mandate-table th,
[data-theme="dark"] .vcrm-inner-page .mandate-table td,
[data-theme="dark"] .vcrm-inner-page .pr-pill,
[data-theme="dark"] .vcrm-inner-page .news-pill,
[data-theme="dark"] .vcrm-inner-page .news-pi {
  background: #202020 !important;
  border-color: rgba(255,255,255,.11) !important;
}
[data-theme="dark"] .vcrm-inner-page .pr-cta-card,
[data-theme="dark"] .vcrm-inner-page .news-award-spotlight {
  background: linear-gradient(135deg, #1a1a1a 0%, #202020 100%) !important;
  border-color: rgba(255,255,255,.12) !important;
}
[data-theme="dark"] .vcrm-inner-page main h1,
[data-theme="dark"] .vcrm-inner-page main h2,
[data-theme="dark"] .vcrm-inner-page main h3,
[data-theme="dark"] .vcrm-inner-page main h4,
[data-theme="dark"] .vcrm-inner-page main h5,
[data-theme="dark"] .vcrm-inner-page main h6,
[data-theme="dark"] .vcrm-inner-page .pr-card-title,
[data-theme="dark"] .vcrm-inner-page .pr-side-title,
[data-theme="dark"] .vcrm-inner-page .ribbon-title {
  color: #f5f5f5 !important;
}
[data-theme="dark"] .vcrm-inner-page main p,
[data-theme="dark"] .vcrm-inner-page main li,
[data-theme="dark"] .vcrm-inner-page .section-copy,
[data-theme="dark"] .vcrm-inner-page .pr-card-text,
[data-theme="dark"] .vcrm-inner-page .ribbon-desc {
  color: #c4c4c4 !important;
}
[data-theme="dark"] .vcrm-inner-page main [style*="color: #0f2d42"],
[data-theme="dark"] .vcrm-inner-page main [style*="color:#0f2d42"],
[data-theme="dark"] .vcrm-inner-page main [style*="color: #102c3b"],
[data-theme="dark"] .vcrm-inner-page main [style*="color:#102c3b"],
[data-theme="dark"] .vcrm-inner-page main [style*="color: #475569"],
[data-theme="dark"] .vcrm-inner-page main [style*="color:#475569"] {
  color: #d0d0d0 !important;
}
[data-theme="dark"] .vcrm-inner-page main .bi {
  text-shadow: none !important;
}
[data-theme="dark"] .vcrm-inner-page .toc-link:hover,
[data-theme="dark"] .vcrm-inner-page .toc-link.active,
[data-theme="dark"] .vcrm-inner-page .sidebar-resource-links a:hover {
  background: #262626 !important;
}

/* 8) Small-screen typography/spacing guardrails. */
@media (max-width: 680px) {
  .vcrm-inner-page .inner-title,
  .vcrm-inner-page h1 { font-size: clamp(30px, 9vw, 46px) !important; line-height: 1.08 !important; }
  .vcrm-inner-page .editorial-reading-wrap { padding: 38px 0 68px !important; }
  .vcrm-inner-page .pr-feed-card,
  .vcrm-inner-page .pr-side-card,
  .vcrm-inner-page .toc-card { padding-left: 18px !important; padding-right: 18px !important; }
}

/* ==========================================================================
   NOTICE OF PRIVACY PRACTICES & CONTAINED CTA CARD REFINEMENTS
   ========================================================================== */

/* Hero Meta Details Strip (Legal & Policy Pages) */
.hero-meta-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(45, 121, 166, 0.08);
  border: 1px solid rgba(45, 121, 166, 0.2);
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  color: var(--ink-soft, #334155);
}

.meta-item i {
  color: var(--blue, #0284c7);
  font-size: 14px;
}

[data-theme="dark"] .meta-item {
  background: rgba(56, 189, 248, 0.08) !important;
  border-color: rgba(56, 189, 248, 0.22) !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .meta-item i {
  color: #38bdf8 !important;
}

/* Bottom CTA Card Section - Prevent Full-Width Card Bleed */
.cta-card-section {
  padding: 24px 0 72px;
  background: transparent;
  width: 100%;
}

.cta-card-section .cta-band,
.container > .cta-band {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
}

.cta-card-section .cta-band .cta-inner,
.cta-card-section .cta-band .cta-band-inner,
.container > .cta-band .cta-inner,
.container > .cta-band .cta-band-inner,
section.cta-band > .container .cta-inner,
section.cta-band > .container .cta-band-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
}

.cta-band .cta-kicker {
  color: #6bc8ec !important;
  text-transform: uppercase;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  display: block;
  margin-bottom: 8px;
}

.cta-band .cta-desc {
  font-size: 1.02rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.9) !important;
  margin: 0;
  max-width: 680px;
}

/* Guardrail: CTA wrapper sections must ALWAYS be transparent in both light and dark modes */
section.cta-band,
[data-theme="dark"] section.cta-band,
section.cta-card-section,
[data-theme="dark"] section.cta-card-section,
section.inner-cta,
[data-theme="dark"] section.inner-cta,
section:has(> .container > .cta-band),
[data-theme="dark"] section:has(> .container > .cta-band),
section:has(> .container > .cta-band-content),
[data-theme="dark"] section:has(> .container > .cta-band-content),
section:has(> .container > .cta-band-inner),
[data-theme="dark"] section:has(> .container > .cta-band-inner),
section:has(.cta-band-content),
[data-theme="dark"] section:has(.cta-band-content) {
  display: block !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 36px 0 72px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

section.cta-band > .container,
.cta-card-section .cta-band,
.container > .cta-band {
  background: linear-gradient(135deg, #06283e 0%, #0d4263 100%) !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  padding: 40px 48px !important;
  border: 1px solid rgba(6, 40, 62, 0.18) !important;
  box-shadow: 0 12px 32px rgba(6, 40, 62, 0.16) !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: min(calc(100% - 48px), 1140px) !important;
  max-width: 1140px !important;
}

[data-theme="dark"] section.cta-band > .container,
[data-theme="dark"] .cta-card-section .cta-band,
[data-theme="dark"] .container > .cta-band {
  background: #0d1e2e !important;
  background-color: #0d1e2e !important;
  background-image: none !important;
  border: 1px solid rgba(56, 189, 248, 0.28) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}

/* CTA Band Content Centering */
.cta-band-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  max-width: 860px !important;
  margin: 0 auto !important;
}

.cta-band-content .cta-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 auto 14px !important;
  background: rgba(107, 200, 236, 0.15) !important;
  color: #6bc8ec !important;
  border: 1px solid rgba(107, 200, 236, 0.3) !important;
  border-radius: 999px !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

.cta-band-content .cta-title {
  text-align: center !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  font-size: clamp(26px, 3.2vw, 36px) !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1.25 !important;
}

.cta-band-content .cta-deck {
  text-align: center !important;
  max-width: 680px !important;
  margin: 0 auto 24px !important;
  line-height: 1.65 !important;
  font-size: 15.5px !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

.cta-band-content .cta-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 0 auto !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  .cta-card-section .cta-band .cta-inner,
  .cta-card-section .cta-band .cta-band-inner,
  .container > .cta-band .cta-inner,
  .container > .cta-band .cta-band-inner,
  section.cta-band > .container .cta-inner,
  section.cta-band > .container .cta-band-inner,
  section.cta-band > .container .cta-band-content,
  .cta-band-inner {
    flex-direction: column !important;
    text-align: center !important;
    gap: 24px !important;
  }
  .cta-card-section .cta-band .cta-actions,
  .container > .cta-band .cta-actions,
  section.cta-band > .container .cta-actions,
  .cta-card-section .cta-band .cta-band-actions,
  .container > .cta-band .cta-band-actions,
  section.cta-band > .container .cta-band-actions,
  .cta-band-inner .cta-band-actions,
  .cta-band-inner .cta-actions,
  .cta-band-actions,
  .cta-actions,
  .qual-cta-actions,
  .qual-cta-buttons {
    justify-content: center !important;
    width: 100% !important;
  }
}

@media (max-width: 820px) {
  /* Mobile card CTA button containers: vertical stack with clear 14px gap */
  .cta-card-section .cta-band .cta-actions,
  .container > .cta-band .cta-actions,
  section.cta-band > .container .cta-actions,
  .cta-card-section .cta-band .cta-band-actions,
  .container > .cta-band .cta-band-actions,
  section.cta-band > .container .cta-band-actions,
  .cta-band-inner .cta-band-actions,
  .cta-band-inner .cta-actions,
  .cta-band-content .cta-actions,
  .cta-band-actions,
  .cta-actions,
  .qual-cta-actions,
  .qual-cta-buttons,
  .story-action-bar,
  .next-step-actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .cta-card-section .cta-band .cta-actions .btn,
  .cta-card-section .cta-band .cta-actions a,
  .container > .cta-band .cta-actions .btn,
  .container > .cta-band .cta-actions a,
  section.cta-band > .container .cta-actions .btn,
  section.cta-band > .container .cta-actions a,
  .cta-card-section .cta-band .cta-band-actions .btn,
  .cta-card-section .cta-band .cta-band-actions a,
  .container > .cta-band .cta-band-actions .btn,
  .container > .cta-band .cta-band-actions a,
  section.cta-band > .container .cta-band-actions .btn,
  section.cta-band > .container .cta-band-actions a,
  .cta-band-inner .cta-band-actions .btn,
  .cta-band-inner .cta-band-actions a,
  .cta-band-inner .cta-actions .btn,
  .cta-band-inner .cta-actions a,
  .cta-band-content .cta-actions .btn,
  .cta-band-content .cta-actions a,
  .cta-band-actions .btn,
  .cta-band-actions a,
  .cta-actions .btn,
  .cta-actions a,
  .qual-cta-actions .btn,
  .qual-cta-actions a,
  .qual-cta-buttons .btn,
  .qual-cta-buttons a,
  .story-action-bar .btn,
  .story-action-bar a,
  .next-step-actions .btn,
  .next-step-actions a {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
  section.cta-band > .container,
  .cta-card-section .cta-band,
  .container > .cta-band {
    padding: 28px 20px !important;
    border-radius: 16px !important;
    width: min(calc(100% - 28px), 1140px) !important;
  }
}

/* ===================================================
   EDITORIAL CTA BOX WHITE BUTTON CONTRAST ENHANCEMENT
=================================================== */
.editorial-cta-box .btn-primary,
.editorial-cta-box a.btn-primary,
.editorial-cta-box a[style*="background: #fff"],
.editorial-cta-box a[style*="background:#fff"],
.editorial-cta-box a[style*="background: rgb(255, 255, 255)"] {
  background: #ffffff !important;
  color: #06283e !important;
  border: 1.5px solid #ffffff !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16) !important;
  transition: all 0.22s ease !important;
}

.editorial-cta-box .btn-primary:hover,
.editorial-cta-box a.btn-primary:hover,
.editorial-cta-box a[style*="background: #fff"]:hover,
.editorial-cta-box a[style*="background:#fff"]:hover {
  background: #e2f4fb !important;
  color: #06283e !important;
  border-color: #e2f4fb !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.24) !important;
}

/* ===================================================
   GLOSSARY & A-Z ALPHABET FILTER SYSTEM (Light & Dark)
=================================================== */
.glossary-search-wrap {
  position: relative !important;
  margin-bottom: 24px !important;
}

.glossary-search-input {
  width: 100% !important;
  padding: 14px 20px 14px 48px !important;
  font-size: 1rem !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.glossary-search-input:focus {
  outline: none !important;
  border-color: #0c4163 !important;
  box-shadow: 0 0 0 3px rgba(12, 65, 99, 0.2) !important;
}

.glossary-search-icon {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #64748b !important;
  font-size: 1.2rem !important;
  pointer-events: none !important;
}

.glossary-az-nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 32px !important;
  padding: 14px !important;
  background: #f1f5f9 !important;
  border-radius: 14px !important;
  border: 1px solid #e2e8f0 !important;
}

.az-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 8px !important;
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: #1e293b !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.az-btn:hover {
  background: #0b253a !important;
  color: #ffffff !important;
  border-color: #0b253a !important;
}

.az-btn.active {
  background: #0c4163 !important;
  color: #ffffff !important;
  border-color: #0c4163 !important;
}

.az-btn.disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #94a3b8 !important;
}

.glossary-section-head {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 36px 0 20px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #6bc8ec !important;
}

.glossary-section-head h3 {
  font-size: 1.75rem !important;
  font-weight: 800 !important;
  color: #0c4163 !important;
  margin: 0 !important;
}

.glossary-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
  margin-bottom: 16px !important;
  transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.glossary-item:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
  border-color: #6bc8ec !important;
}

.glossary-item h4 {
  font-size: 1.18rem !important;
  font-weight: 700 !important;
  color: #0b253a !important;
  margin: 0 0 8px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.glossary-tag {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  background: rgba(12, 65, 99, 0.1) !important;
  color: #0c4163 !important;
}

.glossary-item p {
  margin: 0 !important;
  font-size: 0.96rem !important;
  line-height: 1.65 !important;
  color: #334155 !important;
}

.glossary-item p strong {
  color: #0f172a !important;
}

.term-empty-state {
  display: none;
  text-align: center;
  padding: 48px 20px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px dashed #cbd5e1;
  margin: 24px 0;
}

/* DARK MODE FOR GLOSSARY */
[data-theme="dark"] .glossary-search-input {
  background: #0d2131 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .glossary-search-input:focus {
  border-color: #6bc8ec !important;
  box-shadow: 0 0 0 3px rgba(107, 200, 236, 0.25) !important;
}

[data-theme="dark"] .glossary-search-icon {
  color: #94a3b8 !important;
}

[data-theme="dark"] .glossary-az-nav {
  background: #0b1c2b !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .az-btn {
  background: #11283c !important;
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

[data-theme="dark"] .az-btn:hover {
  background: #1e3f5c !important;
  color: #ffffff !important;
  border-color: #6bc8ec !important;
}

[data-theme="dark"] .az-btn.active {
  background: #6bc8ec !important;
  color: #06283e !important;
  border-color: #6bc8ec !important;
  font-weight: 800 !important;
}

[data-theme="dark"] .az-btn.disabled {
  opacity: 0.25 !important;
  background: transparent !important;
  color: #64748b !important;
  border-color: transparent !important;
}

[data-theme="dark"] .glossary-section-head {
  border-bottom-color: rgba(107, 200, 236, 0.35) !important;
}

[data-theme="dark"] .glossary-section-head h3 {
  color: #6bc8ec !important;
}

[data-theme="dark"] .glossary-item {
  background: #0e2030 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .glossary-item:hover {
  border-color: #6bc8ec !important;
}

[data-theme="dark"] .glossary-item h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .glossary-tag {
  background: rgba(107, 200, 236, 0.16) !important;
  color: #6bc8ec !important;
  border: 1px solid rgba(107, 200, 236, 0.3) !important;
}

[data-theme="dark"] .glossary-item p {
  color: rgba(255, 255, 255, 0.82) !important;
}

[data-theme="dark"] .glossary-item p strong {
  color: #6bc8ec !important;
}

[data-theme="dark"] .term-empty-state {
  background: #0e2030 !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .term-empty-state h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .term-empty-state p {
  color: #94a3b8 !important;
}

/* ==========================================================
   EDITORIAL ANCHOR NAVIGATION & SECTION CLEARANCE
   ========================================================== */
.editorial-section,
.content-section,
section[id],
div[id].editorial-section {
  scroll-margin-top: 130px !important;
}

@media (max-width: 820px) {
  .editorial-section,
  .content-section,
  section[id],
  div[id].editorial-section {
    scroll-margin-top: 90px !important;
  }
}

/* ==========================================================
   UNIVERSAL FAQ ACCORDION COMPONENT
   ========================================================== */
.faq-accordion,
.faq-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 24px 0 !important;
}

.faq-item,
.faq-accordion details,
.faq-list details {
  background: #ffffff !important;
  border: 1px solid rgba(45, 121, 166, 0.16) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(6, 40, 62, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  margin-bottom: 18px;
  padding: 0 !important;
}

.faq-accordion .faq-item,
.faq-accordion details,
.faq-list .faq-item,
.faq-list details {
  margin-bottom: 0 !important;
}

.faq-item:hover,
.faq-accordion details:hover,
.faq-list details:hover {
  border-color: rgba(45, 121, 166, 0.32) !important;
  box-shadow: 0 4px 14px rgba(6, 40, 62, 0.08) !important;
}

/* Static div-based benefit cards and FAQ card elements */
div.faq-item:not(details),
.benefit-card {
  background: #ffffff !important;
  border: 1px solid rgba(45, 121, 166, 0.16) !important;
  border-radius: 14px !important;
  padding: 22px 26px !important;
  box-shadow: 0 2px 10px rgba(6, 40, 62, 0.04) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  overflow: visible !important;
  margin-bottom: 22px !important;
}

div.faq-item:not(details):hover,
.benefit-card:hover {
  border-color: rgba(45, 121, 166, 0.32) !important;
  box-shadow: 0 4px 16px rgba(6, 40, 62, 0.08) !important;
}

div.faq-item:not(details) h3,
div.faq-item:not(details) h4,
.benefit-card h3,
.benefit-card h4 {
  margin: 0 0 10px !important;
  color: var(--navy-deep, #06283e) !important;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  line-height: 1.3 !important;
}

div.faq-item:not(details) h3 i,
div.faq-item:not(details) h4 i,
.benefit-card h3 i,
.benefit-card h4 i {
  color: #2d79a6 !important;
  font-size: 1.25rem !important;
  flex-shrink: 0 !important;
}

div.faq-item:not(details) p,
.benefit-card p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.65 !important;
  color: var(--ink-soft, #475569) !important;
}

div.faq-item:not(details) a,
.benefit-card a {
  color: #0284c7 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

[data-theme="dark"] div.faq-item:not(details),
[data-theme="dark"] .benefit-card {
  background: #141f2a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] div.faq-item:not(details):hover,
[data-theme="dark"] .benefit-card:hover {
  border-color: rgba(107, 200, 236, 0.3) !important;
}

[data-theme="dark"] div.faq-item:not(details) h3,
[data-theme="dark"] div.faq-item:not(details) h4,
[data-theme="dark"] .benefit-card h3,
[data-theme="dark"] .benefit-card h4 {
  color: #ffffff !important;
}

[data-theme="dark"] div.faq-item:not(details) h3 i,
[data-theme="dark"] div.faq-item:not(details) h4 i,
[data-theme="dark"] .benefit-card h3 i,
[data-theme="dark"] .benefit-card h4 i {
  color: #6bc8ec !important;
}

[data-theme="dark"] div.faq-item:not(details) p,
[data-theme="dark"] .benefit-card p {
  color: rgba(255, 255, 255, 0.82) !important;
}

[data-theme="dark"] div.faq-item:not(details) a,
[data-theme="dark"] .benefit-card a {
  color: #6bc8ec !important;
}

.faq-item[open],
.faq-item.open,
.faq-accordion details[open],
.faq-list details[open] {
  border-color: #0e7490 !important;
  box-shadow: 0 4px 18px rgba(14, 116, 144, 0.09) !important;
}

.faq-question,
.faq-item summary,
.faq-accordion summary,
.faq-list summary {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 22px !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  text-align: left !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--navy-deep, #06283e) !important;
  line-height: 1.4 !important;
  list-style: none !important;
  box-sizing: border-box !important;
  transition: color 0.2s ease !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.faq-question::-webkit-details-marker,
.faq-item summary::-webkit-details-marker,
.faq-accordion summary::-webkit-details-marker,
.faq-list summary::-webkit-details-marker {
  display: none !important;
}

.faq-question span,
.faq-item summary span,
.faq-accordion summary span,
.faq-list summary span {
  flex: 1 !important;
}

.faq-chevron,
.faq-chev {
  font-size: 16px !important;
  color: #0e7490 !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, color 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.faq-item[open] .faq-chevron,
.faq-item[open] .faq-chev,
.faq-item.open .faq-chevron,
.faq-item.open .faq-chev,
.faq-accordion details[open] .faq-chevron,
.faq-accordion details[open] .faq-chev,
.faq-list details[open] .faq-chevron,
.faq-list details[open] .faq-chev,
.faq-question[aria-expanded="true"] .faq-chevron,
.faq-question[aria-expanded="true"] .faq-chev {
  transform: rotate(180deg) !important;
  color: #0e7490 !important;
}

.faq-answer,
.faq-accordion details > div:not(.faq-question),
.faq-list details > div:not(.faq-question) {
  padding: 0 22px 20px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  border-top: none !important;
}

.faq-answer p,
.faq-accordion details > div p,
.faq-list details > div p {
  margin: 0 0 10px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #475569 !important;
}

.faq-answer p:last-child,
.faq-accordion details > div p:last-child,
.faq-list details > div p:last-child {
  margin-bottom: 0 !important;
}

/* Dark Mode FAQ Accordion */
[data-theme="dark"] .faq-item,
[data-theme="dark"] .faq-accordion details,
[data-theme="dark"] .faq-list details {
  background: #18222d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .faq-item:hover,
[data-theme="dark"] .faq-accordion details:hover,
[data-theme="dark"] .faq-list details:hover {
  border-color: rgba(255, 255, 255, 0.24) !important;
}

[data-theme="dark"] .faq-item[open],
[data-theme="dark"] .faq-item.open,
[data-theme="dark"] .faq-accordion details[open],
[data-theme="dark"] .faq-list details[open] {
  border-color: #6bc8ec !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .faq-question,
[data-theme="dark"] .faq-item summary,
[data-theme="dark"] .faq-accordion summary,
[data-theme="dark"] .faq-list summary {
  color: #ffffff !important;
}

[data-theme="dark"] .faq-chevron,
[data-theme="dark"] .faq-chev {
  color: #6bc8ec !important;
}

[data-theme="dark"] .faq-answer,
[data-theme="dark"] .faq-answer p,
[data-theme="dark"] .faq-accordion details > div,
[data-theme="dark"] .faq-accordion details > div p,
[data-theme="dark"] .faq-list details > div,
[data-theme="dark"] .faq-list details > div p {
  color: #cbd5e1 !important;
}

/* ==========================================================
   MANDATE TABLE & EXEMPTION CARDS
   ========================================================== */
.mandate-table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: #ffffff !important;
  border: 1px solid rgba(45, 121, 166, 0.16) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 20px 0 !important;
}

.mandate-table th {
  background: rgba(45, 121, 166, 0.08) !important;
  color: #06283e !important;
  padding: 14px 18px !important;
  font-weight: 700 !important;
  border-bottom: 2px solid rgba(45, 121, 166, 0.18) !important;
  text-align: left !important;
}

.mandate-table td {
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(45, 121, 166, 0.1) !important;
  color: #334155 !important;
  vertical-align: top !important;
}

.mandate-table tr:last-child td {
  border-bottom: none !important;
}

[data-theme="dark"] .mandate-table {
  background: #18222d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .mandate-table th {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  border-bottom-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .mandate-table td {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  color: #cbd5e1 !important;
}

/* Refined Feature Box for Editorial Pages */
.feature-box {
  background: #ffffff !important;
  border: 1px solid rgba(45, 121, 166, 0.16) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 2px 10px rgba(6, 40, 62, 0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.feature-box:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(45, 121, 166, 0.32) !important;
  box-shadow: 0 6px 18px rgba(6, 40, 62, 0.09) !important;
}

.feature-box .box-icon {
  font-size: 1.75rem !important;
  color: #0e7490 !important;
  margin-bottom: 12px !important;
  display: inline-flex !important;
}

.feature-box h4 {
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: var(--navy-deep, #06283e) !important;
  margin: 0 0 10px !important;
}

.feature-box p {
  font-size: 0.93rem !important;
  line-height: 1.62 !important;
  color: #475569 !important;
  margin: 0 0 16px !important;
}

[data-theme="dark"] .feature-box {
  background: #18222d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .feature-box:hover {
  border-color: rgba(255, 255, 255, 0.24) !important;
}

[data-theme="dark"] .feature-box .box-icon {
  color: #6bc8ec !important;
}

[data-theme="dark"] .feature-box h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .feature-box p {
  color: #cbd5e1 !important;
}

/* ==========================================================
   SIDEBAR RELATED TREATMENTS MENU & HEADERS
   ========================================================== */
.pr-side-list {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.pr-side-list li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pr-side-list li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  color: var(--ink-soft, #475569) !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
}

.pr-side-list li a:hover,
.pr-side-list li a.active {
  background: rgba(14, 130, 197, 0.08) !important;
  color: var(--clr-primary, #0e82c5) !important;
  font-weight: 600 !important;
}

.pr-side-list li a i {
  font-size: 11px !important;
  color: var(--clr-primary, #0e82c5) !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}

.pr-side-list li a:hover i {
  transform: translateX(3px) !important;
}

[data-theme="dark"] .pr-side-list li a {
  color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] .pr-side-list li a:hover,
[data-theme="dark"] .pr-side-list li a.active {
  background: rgba(107, 200, 236, 0.12) !important;
  color: #6bc8ec !important;
}

[data-theme="dark"] .pr-side-list li a i {
  color: #6bc8ec !important;
}

.pr-side-header {
  font-size: 15px !important;
  font-weight: 750 !important;
  color: var(--navy-deep, #06283e) !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.pr-side-header h3 {
  font-size: 15px !important;
  font-weight: 750 !important;
  color: inherit !important;
  margin: 0 !important;
}

.pr-side-header i {
  color: var(--blue, #2d79a6) !important;
  font-size: 18px !important;
}

[data-theme="dark"] .pr-side-header {
  color: #ffffff !important;
}

[data-theme="dark"] .pr-side-header h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .pr-side-header i {
  color: #6bc8ec !important;
}

/* ==========================================================
   QUALIFICATION & CLINICAL CRITERIA CARD FIXES
   ========================================================== */
.qual-icon,
.qual-icon-wrap {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(107, 200, 236, 0.15) !important;
  color: var(--blue, #2d79a6) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  margin-bottom: 14px !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

.qual-card h3,
.qual-card h4 {
  font-size: 16.5px !important;
  font-weight: 700 !important;
  color: var(--navy-deep, #06283e) !important;
  margin: 0 0 8px !important;
  line-height: 1.35 !important;
}

[data-theme="dark"] .qual-card h3,
[data-theme="dark"] .qual-card h4 {
  color: #f5f5f5 !important;
}

.qual-steps-timeline,
.qual-step-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 28px 0 40px !important;
}

/* Details FAQ Bottom Padding and Spacing */
.faq-accordion details > p,
.faq-list details > p,
details.faq-item > p {
  padding: 0 22px 20px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  margin: 0 !important;
}

[data-theme="dark"] .faq-accordion details > p,
[data-theme="dark"] .faq-list details > p,
[data-theme="dark"] details.faq-item > p {
  color: rgba(255, 255, 255, 0.82) !important;
}

/* ==========================================================
   QUALIFICATION & CAP-SCORE STEP LIST ITEMS & BADGES
   ========================================================== */
.qual-step-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
  background: var(--surface, #ffffff) !important;
  border: 1px solid var(--line, #e2e8f0) !important;
  border-radius: 14px !important;
  padding: 24px 28px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(6, 40, 62, 0.04) !important;
  box-sizing: border-box !important;
}

.qual-step-item:hover {
  background: #ffffff !important;
  border-color: rgba(45, 121, 166, 0.35) !important;
  box-shadow: 0 6px 20px rgba(6, 40, 62, 0.07) !important;
}

.qual-step-num {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  background: #06283e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
  box-sizing: border-box !important;
}

.qual-step-content {
  flex: 1 !important;
}

.qual-step-content h4 {
  font-size: 1.08rem !important;
  font-weight: 750 !important;
  color: var(--navy-deep, #06283e) !important;
  margin: 0 0 8px !important;
  line-height: 1.35 !important;
}

.qual-step-content p {
  font-size: 0.95rem !important;
  color: var(--ink-soft, #475569) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

[data-theme="dark"] .qual-step-item {
  background: #141f2a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .qual-step-item:hover {
  background: #182635 !important;
  border-color: rgba(107, 200, 236, 0.3) !important;
}

[data-theme="dark"] .qual-step-content h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .qual-step-content p {
  color: rgba(255, 255, 255, 0.82) !important;
}

[data-theme="dark"] .qual-step-num {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(2, 132, 199, 0.35) !important;
}

/* ==========================================================
   PHOTO GALLERY UPDATE CALLOUT & PROSE BUTTONS
   ========================================================== */
.photo-update-card {
  padding: 26px 30px !important;
  border-radius: 16px !important;
  background: var(--paper, #ffffff) !important;
  border: 1px solid var(--line, #e2e8f0) !important;
  margin: 28px 0 !important;
  box-shadow: 0 4px 20px rgba(6, 40, 62, 0.05) !important;
}

.photo-update-card h4 {
  margin: 0 0 10px !important;
  font-size: 18px !important;
  font-weight: 750 !important;
  color: var(--navy-deep, #06283e) !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.photo-update-card h4 i {
  color: #2d79a6 !important;
  font-size: 20px !important;
}

.photo-update-card p {
  margin: 0 0 18px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: var(--ink-soft, #475569) !important;
}

.prose .btn,
.prose a.btn {
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  transition: all 0.25s ease !important;
}

.prose .btn.btn-primary,
.prose a.btn-primary {
  background: var(--navy-deep, #06283e) !important;
  color: #ffffff !important;
  border: 1.5px solid var(--navy-deep, #06283e) !important;
  text-decoration: none !important;
}

.prose .btn.btn-primary:hover,
.prose a.btn-primary:hover {
  background: #0c4163 !important;
  border-color: #0c4163 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(6, 40, 62, 0.15) !important;
}

.prose .btn.btn-outline,
.prose a.btn-outline {
  background: transparent !important;
  color: var(--blue, #2d79a6) !important;
  border: 1.5px solid var(--blue, #2d79a6) !important;
  text-decoration: none !important;
}

.prose .btn.btn-outline:hover,
.prose a.btn-outline:hover {
  background: rgba(45, 121, 166, 0.08) !important;
  border-color: var(--navy-deep, #06283e) !important;
  color: var(--navy-deep, #06283e) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

/* Dark mode */
[data-theme="dark"] .photo-update-card {
  background: #141f2a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .photo-update-card h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .photo-update-card h4 i {
  color: #38bdf8 !important;
}

[data-theme="dark"] .photo-update-card p {
  color: rgba(255, 255, 255, 0.82) !important;
}

[data-theme="dark"] .prose .btn.btn-primary,
[data-theme="dark"] .prose a.btn-primary {
  background: #0284c7 !important;
  border-color: #0284c7 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 10px rgba(2, 132, 199, 0.3) !important;
}

[data-theme="dark"] .prose .btn.btn-primary:hover,
[data-theme="dark"] .prose a.btn-primary:hover {
  background: #0369a1 !important;
  border-color: #0369a1 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

[data-theme="dark"] .prose .btn.btn-outline,
[data-theme="dark"] .prose a.btn-outline {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

[data-theme="dark"] .prose .btn.btn-outline:hover,
[data-theme="dark"] .prose a.btn-outline:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* ==========================================================================
   HTML Sitemap & Clinical Directory Styles
   ========================================================================== */
.sitemap-hero {
  position: relative;
  overflow: hidden;
  padding: 172px 0 54px;
  background: var(--paper, #e8f2f9);
  border-bottom: 1px solid var(--line-soft, rgba(16, 44, 59, 0.09));
}

@media (max-width: 1024px) {
  .sitemap-hero {
    padding: 152px 0 44px !important;
  }
}

@media (max-width: 820px) {
  .sitemap-hero {
    padding: 116px 0 36px !important;
  }
  .sitemap-stats-badge {
    display: none !important;
  }
}

.sitemap-stats-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(14, 130, 197, 0.1);
  color: var(--blue, #2d79a6);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
}

.sitemap-search-box {
  position: relative;
  max-width: 720px;
  margin: 0 0 24px;
}

.sitemap-search-box i {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--ink-soft, #64748b);
  pointer-events: none;
}

.sitemap-search-input {
  width: 100%;
  padding: 16px 20px 16px 50px;
  font-size: 15.5px;
  font-family: inherit;
  color: var(--ink, #0f172a);
  background: var(--paper, #ffffff);
  border: 1.5px solid var(--line, #cbd5e1);
  border-radius: 12px;
  outline: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sitemap-search-input:focus {
  border-color: var(--blue, #2d79a6);
  box-shadow: 0 0 0 3.5px rgba(45, 121, 166, 0.18);
}

.sitemap-category-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.sitemap-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  background: var(--paper, #ffffff);
  color: var(--ink, #1e293b);
  border: 1px solid var(--line, #e2e8f0);
  cursor: pointer;
  transition: all 0.2s ease;
}

.sitemap-pill-btn:hover {
  border-color: var(--blue, #2d79a6);
  color: var(--blue, #2d79a6);
  transform: translateY(-1px);
}

.sitemap-pill-btn.active {
  background: var(--blue, #2d79a6);
  color: #ffffff;
  border-color: var(--blue, #2d79a6);
  box-shadow: 0 4px 12px rgba(45, 121, 166, 0.25);
}

.sitemap-pill-btn .pill-count {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.06);
  color: inherit;
}

.sitemap-pill-btn.active .pill-count {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

.sitemap-section-block {
  margin-bottom: 56px;
  scroll-margin-top: 100px;
}

.sitemap-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--line, #e2e8f0);
  margin-bottom: 12px;
}

.sitemap-section-head h2 {
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 800;
  color: var(--ink, #0f172a);
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-count-badge {
  font-size: 12.5px;
  font-weight: 750;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(14, 130, 197, 0.1);
  color: var(--blue, #2d79a6);
}

.sitemap-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 16px;
}

.sitemap-item-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--paper, #ffffff);
  border: 1px solid var(--line, #e2e8f0);
  border-radius: 14px;
  padding: 20px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  position: relative;
}

.sitemap-item-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px -6px rgba(0, 0, 0, 0.08);
  border-color: rgba(45, 121, 166, 0.4);
}

.sitemap-item-title {
  font-size: 16.5px;
  font-weight: 750;
  line-height: 1.35;
  margin: 0 0 8px;
  color: var(--ink, #0f172a);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.sitemap-item-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}

.sitemap-item-title a:hover {
  color: var(--blue, #2d79a6);
}

.sitemap-item-desc {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--ink-soft, #475569);
  margin: 0 0 16px;
}

.sitemap-item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 600;
  color: var(--ink-soft, #64748b);
  padding-top: 12px;
  border-top: 1px solid var(--line, #f1f5f9);
  margin-top: auto;
}

.sitemap-item-meta a {
  color: var(--blue, #2d79a6);
  text-decoration: none;
  font-weight: 700;
  transition: transform 0.15s ease;
}

.sitemap-item-meta a:hover {
  transform: translateX(2px);
}

/* Dark theme overrides for sitemap */
[data-theme="dark"] .sitemap-hero {
  background: linear-gradient(180deg, rgba(14, 130, 197, 0.12) 0%, rgba(15, 23, 42, 0) 100%);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .sitemap-stats-badge {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
}

[data-theme="dark"] .sitemap-search-input {
  background: #152238 !important;
  color: #f8fafc !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .sitemap-search-input:focus {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3.5px rgba(56, 189, 248, 0.25) !important;
}

[data-theme="dark"] .sitemap-search-box i {
  color: #94a3b8 !important;
}

[data-theme="dark"] .sitemap-pill-btn {
  background: #152238;
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .sitemap-pill-btn:hover {
  border-color: #38bdf8;
  color: #38bdf8;
}

[data-theme="dark"] .sitemap-pill-btn.active {
  background: #0284c7;
  color: #ffffff;
  border-color: #0284c7;
  box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4);
}

[data-theme="dark"] .sitemap-pill-btn .pill-count {
  background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .sitemap-section-head {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .sitemap-section-head h2 {
  color: #f8fafc;
}

[data-theme="dark"] .section-count-badge {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
}

[data-theme="dark"] .sitemap-item-card {
  background: #111d31;
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .sitemap-item-card:hover {
  border-color: rgba(56, 189, 248, 0.45);
  box-shadow: 0 12px 28px -6px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .sitemap-item-title {
  color: #ffffff;
}

[data-theme="dark"] .sitemap-item-title a:hover {
  color: #38bdf8;
}

[data-theme="dark"] .sitemap-item-desc {
  color: rgba(255, 255, 255, 0.76);
}

[data-theme="dark"] .sitemap-item-meta {
  border-top-color: rgba(255, 255, 255, 0.08);
  color: #94a3b8;
}

[data-theme="dark"] .sitemap-item-meta a {
  color: #38bdf8;
}

[data-theme="dark"] .sitemap-no-results {
  background: #111d31;
  border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .sitemap-no-results h3 {
  color: #f8fafc;
}

/* ==========================================================================
   Editorial Step Cards & Process Steps (Light & Dark Mode Support)
   ========================================================================== */
:root {
  --bg-card: #ffffff;
  --border-color: #e2e8f0;
  --primary: #0e82c5;
  --text-secondary: #475569;
}

[data-theme="dark"] {
  --bg-card: #161f2e;
  --border-color: rgba(255, 255, 255, 0.12);
  --primary: #38bdf8;
  --text-secondary: rgba(255, 255, 255, 0.78);
}

.process-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin: 24px 0 !important;
}

.step-card {
  background: var(--paper, #ffffff) !important;
  border: 1px solid var(--line, #e2e8f0) !important;
  border-radius: 12px !important;
  padding: 20px 24px !important;
  display: flex !important;
  gap: 18px !important;
  align-items: flex-start !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.step-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
  border-color: var(--blue, #2d79a6) !important;
}

.step-card > div:first-child {
  background: var(--blue, #2d79a6) !important;
  color: #ffffff !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 6px rgba(45, 121, 166, 0.3) !important;
}

.step-card h4 {
  margin: 0 0 6px !important;
  font-size: 1.05rem !important;
  font-weight: 750 !important;
  color: var(--ink, #102c3b) !important;
}

.step-card p {
  margin: 0 !important;
  font-size: 0.93rem !important;
  line-height: 1.6 !important;
  color: var(--ink-soft, #475569) !important;
}

/* Dark Mode Overrides for Step Cards */
[data-theme="dark"] .step-card {
  background: #152238 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .step-card:hover {
  border-color: #38bdf8 !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .step-card > div:first-child {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.4) !important;
}

[data-theme="dark"] .step-card h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .step-card p {
  color: rgba(255, 255, 255, 0.78) !important;
}

/* ==========================================================================
   Hero Actions & Button Alignment Perfection
   ========================================================================== */
.hero-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 24px !important;
  flex-wrap: wrap !important;
}

.hero-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  gap: 9px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 22px !important;
  border-radius: 10px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.hero-actions .btn i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  margin-top: -1px !important;
}

.hero-actions .btn-outline {
  border: 1.5px solid var(--line, #b8c8cf) !important;
  background: transparent !important;
  color: var(--ink, #102c3b) !important;
}

.hero-actions .btn-outline:hover {
  background: rgba(45, 121, 166, 0.06) !important;
  border-color: var(--blue, #2d79a6) !important;
  color: var(--blue, #2d79a6) !important;
}

[data-theme="dark"] .hero-actions .btn-outline,
[data-theme="dark"] .hero-actions .btn-hero-secondary,
[data-theme="dark"] .btn-hero-secondary {
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: transform .25s var(--ease), background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease !important;
}

[data-theme="dark"] .hero-actions .btn-outline:hover,
[data-theme="dark"] .hero-actions .btn-hero-secondary:hover,
[data-theme="dark"] .btn-hero-secondary:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .hero-actions .btn-outline:hover *,
[data-theme="dark"] .hero-actions .btn-hero-secondary:hover *,
[data-theme="dark"] .btn-hero-secondary:hover * {
  color: #ffffff !important;
}

/* Card Action Buttons (Why Choose VCRM Card) */
.hero-action-card .btn,
.hero-action-card .phone-link,
.sidebar-action-card .btn,
.sidebar-action-card .phone-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* Editorial CTA Box Buttons Alignment */
.editorial-cta-box div[style*="display: flex"],
.editorial-cta-box div[style*="display:flex"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.editorial-cta-box .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  height: 46px !important;
  line-height: 1 !important;
  padding: 0 22px !important;
  box-sizing: border-box !important;
}