:root {
      --blue-dark: #2D5F8A;
      --blue: #3B76A8;
      --blue-soft: #EAF4FB;
      --teal: #4C8FC2;
      --blue-light: #4C8FC2;
      --accent: #FFE066;
      --accent-hover: #F5C542;
      --accent-soft: #FFF8D6;
      --yellow: #FFE066;
      --yellow-soft: #FFFBE6;
      --white: #FFFFFF;
      --ink: #153044;
      --muted: #587086;
      --copy-on-blue: #F0F8FF;
      --page: #F6F9FC;
      --line: #7FB1D6;
      --shadow: 0 18px 48px rgba(16, 54, 86, 0.12);
      --shadow-hover: 0 28px 72px rgba(16, 54, 86, 0.18);
      --ring: 0 0 0 4px rgba(59, 118, 168, 0.14);
      --surface: rgba(255, 255, 255, 0.84);
      --radius: 8px;
      --display: "Source Serif 4", Georgia, serif;
      --body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; font-family: var(--body); background: var(--page); color: var(--ink); overflow-x: hidden; }
    a { color: inherit; text-decoration: none; }
    strong, b { color: var(--blue-dark); }
    img { display: block; max-width: 100%; }
    p { margin-top: 0; }
    .container { width: min(1160px, calc(100% - 32px)); margin: 0 auto; }

    .topbar { background: linear-gradient(90deg, var(--blue-dark), var(--blue), var(--blue-light)); color: var(--white); font-size: 12px; font-weight: 800; }
    .topbar .container { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
    .navbar { position: sticky; top: 0; z-index: 20; padding: 10px 0; background: rgba(246, 249, 252, 0.9); backdrop-filter: blur(22px); }
    .nav-inner { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 6px 0; }
    .brand-logo { width: 154px; display: block; }
    .brand-logo img { width: 154px; height: auto; object-fit: contain; }
    .menu { display: flex; align-items: center; justify-content: center; gap: 2px; }
    .menu a { min-height: 46px; padding: 0 12px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; letter-spacing: 0.02em; text-transform: uppercase; color: var(--blue-dark); white-space: nowrap; transition: 0.22s ease; }
    .menu a:hover, .menu a.active { background: rgba(127, 177, 214, 0.34); color: var(--blue); }
    .btn { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 20px; border-radius: 8px; border: 1px solid transparent; font-size: 14px; font-weight: 900; cursor: pointer; transition: 0.2s ease; text-align: center; }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary{background:var(--accent);color:var(--blue-dark); border-color:rgba(255,224,102,.72);box-shadow:0 6px 18px rgba(16,54,86,.12)}
    .btn-primary:hover{background:var(--accent-hover);box-shadow:0 10px 24px rgba(16,54,86,.18)}
    .btn-secondary { background: var(--white); color: var(--blue-dark); border-color: var(--line); }

    .hero { position: relative; overflow: hidden; padding: 50px 0 66px; background: linear-gradient(112deg, rgba(45,95,138,0.94), rgba(59,118,168,0.86)); background-size: cover; background-position: center; color: var(--white); }
    .hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, rgba(0,0,0,.72), transparent 86%); }
    .hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 34px; align-items: center; }
    .breadcrumb { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 18px; color: var(--copy-on-blue); font-size: 12px; font-weight: 800; line-height: 1.35; }
    .breadcrumb a { color: rgba(255,255,255,0.92); border-bottom: 1px solid rgba(255,255,255,0.34); }
    .breadcrumb span { color: rgba(255,255,255,0.58); font-weight: 900; }
    .breadcrumb strong { color: rgba(255,255,255,0.95); font-weight: 900; }
    .eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.22); font-size: 12px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
    h1, h2, h3 { margin-top: 0; }
    h1 { max-width: 800px; margin: 14px 0 14px; font-family: var(--display); font-size: clamp(30px, 3.4vw, 46px); line-height: 1.08; letter-spacing: 0; text-transform: capitalize; }
    h2 { margin: 0 0 14px; font-family: var(--display); font-size: clamp(26px, 2.7vw, 36px); line-height: 1.12; color: var(--blue-dark); }
    h3 { color: var(--blue-dark); }
    .hero-copy { max-width: 760px; color: var(--copy-on-blue); font-size: 16px; line-height: 1.75; margin-bottom: 22px; }
    .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
    .hero .btn-secondary, .cta .btn-secondary { background: rgba(255,255,255,0.12); color: var(--white); border-color: rgba(255,255,255,0.25); }
    .hero-card { border: 1px solid rgba(255,255,255,0.36); border-radius: 8px; background: rgba(255,255,255,0.94); box-shadow: 0 24px 70px rgba(16,54,86,0.22); color: var(--ink); overflow: hidden; }
    .hero-card-content { padding: 18px; }
    .hero-card b { display: block; color: var(--blue-dark); font-size: 18px; margin-bottom: 8px; }
    .hero-card span { color: var(--muted); font-size: 13px; font-weight: 800; line-height: 1.55; }

    section { padding: 68px 0; }
    /* ── Article navigation ── */
    .art-nav-wrap { padding: 0 0 48px; }
    .art-nav {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 14px;
      align-items: stretch;
    }
    .art-nav-card {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 20px 22px;
      border: 1px solid rgba(200, 170, 110, 0.42);
      border-radius: 8px;
      background: #FDF6EC;
      color: var(--ink);
      text-decoration: none;
      transition: border-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
      box-shadow: 0 4px 14px rgba(16, 54, 86, 0.07);
      position: relative;
      overflow: hidden;
    }
    .art-nav-card::before {
      content: "";
      position: absolute;
      left: 0; right: 0; top: 0;
      height: 3px;
      background: linear-gradient(90deg, var(--accent), var(--accent-hover));
      opacity: 0;
      transition: opacity 0.22s ease;
    }
    .art-nav-card:hover:not([aria-disabled="true"])::before { opacity: 1; }
    .art-nav-card:hover:not([aria-disabled="true"]) {
      border-color: rgba(200, 170, 110, 0.75);
      transform: translateY(-3px);
      box-shadow: 0 14px 36px rgba(16, 54, 86, 0.14);
    }
    .art-nav-card[aria-disabled="true"] {
      opacity: 0.38;
      cursor: default;
      pointer-events: none;
    }
    .art-nav-dir {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.09em;
      color: var(--blue);
    }
    .art-nav-next .art-nav-dir { justify-content: flex-end; }
    .art-nav-next { text-align: right; }
    .art-nav-cat {
      font-size: 11px;
      font-weight: 900;
      color: var(--muted);
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }
    .art-nav-next .art-nav-cat { text-align: right; }
    .art-nav-title {
      font-family: var(--display);
      font-size: 15px;
      font-weight: 700;
      line-height: 1.38;
      color: var(--blue-dark);
    }
    .art-nav-center {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 9px;
      padding: 16px 20px;
      min-width: 90px;
      border: 1px solid rgba(200, 170, 110, 0.42);
      border-radius: 8px;
      background: var(--accent);
      color: var(--blue-dark);
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.07em;
      text-decoration: none;
      text-align: center;
      transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
      box-shadow: 0 4px 14px rgba(16, 54, 86, 0.06);
    }
    .art-nav-center i {
      font-size: 20px;
      color: var(--blue-dark);
      transition: color 0.22s ease;
    }
    .art-nav-center:hover {
      background: var(--accent-hover);
      color: var(--blue-dark);
      border-color: rgba(200, 170, 110, 0.75);
      transform: translateY(-2px);
      box-shadow: 0 10px 26px rgba(16, 54, 86, 0.16);
    }
    .art-nav-center:hover i { color: var(--blue-dark); }
    @media (max-width: 720px) {
      .art-nav {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
      }
      .art-nav-center {
        grid-column: 1 / -1;
        order: -1;
        flex-direction: row;
        gap: 10px;
      }
    }
    /* ── End article navigation ── */
    .article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 30px; align-items: start; }
    .article-main { min-width: 0; }
    .article-section { scroll-margin-top: 110px; border: 1px solid var(--line); background: rgba(255,255,255,0.9); border-radius: 8px; box-shadow: var(--shadow); padding: 28px; margin-bottom: 20px; }
    .article-section p { color: var(--muted); font-size: 16px; line-height: 1.82; margin-bottom: 0; }
    .article-section p + p { margin-top: 14px; }
    .article-section strong, .article-section b { color: var(--blue-dark); background: linear-gradient(180deg, transparent 58%, rgba(255,224,102,.45) 0); border-radius: 3px; padding: 0 2px; }
    .list-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 18px; }
    .list-card { border: 1px solid var(--line); border-radius: 8px; background: #F7FBFF; padding: 16px 16px 16px 48px; color: var(--muted); line-height: 1.65; font-size: 14px; position: relative; }
    .list-card i { width: 22px; height: 22px; position: absolute; left: 16px; top: 16px; border-radius: 999px; display: grid; place-items: center; background: var(--blue-soft); color: var(--blue-dark); font-style: normal; font-size: 12px; font-weight: 900; }
    .side-stack { position: sticky; top: 102px; display: grid; gap: 16px; }
    .side-card { border: 1px solid var(--line); background: rgba(255,255,255,0.92); border-radius: 8px; box-shadow: var(--shadow); overflow: hidden; }
    .side-card-header { padding: 16px 18px; background: linear-gradient(135deg, var(--blue-dark), var(--blue-light)); color: var(--white); font-weight: 900; }
    .toc-links { display: grid; padding: 8px; }
    .toc-links a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 10px; border-radius: 6px; color: var(--blue-dark); font-size: 13px; font-weight: 900; line-height: 1.35; transition: 0.2s ease; }
    .toc-links a::after { content: ">"; color: var(--blue); font-weight: 900; }
    .toc-links a:hover { background: #F0F7FF; color: var(--blue); }
    .fact-stack { display: grid; gap: 1px; background: var(--line); }
    .fact-row { background: var(--white); padding: 15px 18px; }
    .fact-row b { display: block; color: var(--blue-dark); font-size: 22px; line-height: 1.1; }
    .fact-row span { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 900; line-height: 1.45; text-transform: uppercase; }
    .side-cta { padding: 18px; background: linear-gradient(180deg, #FFFFFF, #F7FBFF); }
    .side-cta b { display: block; color: var(--blue-dark); font-size: 18px; margin-bottom: 8px; }
    .side-cta p { color: var(--muted); font-size: 13px; line-height: 1.55; margin-bottom: 14px; }
    .side-cta .btn { width: 100%; min-height: 42px; }

    .cta { background: linear-gradient(112deg, var(--blue-dark), var(--blue), var(--blue-light)); color: var(--white); }
    .cta h2 { color: var(--white); }
    .cta p { color: var(--copy-on-blue); line-height: 1.75; font-size: 17px; }
    .contact-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 28px; align-items: center; }
    .contact-form { border-radius: 8px; background: rgba(255,255,255,0.92); padding: 22px; box-shadow: 0 18px 48px rgba(16,54,86,0.18); }
    .contact-form form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    .contact-form input, .contact-form select, .contact-form textarea { width: 100%; min-height: 42px; border: 1px solid rgba(127,177,214,0.6); border-radius: 6px; padding: 0 12px; color: var(--ink); background: var(--page); outline: none; font-size: 13px; }
    .contact-form textarea { grid-column: 1 / -1; min-height: 90px; padding-top: 10px; resize: vertical; }
    .contact-form .btn { grid-column: 1 / -1; width: 100%; border: 0; }
    .contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(59,118,168,0.12); }
        .cta-grid { display: grid; grid-template-columns: 1fr 340px; gap: 28px; align-items: center; }
    .cta-box { border: 1px solid rgba(255,255,255,0.22); background: rgba(255,255,255,0.12); border-radius: 8px; padding: 20px; }
    .cta-box b { display: block; font-size: 24px; margin-bottom: 8px; }

    footer { background: var(--blue-dark); color: var(--white); padding: 42px 0; }
    .footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 28px; }
    footer h3 { margin-bottom: 14px; color: var(--white); }
    footer p, footer a { color: rgba(255,255,255,0.74); line-height: 1.8; font-size: 14px; }
    .links { display: grid; gap: 8px; }

    @media (max-width: 980px) {
      .contact-grid { grid-template-columns: 1fr; }
      .contact-form form { grid-template-columns: 1fr; }
      .nav-inner { flex-wrap: wrap; }
      .menu { order: 3; width: 100%; justify-content: flex-start; overflow-x: auto; padding-bottom: 4px; }
      .menu a { flex: 0 0 auto; }
      .hero-grid, .article-layout, .contact-grid { grid-template-columns: 1fr; }
      .side-stack { position: static; }
    }

    @media (max-width: 720px) {
      .contact-grid { grid-template-columns: 1fr; }
      .contact-form form { grid-template-columns: 1fr; }
      .topbar .container { justify-content: center; text-align: center; }
      .brand-logo, .brand-logo img { width: 128px; }
      .nav-inner > .btn { display: none; }
      .menu a { min-height: 40px; padding: 0 10px; font-size: 11px; }
      .hero { padding: 40px 0 56px; }
      .hero-actions .btn { width: 100%; }
      .article-section { padding: 20px; }
      .list-grid, .footer-grid { grid-template-columns: 1fr; }
      section { padding: 52px 0; }
    }
  
    /* Consultation form shared styles */
    .consultation-panel{position:relative;overflow:hidden;max-width:430px;margin-left:auto;border-radius:8px;background:rgba(255,255,255,.90);color:var(--ink);padding:22px;border:1px solid rgba(255,255,255,.84);box-shadow:0 26px 76px rgba(36,91,131,.20);backdrop-filter:blur(24px);transition:transform .28s ease,box-shadow .28s ease}
    .consultation-panel::before{content:none}
    .consultation-panel:hover{transform:translateY(-3px);box-shadow:0 34px 98px rgba(36,91,131,.24)}
    .consultation-panel::after{content:"";position:absolute;left:15%;right:15%;top:0;height:4px;border-radius:0 0 10px 10px;background:linear-gradient(90deg,var(--blue-dark),var(--blue))}
    .consultation-panel .form-head::before{content:"";position:absolute;inset:-18px auto auto -45%;width:70%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}
    .form-head{position:relative;display:block;text-align:center;margin-bottom:14px}.form-head strong{display:block;margin-bottom:4px;font-family:var(--display);font-size:20px;line-height:1.18;color:var(--blue-dark)}.form-head p{margin:0;color:var(--muted);line-height:1.55;font-size:12px}.form-chip{display:inline-flex;align-items:center;gap:6px;margin-top:9px;border-radius:999px;padding:7px 10px;background:var(--blue-soft);color:var(--blue-dark);font-size:12px;font-weight:900}
    .consultation-form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}.consultation-form textarea,.consultation-form .wide{grid-column:1/-1}.consultation-form input,.consultation-form select,.consultation-form textarea{width:100%;min-height:39px;border:1px solid var(--line);border-radius:8px;padding:0 12px;color:var(--ink);background:rgba(245,250,255,.82);outline:none;font-size:13px;font-family:var(--body)}.consultation-form textarea{min-height:76px;padding-top:10px;resize:vertical}.consultation-form input:focus,.consultation-form textarea:focus,.consultation-form select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(47,128,237,.1)}
    .form-note{grid-column:1/-1;display:grid;align-items:center;gap:8px;margin-top:0;color:var(--muted);font-size:12px;font-weight:700;text-align:center}.form-note .btn{width:100%;border-radius:9px;min-height:44px;font-size:15px}.privacy-note{display:inline-flex;align-items:center;justify-content:center;gap:6px}.privacy-note i{color:var(--blue)}
    @media(max-width:720px){.consultation-panel{position:relative;overflow:hidden;max-width:430px;margin-left:auto;border-radius:8px;background:rgba(255,255,255,.90);color:var(--ink);padding:22px;border:1px solid rgba(255,255,255,.84);box-shadow:0 26px 76px rgba(36,91,131,.20);backdrop-filter:blur(24px);transition:transform .28s ease,box-shadow .28s ease}.consultation-form{grid-template-columns:1fr}.consultation-form textarea,.consultation-form .wide,.form-note{grid-column:auto}}


    /* CTA contrast and clinical form placement fixes */
    .cta .contact-grid,.contact .contact-grid,.cta-full .contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}
    .cta h1,.cta h2,.cta h3,.contact h1,.contact h2,.contact h3,.cta-full h1,.cta-full h2,.cta-full h3{color:var(--white)}
    .cta p,.contact p,.cta-full p{color:var(--copy-on-blue,rgba(255,255,255,.82))}
    .cta .eyebrow,.contact .eyebrow,.cta-full .eyebrow{color:var(--copy-on-blue,#EAF4FB)}
    .cta .cta-box b,.cta .metric b,.contact .cta-box b,.cta-full .cta-box b{color:var(--white)}
    .cta .consultation-panel h1,.cta .consultation-panel h2,.cta .consultation-panel h3,.cta .consultation-panel strong,.cta .consultation-panel b,.contact .consultation-panel h1,.contact .consultation-panel h2,.contact .consultation-panel h3,.contact .consultation-panel strong,.contact .consultation-panel b,.cta-full .consultation-panel h1,.cta-full .consultation-panel h2,.cta-full .consultation-panel h3,.cta-full .consultation-panel strong,.cta-full .consultation-panel b{color:var(--blue-dark)}
    .cta .consultation-panel p,.contact .consultation-panel p,.cta-full .consultation-panel p{color:var(--muted)}
    @media(max-width:900px){.cta .contact-grid,.contact .contact-grid,.cta-full .contact-grid{grid-template-columns:1fr}.cta .consultation-panel,.contact .consultation-panel,.cta-full .consultation-panel{position:relative;overflow:hidden;max-width:430px;margin-left:auto;border-radius:8px;background:rgba(255,255,255,.90);color:var(--ink);padding:22px;border:1px solid rgba(255,255,255,.84);box-shadow:0 26px 76px rgba(36,91,131,.20);backdrop-filter:blur(24px);transition:transform .28s ease,box-shadow .28s ease}}


    /* Dark section heading/emphasis contrast fixes */
    .hero h1,.hero h2,.hero h3,.hero strong,.hero b,.cta strong,.cta b,.contact strong,.contact b,.cta-full strong,.cta-full b{color:var(--white)}
    .hero .hero-panel h1,.hero .hero-panel h2,.hero .hero-panel h3,.hero .hero-panel strong,.hero .hero-panel b,.hero .hero-card h1,.hero .hero-card h2,.hero .hero-card h3,.hero .hero-card strong,.hero .hero-card b,.hero .metric b,.hero .card h3,.hero .card strong,.hero .card b{color:var(--blue-dark)}
    .cta .consultation-panel strong,.cta .consultation-panel b,.contact .consultation-panel strong,.contact .consultation-panel b,.cta-full .consultation-panel strong,.cta-full .consultation-panel b{color:var(--blue-dark)}


    /* Dark background contrast and compact title scale */
    :root { --soft-heading-on-blue: #eaf4fb; --muted-on-blue: rgba(255,255,255,0.84); }
    h1 { font-size: clamp(32px, 3.7vw, 46px); line-height: 1.1; }
    h2, .section-head h2, .cta h2, .contact h2, .cta-full h2 { font-size: clamp(28px, 3.2vw, 38px); line-height: 1.15; }
    .hero h1 { font-size: clamp(32px, 3.7vw, 46px); line-height: 1.1; }
    .gallery-note h1, .gallery-note h2, .gallery-note h3, .gallery-note strong, .gallery-note b,
    .image-caption h1, .image-caption h2, .image-caption h3, .image-caption strong, .image-caption b,
    .photo-caption h1, .photo-caption h2, .photo-caption h3, .photo-caption strong, .photo-caption b,
    .decision-caption h1, .decision-caption h2, .decision-caption h3, .decision-caption strong, .decision-caption b,
    .visual-title h1, .visual-title h2, .visual-title h3, .visual-title strong, .visual-title b,
    .journey-board h1, .journey-board h2, .journey-board h3, .journey-board strong, .journey-board b,
    .help-panel h1, .help-panel h2, .help-panel h3, .help-panel strong, .help-panel b,
    .related-card h1, .related-card h2, .related-card h3, .related-card strong, .related-card b,
    .side-card-header h1, .side-card-header h2, .side-card-header h3, .side-card-header strong, .side-card-header b,
    .cta-box h1, .cta-box h2, .cta-box h3, .cta-box strong, .cta-box b,
    .saving-badge, .saving-badge strong, .saving-badge b { color: var(--soft-heading-on-blue); }
    .gallery-note span, .gallery-note p,
    .image-caption span, .image-caption p,
    .photo-caption span, .photo-caption p,
    .decision-caption span, .decision-caption p,
    .help-panel span, .help-panel p,
    .related-card span, .related-card p,
    .side-card-header span, .side-card-header p,
    .cta-box span, .cta-box p { color: var(--muted-on-blue); }
    .gallery-note b, .image-caption b, .photo-caption b, .decision-caption b, .visual-title b, .cta-box b { font-size: clamp(18px, 2vw, 22px); line-height: 1.22; }
    .consultation-panel h1, .consultation-panel h2, .consultation-panel h3, .consultation-panel strong, .consultation-panel b,
    .hero-panel h1, .hero-panel h2, .hero-panel h3, .hero-panel strong, .hero-panel b,
    .hero-card h1, .hero-card h2, .hero-card h3, .hero-card strong, .hero-card b,
    .card h1, .card h2, .card h3, .card strong, .card b,
    .info-card h1, .info-card h2, .info-card h3, .info-card strong, .info-card b,
    .procedure-card h1, .procedure-card h2, .procedure-card h3, .procedure-card strong, .procedure-card b,
    .treatment-card h1, .treatment-card h2, .treatment-card h3, .treatment-card strong, .treatment-card b,
    .metric h1, .metric h2, .metric h3, .metric strong, .metric b,
    .stat h1, .stat h2, .stat h3, .stat strong, .stat b,
    .fact-row h1, .fact-row h2, .fact-row h3, .fact-row strong, .fact-row b,
    .map-tile h1, .map-tile h2, .map-tile h3, .map-tile strong, .map-tile b,
    .compare-box h1, .compare-box h2, .compare-box h3, .compare-box strong, .compare-box b,
    .estimate-window h1, .estimate-window h2, .estimate-window h3, .estimate-window strong, .estimate-window b,
    .planning-note h1, .planning-note h2, .planning-note h3, .planning-note strong, .planning-note b,
    .patient-profile h1, .patient-profile h2, .patient-profile h3, .patient-profile strong, .patient-profile b,
    .side-cta h1, .side-cta h2, .side-cta h3, .side-cta strong, .side-cta b { color: var(--blue-dark); }
    .side-cta p { color: var(--muted, #587086); }
    .card h3, .info-card h3, .procedure-card h3, .treatment-card h3, .faq h3 { font-size: clamp(18px, 2vw, 22px); line-height: 1.25; }
    .form-head strong { font-size: clamp(20px, 2.4vw, 24px); }
    @media (max-width: 720px) {
      h1, .hero h1 { font-size: clamp(28px, 9vw, 36px); }
      h2, .section-head h2, .cta h2, .contact h2, .cta-full h2 { font-size: clamp(24px, 8vw, 32px); }
    }
    /* End dark background contrast and compact title scale */
    /* Forerunners yellow accent refresh */
    :root {
      --accent: #FFE066;
      --accent-hover: #F5C542;
      --accent-soft: #FFF8D8;
      --yellow: #FFE066;
      --yellow-soft: #FFF8D8;
      --focus-ring: rgba(255, 224, 102, 0.52);
    }

    .btn:not(.btn-secondary):not(.btn-ghost-cta),
    .btn-primary,
    button.btn-primary,
    .consultation-form .btn-primary,
    .hero-actions .btn-primary,
    .nav-inner > .btn-primary,
    .cta .btn-primary,
    .cta-full .btn-primary {
      background: linear-gradient(180deg, #FFE875 0%, #FFE066 58%, #F5C542 100%) !important;
      color: var(--blue-dark, #245D8F) !important;
      border-color: transparent !important;
      box-shadow: 0 6px 18px rgba(16, 54, 86, 0.12) !important;
    }

    .btn:not(.btn-secondary):not(.btn-ghost-cta):hover,
    .btn-primary:hover,
    button.btn-primary:hover,
    .consultation-form .btn-primary:hover,
    .hero-actions .btn-primary:hover,
    .nav-inner > .btn-primary:hover,
    .cta .btn-primary:hover,
    .cta-full .btn-primary:hover {
      background: linear-gradient(180deg, #FFE36A 0%, #F5C542 100%) !important;
      color: var(--blue-dark, #245D8F) !important;
      border-color: transparent !important;
      box-shadow: 0 10px 24px rgba(16, 54, 86, 0.18) !important;
      transform: translateY(-1px);
    }

    .btn-primary svg,
    .btn-primary i,
    .btn:not(.btn-secondary):not(.btn-ghost-cta) svg,
    .btn:not(.btn-secondary):not(.btn-ghost-cta) i,
    button.btn-primary svg,
    button.btn-primary i {
      color: var(--blue-dark, #245D8F) !important;
      fill: none;
      stroke: currentColor;
    }

    .eyebrow,
    .label,
    .chip,
    .badge,
    .tag,
    .pill,
    .form-chip,
    .journey-pill,
    .term,
    .cat-chip.active,
    .breadcrumb a:hover,
    .breadcrumbs a:hover {
      background: var(--yellow-soft, #FFF8D8) !important;
      border-color: rgba(255, 224, 102, 0.68) !important;
      color: var(--blue-dark, #245D8F) !important;
    }

    .icon,
    .step b,
    .check,
    .checkmark,
    .feature-icon,
    .card-icon,
    .stat-icon,
    .timeline-marker,
    .process-number,
    .accordion-icon,
    .vid-play {
      background: var(--yellow-soft, #FFF8D8) !important;
      color: var(--blue-dark, #245D8F) !important;
      border-color: rgba(255, 224, 102, 0.72) !important;
    }

    .card,
    .article-card,
    .blog-card,
    .doctor-card,
    .hospital-card,
    .testimonial-card,
    .treatment-card,
    .info-card,
    .faq,
    .faq-item,
    .service-card,
    .specialty-card,
    .video-card,
    .vid-card,
    .procedure-card,
    .map-tile {
      border-color: rgba(127, 177, 214, 0.72) !important;
      box-shadow: 0 18px 46px rgba(16, 54, 86, 0.10) !important;
    }

    .card:hover,
    .article-card:hover,
    .blog-card:hover,
    .doctor-card:hover,
    .hospital-card:hover,
    .testimonial-card:hover,
    .treatment-card:hover,
    .info-card:hover,
    .service-card:hover,
    .specialty-card:hover,
    .video-card:hover,
    .vid-card:hover,
    .procedure-card:hover,
    .map-tile:hover {
      border-color: transparent !important;
      box-shadow: 0 22px 54px rgba(16, 54, 86, 0.14), 0 0 0 3px rgba(59, 118, 168, 0.14) !important;
    }

    input:focus,
    select:focus,
    textarea:focus,
    button:focus-visible,
    a:focus-visible {
      outline: 3px solid rgba(59, 118, 168, 0.32) !important;
      outline-offset: 2px;
      border-color: transparent !important;
    }
    /* End Forerunners yellow accent refresh */

/* Final dark-surface contrast override */
    .hero h1, .hero h2, .hero h3, .hero strong, .hero b,
    .cta h1, .cta h2, .cta h3, .cta strong, .cta b,
    .cta-full h1, .cta-full h2, .cta-full h3, .cta-full strong, .cta-full b,
    footer h1, footer h2, footer h3, footer h4, footer strong, footer b,
    .comparison-top h1, .comparison-top h2, .comparison-top h3, .comparison-top strong, .comparison-top b,
    .cost-highlight h1, .cost-highlight h2, .cost-highlight h3, .cost-highlight strong, .cost-highlight b,
    .gallery-note h1, .gallery-note h2, .gallery-note h3, .gallery-note strong, .gallery-note b,
    .image-caption h1, .image-caption h2, .image-caption h3, .image-caption strong, .image-caption b,
    .photo-caption h1, .photo-caption h2, .photo-caption h3, .photo-caption strong, .photo-caption b,
    .decision-caption h1, .decision-caption h2, .decision-caption h3, .decision-caption strong, .decision-caption b,
    .visual-title h1, .visual-title h2, .visual-title h3, .visual-title strong, .visual-title b,
    .journey-board h1, .journey-board h2, .journey-board h3, .journey-board strong, .journey-board b,
    .help-panel h1, .help-panel h2, .help-panel h3, .help-panel strong, .help-panel b,
    .related-card h1, .related-card h2, .related-card h3, .related-card strong, .related-card b,
    .side-card-header, .side-card-header h1, .side-card-header h2, .side-card-header h3, .side-card-header strong, .side-card-header b,
    .sc-header, .sc-header h1, .sc-header h2, .sc-header h3, .sc-header strong, .sc-header b,
    .cta-box h1, .cta-box h2, .cta-box h3, .cta-box strong, .cta-box b,
    .saving-badge, .saving-badge strong, .saving-badge b,
    .cost-note h1, .cost-note h2, .cost-note h3, .cost-note strong, .cost-note b,
    .consult-sec h1, .consult-sec h2, .consult-sec h3, .consult-sec strong, .consult-sec b,
    .hero-photo h1, .hero-photo h2, .hero-photo h3, .hero-photo strong, .hero-photo b,
    .hero-float h1, .hero-float h2, .hero-float h3, .hero-float strong, .hero-float b,
    .about-figure h1, .about-figure h2, .about-figure h3, .about-figure strong, .about-figure b,
    .india-graphic h1, .india-graphic h2, .india-graphic h3, .india-graphic strong, .india-graphic b,
    .orbit-card h1, .orbit-card h2, .orbit-card h3, .orbit-card strong, .orbit-card b,
    .image-panel h1, .image-panel h2, .image-panel h3, .image-panel strong, .image-panel b,
    .hero-stat strong, .hero-stat b, .hero-metric strong, .hero-metric b, .hstat strong, .hstat b { color: var(--soft-heading-on-blue, #eaf4fb) !important; }

    .hero p, .hero li, .hero span,
    .cta p, .cta li, .cta span,
    .cta-full p, .cta-full li, .cta-full span,
    footer p, footer li, footer span, footer a,
    .comparison-top span, .comparison-top p,
    .cost-highlight p, .cost-highlight span,
    .gallery-note p, .gallery-note span,
    .image-caption p, .image-caption span,
    .photo-caption p, .photo-caption span,
    .decision-caption p, .decision-caption span,
    .help-panel p, .help-panel span,
    .related-card p, .related-card span,
    .cta-box p, .cta-box span,
    .cost-note p, .cost-note span,
    .consult-sec p, .consult-sec span,
    .hero-photo p, .hero-photo span,
    .hero-float p, .hero-float span,
    .about-figure p, .about-figure span,
    .india-graphic p, .india-graphic span,
    .orbit-card p, .orbit-card span,
    .image-panel p, .image-panel span { color: var(--muted-on-blue, rgba(255,255,255,0.84)) !important; }

    .consultation-panel h1, .consultation-panel h2, .consultation-panel h3, .consultation-panel h4, .consultation-panel strong, .consultation-panel b,
    .consult-sec .consultation-panel h1, .consult-sec .consultation-panel h2, .consult-sec .consultation-panel h3, .consult-sec .consultation-panel h4, .consult-sec .consultation-panel strong, .consult-sec .consultation-panel b,
    .hero-panel h1, .hero-panel h2, .hero-panel h3, .hero-panel h4, .hero-panel strong, .hero-panel b,
    .hero-card h1, .hero-card h2, .hero-card h3, .hero-card h4, .hero-card strong, .hero-card b,
    .card h1, .card h2, .card h3, .card h4, .card strong, .card b,
    .info-card h1, .info-card h2, .info-card h3, .info-card h4, .info-card strong, .info-card b,
    .procedure-card h1, .procedure-card h2, .procedure-card h3, .procedure-card h4, .procedure-card strong, .procedure-card b,
    .treatment-card h1, .treatment-card h2, .treatment-card h3, .treatment-card h4, .treatment-card strong, .treatment-card b,
    .metric h1, .metric h2, .metric h3, .metric h4, .metric strong, .metric b,
    .stat h1, .stat h2, .stat h3, .stat h4, .stat strong, .stat b,
    .fact-row h1, .fact-row h2, .fact-row h3, .fact-row h4, .fact-row strong, .fact-row b,
    .map-tile h1, .map-tile h2, .map-tile h3, .map-tile h4, .map-tile strong, .map-tile b,
    .compare-box h1, .compare-box h2, .compare-box h3, .compare-box h4, .compare-box strong, .compare-box b,
    .estimate-window h1, .estimate-window h2, .estimate-window h3, .estimate-window h4, .estimate-window strong, .estimate-window b,
    .planning-note h1, .planning-note h2, .planning-note h3, .planning-note h4, .planning-note strong, .planning-note b,
    .patient-profile h1, .patient-profile h2, .patient-profile h3, .patient-profile h4, .patient-profile strong, .patient-profile b,
    .side-cta h1, .side-cta h2, .side-cta h3, .side-cta h4, .side-cta strong, .side-cta b { color: var(--blue-dark) !important; }

    .consultation-panel p, .consultation-panel span,
    .consult-sec .consultation-panel p, .consult-sec .consultation-panel span,
    .hero-panel p, .hero-panel span,
    .hero-card p, .hero-card span,
    .card p, .card span,
    .info-card p, .info-card span,
    .procedure-card p, .procedure-card span,
    .treatment-card p, .treatment-card span,
    .metric p, .metric span,
    .stat p, .stat span,
    .fact-row p, .fact-row span,
    .map-tile p, .map-tile span,
    .compare-box p, .compare-box span,
    .estimate-window p, .estimate-window span,
    .planning-note p, .planning-note span,
    .patient-profile p, .patient-profile span,
    .side-cta p, .side-cta span { color: var(--muted, #587086) !important; }

    .term, .term *,
    .label, .label *,
    .form-chip, .form-chip *,
    .journey-pill, .journey-pill *,
    .chip, .chip * { color: var(--blue-dark) !important; }
    .term svg, .term svg *,
    .journey-pill i, .form-chip i,
    .chip.active, .chip.active * { color: inherit !important; }
    .term svg, .term path { stroke: var(--blue, #3B76A8) !important; }

    .hero .term, .hero .term *,
    .card .term, .card .term *,
    .treatment-card .term, .treatment-card .term *,
    .procedure-card .term, .procedure-card .term *,
    .info-card .term, .info-card .term *,
    .hero .label, .hero .label *,
    .card .label, .card .label *,
    .hero .form-chip, .hero .form-chip *,
    .cta .form-chip, .cta .form-chip *,
    .contact .form-chip, .contact .form-chip *,
    .cta-full .form-chip, .cta-full .form-chip *,
    .hero .journey-pill, .hero .journey-pill *,
    .chip, .chip * { color: var(--blue-dark) !important; }
    .chip.active, .chip.active * { color: var(--white) !important; }
    .hero .term svg, .hero .term path,
    .card .term svg, .card .term path,
    .treatment-card .term svg, .treatment-card .term path,
    .procedure-card .term svg, .procedure-card .term path { stroke: var(--blue, #3B76A8) !important; color: var(--blue, #3B76A8) !important; }

    /* Yellow hero pill treatment-plan fix */
    .hero .eyebrow,
    .hero .eyebrow *,
    .hero .label,
    .hero .label * {
      color: var(--blue-dark, #245D8F) !important;
    }

    .hero .eyebrow,
    .hero .label {
      background: linear-gradient(180deg, #FFE875 0%, #FFE066 58%, #F5C542 100%) !important;
      border-color: transparent !important;
      box-shadow: 0 12px 30px rgba(255, 224, 102, 0.34) !important;
    }
    /* End Yellow hero pill treatment-plan fix */

    
    /* Strong yellow pill and chip fix */
    .eyebrow,
    .label,
    .chip,
    .badge,
    .tag,
    .pill,
    .form-chip,
    .journey-pill,
    .term,
    .cat-chip.active,
    .country,
    .meta span,
    .feat-tag,
    .sc-tag {
      background: linear-gradient(180deg, #FFE875 0%, #FFE066 58%, #F5C542 100%) !important;
      border-color: transparent !important;
      color: var(--blue-dark, #245D8F) !important;
      box-shadow: 0 10px 24px rgba(255, 224, 102, 0.28) !important;
    }

    .eyebrow *,
    .label *,
    .chip *,
    .badge *,
    .tag *,
    .pill *,
    .form-chip *,
    .journey-pill *,
    .term *,
    .cat-chip.active *,
    .country *,
    .meta span *,
    .feat-tag *,
    .sc-tag * {
      color: var(--blue-dark, #245D8F) !important;
    }
    /* End Strong yellow pill and chip fix */

    /* End final dark-surface contrast override */

    /* Eyebrow/label text guard — beats dark-section span specificity */
    .hero .eyebrow, .hero .label,
    .cta .eyebrow, .cta .label,
    .contact .eyebrow, .contact .label,
    .cost-note .eyebrow, .cost-note .label,
    .cta-full .eyebrow, .cta-full .label {
      color: #245D8F !important;
    }
    .hero .eyebrow *, .hero .label *,
    .cta .eyebrow *, .cta .label *,
    .contact .eyebrow *, .contact .label *,
    .cost-note .eyebrow *, .cost-note .label *,
    .cta-full .eyebrow *, .cta-full .label * {
      color: #245D8F !important;
    }
    /* WCAG 2.1 keyboard focus visibility */
    a:focus-visible,
    button:focus-visible,
    .btn:focus-visible,
    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible,
    [tabindex]:focus-visible {
      outline: 3px solid #3B76A8;
      outline-offset: 3px;
      border-radius: 4px;
    }
    /* Hero secondary button visibility fix */
    .hero .btn-secondary {
      background: rgba(255, 255, 255, 0.92) !important;
      color: var(--blue-dark, #2D5F8A) !important;
      border-color: rgba(255, 255, 255, 0.80) !important;
      box-shadow: 0 8px 20px rgba(16, 54, 86, 0.16) !important;
    }
    .hero .btn-secondary:hover {
      background: #FFFFFF !important;
      color: var(--blue-dark, #2D5F8A) !important;
    }
    /* === Beige small-button & category-pill system === */
    .eyebrow, .label,
    .chip, .badge, .tag, .pill,
    .form-chip, .journey-pill, .term,
    .country, .meta span, .feat-tag, .sc-tag,
    .spec-chip, .cat-chip,
    .hero .eyebrow, .hero .label,
    .cta .eyebrow, .cta .label,
    .contact .eyebrow, .contact .label,
    .cta-full .eyebrow, .cta-full .label,
    .cost-note .eyebrow, .cost-note .label {
      background: #FDF6EC !important;
      border-color: rgba(200, 170, 110, 0.32) !important;
      color: var(--blue-dark, #2D5F8A) !important;
      box-shadow: none !important;
    }
    .eyebrow *, .label *,
    .chip *, .badge *, .tag *, .pill *,
    .form-chip *, .journey-pill *, .term *,
    .country *, .meta span *, .feat-tag *,
    .sc-tag *, .spec-chip *, .cat-chip * {
      color: var(--blue-dark, #2D5F8A) !important;
    }
    .term svg, .term path { stroke: var(--blue, #3B76A8) !important; }
    .icon, .step b, .check, .checkmark,
    .feature-icon, .card-icon, .stat-icon,
    .timeline-marker, .process-number, .accordion-icon {
      background: #FDF6EC !important;
      border-color: rgba(200, 170, 110, 0.32) !important;
      color: var(--blue-dark, #2D5F8A) !important;
    }
    /* Active filter state stays blue */
    .chip.active, .cat-chip.active {
      background: var(--blue, #3B76A8) !important;
      color: #FFFFFF !important;
      border-color: var(--blue, #3B76A8) !important;
      box-shadow: none !important;
    }
    .chip.active *, .cat-chip.active * { color: #FFFFFF !important; }
    /* ================================================== */
    /* btn-primary borderless — remove all outline/border */
    .btn-primary, button.btn-primary,
    .btn:not(.btn-secondary):not(.btn-ghost-cta):not(.btn-ghost):not(.btn-dark),
    .hero-actions .btn-primary, .nav-inner > .btn-primary,
    .cta .btn-primary, .cta-full .btn-primary,
    .contact .btn-primary, .consultation-form .btn-primary,
    .form-note .btn-primary {
      border-color: transparent !important;
      border: none !important;
      outline: none !important;
    }
    /* Article output cleanup */
    .hero { background: linear-gradient(112deg, rgba(45,95,138,0.96), rgba(59,118,168,0.88)) !important; }
    .article-main { min-width: 0; }
    .article-section { text-align: left; }
    .article-section h2 { margin-bottom: 16px; }
    .article-section p { text-align: left; overflow-wrap: anywhere; }
    .article-section strong, .article-section b {
      color: var(--blue-dark);
      background: none !important;
      border-radius: 0;
      padding: 0;
      font-weight: 800;
    }
    .brand-logo {
      width: auto;
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      color: var(--blue-dark);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: 0;
    }
    .brand-logo span { display: block; font-size: 18px; }
    .brand-logo small { display: block; color: var(--muted); font-size: 10px; font-weight: 900; text-transform: uppercase; }
    .hero-card.no-image {
      position: relative;
      min-height: 300px;
      padding: 24px;
      border-color: rgba(255,255,255,0.44);
      background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,251,255,0.96)),
        radial-gradient(circle at 18% 18%, rgba(255,224,102,0.22), transparent 24%),
        radial-gradient(circle at 88% 82%, rgba(76,143,194,0.18), transparent 30%);
      overflow: hidden;
    }
    .hero-card.no-image::before {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(127,177,214,0.34);
      border-radius: 8px;
      pointer-events: none;
    }
    .hero-card.no-image .hero-card-content { position: relative; z-index: 1; padding: 0; }
    .insight-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 32px;
      margin-bottom: 16px;
      padding: 7px 11px;
      border: 1px solid rgba(127,177,214,0.56);
      border-radius: 999px;
      background: rgba(234,244,251,0.82);
      color: var(--blue-dark);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .insight-card h2 {
      margin: 0 0 12px;
      font-size: clamp(24px, 2.1vw, 32px);
      line-height: 1.16;
      color: var(--blue-dark);
    }
    .insight-copy {
      margin: 0;
      color: var(--muted);
      font-size: 15px;
      font-weight: 800;
      line-height: 1.72;
      text-align: left;
    }
    .insight-list {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      margin-top: 20px;
    }
    .insight-list span {
      min-height: 44px;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      border: 1px solid rgba(127,177,214,0.58);
      border-radius: 8px;
      background: rgba(234,244,251,0.72);
      color: var(--blue-dark);
      font-size: 13px;
      font-weight: 900;
      line-height: 1.25;
    }
    .insight-list i { color: var(--blue); width: 18px; text-align: center; }
    /* Final yellow surface blue text override */
    .btn-primary,
    .btn-primary *,
    button.btn-primary,
    button.btn-primary *,
    .hero-actions .btn-primary,
    .hero-actions .btn-primary *,
    .consultation-form .btn-primary,
    .consultation-form .btn-primary *,
    .nav-inner > .btn-primary,
    .nav-inner > .btn-primary *,
    .eyebrow,
    .eyebrow *,
    .label,
    .label *,
    .chip,
    .chip *,
    .badge,
    .badge *,
    .tag,
    .tag *,
    .pill,
    .pill *,
    .form-chip,
    .form-chip *,
    .journey-pill,
    .journey-pill *,
    .term,
    .term *,
    .country,
    .country *,
    .meta span,
    .meta span *,
    .feat-tag,
    .feat-tag *,
    .sc-tag,
    .sc-tag *,
    .saving-badge,
    .saving-badge *,
    .cost-chip,
    .cost-chip *,
    .price-chip,
    .price-chip *,
    .stat-chip,
    .stat-chip * {
      color: var(--blue-dark, #245D8F) !important;
    }
    .btn-primary i,
    .btn-primary svg,
    .eyebrow i,
    .eyebrow svg,
    .chip i,
    .chip svg,
    .form-chip i,
    .form-chip svg,
    .term svg,
    .term path {
      color: var(--blue, #3B76A8) !important;
      stroke: var(--blue, #3B76A8) !important;
    }
    /* End final yellow surface blue text override */
    .toc-links:empty::before {
      content: "Article overview";
      display: block;
      padding: 11px 10px;
      color: var(--muted);
      font-size: 13px;
      font-weight: 800;
    }
    .consultation-form input,
    .consultation-form select,
    .consultation-form textarea,
    .btn,
    .art-nav-title,
    .toc-links a { overflow-wrap: anywhere; }
    @media (max-width: 1100px) {
      .nav-inner { flex-wrap: wrap; }
      .menu { flex-wrap: wrap; justify-content: flex-start; }
      .nav-inner > .btn { margin-left: auto; }
    }
    @media (max-width: 980px) {
      .hero-grid, .article-layout, .contact-grid { grid-template-columns: 1fr !important; }
      .side-stack { position: static !important; top: auto; }
      .hero-card { max-width: 520px; }
    }
    @media (max-width: 720px) {
      .container { width: min(100% - 24px, 1160px); }
      section { padding: 46px 0; }
      .hero { padding: 38px 0 48px; }
      .menu a { min-height: 38px; padding: 0 9px; font-size: 11px; }
      .brand-logo { min-height: 40px; }
      .article-section { padding: 20px; }
      .list-grid, .consultation-form { grid-template-columns: 1fr !important; }
      .hero-card.no-image { min-height: 0; padding: 18px; }
      .consultation-form textarea, .consultation-form .wide, .form-note { grid-column: auto !important; }
      .hero-actions, .form-note { align-items: stretch; }
      .hero-actions .btn, .form-note .btn { width: 100%; }
    }

    /* ── Breadcrumb bar (treatment-page style) ── */
    .breadcrumbs { background: var(--blue-soft); border-bottom: 1px solid var(--line); }
    .breadcrumbs .container { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; padding: 10px 0; font-size: 13px; font-weight: 700; }
    .breadcrumbs a { color: var(--blue); text-decoration: none; }
    .breadcrumbs a:hover { color: var(--blue-dark); }
    .bc-sep { color: var(--muted); font-size: 14px; font-weight: 400; }
    .bc-current { color: var(--blue-dark); }

    /* ── Article sub-heading scale (h2 inside article sections) ── */
    .article-section h2 {
      font-size: clamp(15px, 1.45vw, 18px);
      font-family: var(--body);
      font-weight: 900;
      color: var(--blue-dark);
      letter-spacing: 0.01em;
      margin-bottom: 10px;
      line-height: 1.3;
      text-transform: none;
    }
    /* Side card header text — already set via .side-card-header padding/gradient,
       override any lingering large font from fact-row */
    .fact-row b { font-size: 14px !important; line-height: 1.3; }
    .side-cta b { font-size: 15px !important; }

    /* ── Hero image panel (clean image, no card box) ── */
    .hero-img {
      margin: 0;
      border-radius: 10px;
      overflow: hidden;
      aspect-ratio: 4 / 3;
      min-height: 220px;
      box-shadow: 0 18px 50px rgba(16,54,86,0.28);
    }
    .hero-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    @media (max-width: 980px) {
      .hero-img { max-width: 500px; aspect-ratio: 16 / 9; min-height: 0; }
    }
    @media (max-width: 720px) {
      .hero-img { aspect-ratio: 16 / 9; border-radius: 8px; }
    }

    /* ── Free consultation beige box in CTA ── */
    .free-consult-box {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      padding: 14px 16px;
      margin: 14px 0;
      background: #FDF6EC;
      border: 1px solid rgba(200,170,110,0.30);
      border-radius: 8px;
    }
    .free-consult-box .fcb-icon {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      background: rgba(200,170,110,0.16);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--blue-dark);
      font-size: 15px;
      flex-shrink: 0;
    }
    .free-consult-box b { display: block; color: var(--blue-dark) !important; font-size: 14px !important; font-weight: 900; margin-bottom: 3px; }
    .free-consult-box p { margin: 0 !important; font-size: 13px !important; line-height: 1.58 !important; color: var(--muted) !important; }
    /* ── End press-page additions ── */