.condition-overview {
    padding: 100px 0;
    background-color: var(--white-color);
    overflow: hidden;
  }

  .condition-overview .row {
    align-items: flex-start;
  }

  .condition-title h2 {
    font-size: 42px;
    line-height: 1.3em;
    margin-bottom: 0;
    color: var(--primary-color);
    position: relative;
    padding-bottom: 30px;
  }

  .condition-title h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background-color: var(--accent-color);
  }

  .condition-body {
    padding-left: 30px;
  }

  .condition-body p {
    font-size: 18px;
    line-height: 1.8;
    color: var(--text-color);
    margin-bottom: 25px;
  }

  .condition-btn {
    margin-top: 40px;
  }

  @media (max-width: 991px) {
    .condition-title h2 {
      margin-bottom: 40px;
      font-size: 32px;
    }
    
    .condition-body {
      padding-left: 0;
    }
  }

  @media (max-width: 480px) {
    .condition-overview {
      padding: 60px 0; /* Reduced vertical padding for better mobile fit */
    }

    .condition-overview .row {
      flex-direction: column; /* Ensure vertical stacking on mobile */
    }

    .condition-title h2 {
      font-size: 28px; /* Optimized font size for small screens */
      padding-bottom: 20px; /* Reduced padding for compact layout */
    }

    .condition-title h2::after {
      width: 40px; /* Scaled down accent line for visual balance */
    }

    .condition-body p {
      font-size: 16px; /* Improved readability for body text */
      margin-bottom: 20px; /* Tighter spacing between paragraphs */
    }

    .condition-btn {
      margin-top: 30px; /* Adjusted button spacing for better flow */
    }

    .condition-btn .btn-default {
      width: auto; /* Restored original shape to match desktop */
    }

    /* Condition Details Section Mobile Adjustments */
    .condition-details {
      padding: 60px 0;
    }

    .condition-details h2 {
      font-size: 32px;
      margin-bottom: 25px;
      line-height: 1.3;
    }

    .condition-intro {
      margin-bottom: 40px;
    }

    .condition-intro p {
      font-size: 16px;
      text-align: left;
      padding: 0 15px;
    }

    .condition-types-header {
      font-size: 22px;
      margin-bottom: 30px;
      text-align: left;
      padding-left: 15px;
    }

    .type-card {
      padding: 30px 20px;
      margin-bottom: 10px;
    }

    .type-card h3, .type-card h4 {
      font-size: 24px;
      margin-bottom: 10px;
    }

    .type-card p {
      font-size: 15px;
    }

    .highlight-note {
      font-size: 16px;
      text-align: center;
      margin-top: 20px;
      padding: 0 10px;
    }

    /* Symptoms Section Mobile Adjustments */
    .symptoms-section {
      padding: 60px 0;
    }

    .symptoms-section h2 {
      font-size: 28px;
      margin-bottom: 25px;
      text-align: left;
    }

    .symptoms-intro p {
      font-size: 16px;
      margin-bottom: 30px;
    }

    .symptom-list {
      grid-template-columns: 1fr;
      gap: 15px;
      margin-bottom: 30px;
    }

    .symptom-item {
      padding: 15px 20px;
    }

    .symptom-text {
      font-size: 16px;
    }

    .evaluation-note {
      padding: 20px;
      margin-top: 30px;
    }

    .evaluation-note p {
      font-size: 16px;
    }

    /* Causes Section Mobile Adjustments */
    .causes-section {
      padding: 60px 0;
    }

    .causes-section h2 {
      font-size: 28px;
    }

    .causes-intro {
      margin-bottom: 40px;
    }

    .causes-intro p {
      font-size: 16px;
    }

    .cause-item {
      padding: 20px;
    }

    .cause-number {
      font-size: 30px;
      margin-bottom: 10px;
    }

    .cause-item p {
      font-size: 16px;
    }

    .clinical-insight-box {
      padding: 30px 20px;
      margin-top: 40px;
    }

    .clinical-insight-box p {
       font-size: 18px;
    }

    /* Evaluation Section Mobile Adjustments */
    .evaluation-section {
      padding: 60px 0;
    }

    .evaluation-section h2 {
      font-size: 28px;
    }

    .evaluation-intro p {
      font-size: 16px;
      margin-bottom: 30px;
    }

    .evaluation-step {
      padding: 25px;
    }

    .step-icon {
      width: 50px;
      height: 50px;
      font-size: 20px;
      margin: 0 auto 15px !important;
    }

    .evaluation-step p {
      font-size: 16px;
    }

    .evaluation-summary {
      margin-top: 40px;
      font-size: 16px;
      padding: 20px 25px;
      border-radius: 30px;
      display: block !important;
    }

    /* Treatment Section Mobile Adjustments */
    .treatment-section {
      padding: 60px 0;
    }

    .treatment-section h2 {
      font-size: 28px;
    }

    .treatment-intro p {
      font-size: 16px;
      margin-bottom: 30px;
    }

    .treatment-list {
      grid-template-columns: 1fr;
      gap: 15px;
      margin-bottom: 40px;
    }

    .treatment-item {
      padding: 20px;
    }

    .treatment-item p {
      font-size: 16px;
    }

    .treatment-note {
      padding: 20px;
    }

    .treatment-note p {
      font-size: 16px;
    }

    /* Specialist Section Mobile Adjustments */
    .specialist-section {
      padding: 60px 0;
    }

    .specialist-section h2 {
      font-size: 28px;
    }

    .specialist-intro p {
      font-size: 16px;
      margin-bottom: 25px;
    }

    .specialist-list {
      gap: 12px;
      margin-bottom: 35px;
    }

    .specialist-item {
      padding: 15px 20px;
    }

    .specialist-item p {
      font-size: 16px;
    }

    .specialist-icon {
      margin-right: 15px;
    }

    .specialist-outro p {
      font-size: 17px;
      padding: 20px;
    }

    /* Related Conditions Section Mobile Adjustments */
    .related-conditions-section {
      padding: 60px 0;
    }

    .related-conditions-section h2 {
      font-size: 28px;
    }

    .related-list {
      margin-top: 30px;
      gap: 12px;
    }

    .related-card {
      padding: 12px 20px;
      min-width: 140px;
    }

    .related-card span {
      font-size: 16px;
      margin-right: 10px;
    }

    /* CTA Section Mobile Adjustments */
    .cta-section {
      padding: 60px 0; /* Reduced vertical padding for mobile */
    }

    .cta-section h2 {
      font-size: 28px; /* Optimized heading size for mobile */
      margin-bottom: 20px;
    }

    .cta-section p {
      font-size: 16px; /* Optimized body text for readability */
      margin-bottom: 30px;
      padding: 0 10px; /* Added slight side padding for text safety */
    }

    .cta-btn .btn-default {
      width: auto; /* Restored original shape to match desktop */
    }
  }

  /* Dark Section Styles - What Is Back Pain */
  .condition-details {
    background-color: var(--primary-color);
    padding: 100px 0;
    color: var(--white-color);
  }

  .condition-details h2 {
    color: var(--white-color);
    margin-bottom: 20px;
    text-align: center;
    font-size: 42px;
  }
  
  .condition-intro {
    margin-bottom: 60px;
  }

  .condition-intro p {
    font-size: 20px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
  }
  
  .condition-types-header {
    text-align: center;
    margin-bottom: 40px;
    color: var(--white-color);
    font-family: var(--accent-font);
    font-size: 28px;
  }

  .type-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    height: 100%;
    transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease;
  }

  .type-card:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--secondary-color);
  }

  .type-card h3, .type-card h4 {
    color: var(--white-color);
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 400;
  }

  .type-card p {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0;
    font-size: 16px;
  }

  .highlight-note {
     font-size: 20px;
     font-weight: 500;
     color: var(--secondary-color);
     text-align: center;
     margin-top: 60px;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
  }
  
  @media (max-width: 768px) {
    .condition-details h2 {
        font-size: 32px;
    }
    .condition-intro p {
        font-size: 18px;
    }
    .type-card {
        margin-bottom: 20px;
        padding: 30px 20px;
    }
    .condition-details h2 {
        font-size: 32px;
    }
    .condition-intro p {
        font-size: 18px;
    }
    .type-card {
        margin-bottom: 20px;
        padding: 30px 20px;
    }
  }

  /* Symptoms Section */
  .symptoms-section {
    padding: 100px 0;
    background-color: var(--secondary-color); /* Light background for contrast */
  }

  .symptoms-intro p {
    font-size: 18px;
    color: var(--text-color);
    margin-bottom: 40px;
  }

  .symptom-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 40px;
  }

  .symptom-item {
    background: var(--white-color);
    padding: 20px 25px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
  }
  
  .symptom-item:hover {
    transform: translateY(-5px);
  }

  .symptom-icon {
    min-width: 30px;
    height: 30px;
    background: var(--primary-color);
    border-radius: 50%;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .symptom-icon i {
    color: var(--white-color);
    font-size: 14px;
  }

  .symptom-text {
    font-size: 18px;
    font-weight: 500;
    color: var(--primary-color);
    margin: 0;
  }
  
  .evaluation-note {
    background: rgba(3, 62, 91, 0.05); /* Accent color wash */
    padding: 20px;
    border-left: 4px solid var(--accent-color);
    border-radius: 4px;
  }

  .evaluation-note p {
    margin: 0;
    font-weight: 500;
    color: var(--primary-color);
  }

  @media (max-width: 768px) {
    .symptom-list {
      grid-template-columns: 1fr;
    }
  }

  /* Accessibility: Icon color black in invert mode */
  html[data-contrast="invert"] .symptom-icon i,
  html[data-contrast="invert"] .clinical-insight-box i,
  html[data-contrast="invert"] .treatment-indicator i {
    color: #000000;
  }
  
  html[data-contrast="invert"] .step-icon i,
  html[data-contrast="invert"] .specialist-icon i,
  html[data-contrast="invert"] .related-card i {
      color: cyan;
  }

  html[data-contrast="invert"] .evaluation-step:hover .step-icon {
      background-color: #000000 !important;
  }

  html[data-contrast="invert"] .evaluation-step:hover .step-icon i {
      color: #000000 !important;
  }

  html[data-contrast="invert"] .evaluation-step:hover p {
      color: #000000 !important;
  }
  
  html[data-contrast="invert"] .related-card:hover {
      background-color: #ffffff !important; /* Visual Black in Invert Mode */
  }

  html[data-contrast="invert"] .related-card:hover span,
  html[data-contrast="invert"] .related-card:hover {
      color: #000000 !important;
  }

  html[data-contrast="invert"] .related-card:hover i {
      color: #ffffff !important;
  }

  html[data-contrast="invert"] .treatment-item:hover .treatment-indicator {
      background-color: #ffffff !important; /* Visual Black */
      border-color: #000000 !important;
  }
  html[data-contrast="invert"] .treatment-item:hover .treatment-indicator i {
      color: #000000 !important; /* Rendered Black -> Visual White arrow */
      background-color: transparent !important;
      font-family: "Font Awesome 6 Free" !important;
      font-weight: 900 !important;
      filter: none !important;
  }

  html[data-contrast="invert"] .treatment-item:hover p {
      color: #000000 !important;
  }
  
  html[data-contrast="invert"] .specialist-item:hover .specialist-icon {
      background-color: #000000 !important; /* Rendered Black -> Visual White circle */
      border: 1px solid #ffffff !important; /* Visual Black border */ /* Visual Black in Invert Mode */
  }

  html[data-contrast="invert"] .specialist-item:hover .specialist-icon i {
      color: #ffffff !important; /* Rendered White -> Visual Black icon */
      background-color: transparent !important;
      font-family: "Font Awesome 6 Free" !important;
      font-weight: 900 !important;
      filter: none !important;
  }
  
  html[data-contrast="invert"] .specialist-item:hover p {
      color: #000000 !important;
  }
  
  /* Ensure fa-regular icons get the invert filter like fa-solid */
  html[data-contrast="invert"] .specialist-icon .fa-regular {
      filter: invert(100%) hue-rotate(180deg) !important;
  }
  
  /* Dark Contrast Mode Fixes */
  html[data-contrast="dark"] .cause-number {
      background-color: #000000 !important;
      color: #ffffff !important; /* Ensure text is visible on black bg */
      border: 1px solid #ffffff !important; /* Optional: add border for visibility */
  }
  
  html[data-contrast="dark"] .evaluation-section,
  html[data-contrast="dark"] .evaluation-step,
  html[data-contrast="dark"] .evaluation-summary {
      background-color: #000000 !important;
      color: #ffffff !important;
      border: 1px solid #ffffff !important;
  }
  
  html[data-contrast="dark"] .evaluation-intro p,
  html[data-contrast="dark"] .evaluation-step p,
  html[data-contrast="dark"] .evaluation-summary p {
      color: #ffffff !important;
  }
  
  html[data-contrast="dark"] .step-icon {
      background-color: #000000 !important;
      color: #ffffff !important;
      border: 1px solid #ffffff !important;
  }

  html[data-contrast="dark"] .specialist-section,
  html[data-contrast="dark"] .specialist-item,
  html[data-contrast="dark"] .specialist-outro p {
      background-color: #000000 !important;
      color: #ffffff !important;
      border: 1px solid #ffffff !important;
  }

  html[data-contrast="dark"] .specialist-intro p,
  html[data-contrast="dark"] .specialist-item p,
  html[data-contrast="dark"] .specialist-outro {
      color: #ffffff !important;
  }

  html[data-contrast="dark"] .specialist-icon {
      background-color: #000000 !important;
      color: #ffffff !important;
      border: 1px solid #ffffff !important;
  }

  html[data-contrast="dark"] .specialist-item:hover .specialist-icon {
      background-color: #000000 !important;
      color: #ffff00 !important;
      border-color: #ffff00 !important;
  }

  html[data-contrast="dark"] .specialist-item:hover .specialist-icon i,
  html[data-contrast="dark"] .specialist-item:hover p {
      color: #ffff00 !important;
  }

  html[data-contrast="dark"] .related-conditions-section,
  html[data-contrast="dark"] .related-card {
      background-color: #000000 !important;
      color: #ffffff !important;
      border: 1px solid #ffffff !important;
  }

  html[data-contrast="dark"] .related-card span,
  html[data-contrast="dark"] .related-card i {
      color: #ffffff !important;
  }

  html[data-contrast="dark"] .related-card:hover {
      background-color: #000000 !important;
      color: #ffff00 !important;
      border-color: #ffff00 !important;
  }

  html[data-contrast="dark"] .related-card:hover span,
  html[data-contrast="dark"] .related-card:hover i {
      color: #ffffff !important;
  }

  html[data-contrast="dark"] .treatment-item:hover .treatment-indicator {
      background-color: #000000 !important;
      border-color: #ffff00 !important;
  }

  html[data-contrast="dark"] .treatment-item:hover .treatment-indicator i,
  html[data-contrast="dark"] .treatment-item:hover p {
      color: #ffff00 !important;
  }

  /* Light Contrast Mode Fixes */
  html[data-contrast="light"] .symptom-icon i,
  html[data-contrast="light"] .step-icon i,
  html[data-contrast="light"] .treatment-indicator i,
  html[data-contrast="light"] .specialist-icon i,
  html[data-contrast="light"] .related-card i,
  html[data-contrast="light"] .treatment-note::before {
      color: #000000 !important;
  }

  html[data-contrast="light"] .treatment-note {
      background-color: #ffffff !important;
      border: 1px solid #000000 !important;
  }

  html[data-contrast="light"] .treatment-note::before {
      background-color: #ffffff !important;
  }

  html[data-contrast="light"] .treatment-note p {
      color: #000000 !important;
  }

  html[data-contrast="light"] .treatment-item:hover .treatment-indicator,
  html[data-contrast="light"] .evaluation-step:hover .step-icon,
  html[data-contrast="light"] .specialist-item:hover .specialist-icon,
  html[data-contrast="light"] .related-card:hover {
      background-color: #023047 !important;
  }

  html[data-contrast="light"] .treatment-item:hover .treatment-indicator i,
  html[data-contrast="light"] .evaluation-step:hover .step-icon i,
  html[data-contrast="light"] .specialist-item:hover .specialist-icon i,
  html[data-contrast="light"] .related-card:hover i,
  html[data-contrast="light"] .related-card:hover span {
      color: #ffffff !important;
  }

  /* Accessibility: Text Scaling Overrides */
  /* Level 1 (120%) */
  body.acc-text-x1 .condition-title h2 { font-size: 50px !important; }
  body.acc-text-x1 .condition-body p { font-size: 22px !important; }
  body.acc-text-x1 .condition-details h2 { font-size: 50px !important; }
  body.acc-text-x1 .condition-intro p { font-size: 24px !important; }
  body.acc-text-x1 .condition-types-header { font-size: 34px !important; }
  body.acc-text-x1 .type-card h3, body.acc-text-x1 .type-card h4 { font-size: 29px !important; }
  body.acc-text-x1 .type-card p { font-size: 19px !important; }
  body.acc-text-x1 .highlight-note { font-size: 24px !important; }
  body.acc-text-x1 .symptoms-section h2 { font-size: 50px !important; }
  body.acc-text-x1 .symptoms-intro p { font-size: 22px !important; }
  body.acc-text-x1 .symptom-text { font-size: 22px !important; }
  body.acc-text-x1 .evaluation-note p { font-size: 24px !important; }
  body.acc-text-x1 .causes-section h2 { font-size: 50px !important; }
  body.acc-text-x1 .causes-intro p { font-size: 24px !important; }
  body.acc-text-x1 .cause-number { font-size: 44px !important; }
  body.acc-text-x1 .cause-item p { font-size: 22px !important; }
  body.acc-text-x1 .clinical-insight-box p { font-size: 24px !important; }
  body.acc-text-x1 .clinical-insight-box i { font-size: 30px !important; }
  body.acc-text-x1 .evaluation-section h2 { font-size: 50px !important; }
  body.acc-text-x1 .evaluation-intro p { font-size: 22px !important; }
  body.acc-text-x1 .evaluation-step p { font-size: 22px !important; }
  body.acc-text-x1 .evaluation-summary p { font-size: 22px !important; }
  body.acc-text-x1 .treatment-section h2 { font-size: 50px !important; }
  body.acc-text-x1 .treatment-intro p { font-size: 24px !important; }
  body.acc-text-x1 .treatment-item p { font-size: 22px !important; }
  body.acc-text-x1 .treatment-note p { font-size: 24px !important; }
  body.acc-text-x1 .specialist-section h2 { font-size: 50px !important; }
  body.acc-text-x1 .specialist-intro p { font-size: 24px !important; }
  body.acc-text-x1 .specialist-item p { font-size: 22px !important; }
  body.acc-text-x1 .specialist-outro p { font-size: 24px !important; }
  body.acc-text-x1 .related-conditions-section h2 { font-size: 50px !important; }
  body.acc-text-x1 .related-card span { font-size: 22px !important; }
  body.acc-text-x1 .cta-section h2 { font-size: 50px !important; }
  body.acc-text-x1 .cta-section p { font-size: 25px !important; }
  body.acc-text-x1 .cta-btn a span { font-size: 22px !important; }
  
  /* Level 2 (140%) */
  body.acc-text-x2 .condition-title h2 { font-size: 58px !important; }
  body.acc-text-x2 .condition-body p { font-size: 26px !important; }
  body.acc-text-x2 .condition-details h2 { font-size: 58px !important; }
  body.acc-text-x2 .condition-intro p { font-size: 28px !important; }
  body.acc-text-x2 .condition-types-header { font-size: 39px !important; }
  body.acc-text-x2 .type-card h3, body.acc-text-x2 .type-card h4 { font-size: 33px !important; }
  body.acc-text-x2 .type-card p { font-size: 22px !important; }
  body.acc-text-x2 .highlight-note { font-size: 28px !important; }
  body.acc-text-x2 .symptoms-section h2 { font-size: 58px !important; }
  body.acc-text-x2 .symptoms-intro p { font-size: 25px !important; }
  body.acc-text-x2 .symptom-text { font-size: 25px !important; }
  body.acc-text-x2 .evaluation-note p { font-size: 28px !important; }
  body.acc-text-x2 .causes-section h2 { font-size: 58px !important; }
  body.acc-text-x2 .causes-intro p { font-size: 28px !important; }
  body.acc-text-x2 .cause-number { font-size: 50px !important; }
  body.acc-text-x2 .cause-item p { font-size: 25px !important; }
  body.acc-text-x2 .clinical-insight-box p { font-size: 28px !important; }
  body.acc-text-x2 .clinical-insight-box i { font-size: 34px !important; }
  body.acc-text-x2 .evaluation-section h2 { font-size: 58px !important; }
  body.acc-text-x2 .evaluation-intro p { font-size: 25px !important; }
  body.acc-text-x2 .evaluation-step p { font-size: 25px !important; }
  body.acc-text-x2 .evaluation-summary p { font-size: 25px !important; }
  body.acc-text-x2 .treatment-section h2 { font-size: 58px !important; }
  body.acc-text-x2 .treatment-intro p { font-size: 28px !important; }
  body.acc-text-x2 .treatment-item p { font-size: 26px !important; }
  body.acc-text-x2 .treatment-note p { font-size: 28px !important; }
  body.acc-text-x2 .specialist-section h2 { font-size: 58px !important; }
  body.acc-text-x2 .specialist-intro p { font-size: 28px !important; }
  body.acc-text-x2 .specialist-item p { font-size: 26px !important; }
  body.acc-text-x2 .specialist-outro p { font-size: 28px !important; }
  body.acc-text-x2 .related-conditions-section h2 { font-size: 58px !important; }
  body.acc-text-x2 .related-card span { font-size: 26px !important; }
  body.acc-text-x2 .cta-section h2 { font-size: 58px !important; }
  body.acc-text-x2 .cta-section p { font-size: 29px !important; }
  body.acc-text-x2 .cta-btn a span { font-size: 26px !important; }
  
  /* Level 3 (175%) */
  body.acc-text-x3 .condition-title h2 { font-size: 72px !important; }
  body.acc-text-x3 .condition-body p { font-size: 32px !important; }
  body.acc-text-x3 .condition-details h2 { font-size: 72px !important; }
  body.acc-text-x3 .condition-intro p { font-size: 35px !important; }
  body.acc-text-x3 .condition-types-header { font-size: 49px !important; }
  body.acc-text-x3 .type-card h3, body.acc-text-x3 .type-card h4 { font-size: 42px !important; }
  body.acc-text-x3 .type-card p { font-size: 28px !important; }
  body.acc-text-x3 .highlight-note { font-size: 35px !important; }
  body.acc-text-x3 .symptoms-section h2 { font-size: 72px !important; }
  body.acc-text-x3 .symptoms-intro p { font-size: 32px !important; }
  body.acc-text-x3 .symptom-text { font-size: 32px !important; }
  body.acc-text-x3 .evaluation-note p { font-size: 35px !important; }
  body.acc-text-x3 .causes-section h2 { font-size: 72px !important; }
  body.acc-text-x3 .causes-intro p { font-size: 35px !important; }
  body.acc-text-x3 .cause-number { font-size: 63px !important; }
  body.acc-text-x3 .cause-item p { font-size: 32px !important; }
  body.acc-text-x3 .clinical-insight-box p { font-size: 35px !important; }
  body.acc-text-x3 .clinical-insight-box i { font-size: 42px !important; }
  body.acc-text-x3 .evaluation-section h2 { font-size: 72px !important; }
  body.acc-text-x3 .evaluation-intro p { font-size: 32px !important; }
  body.acc-text-x3 .evaluation-step p { font-size: 32px !important; }
  body.acc-text-x3 .evaluation-summary p { font-size: 32px !important; }
  body.acc-text-x3 .treatment-section h2 { font-size: 72px !important; }
  body.acc-text-x3 .treatment-intro p { font-size: 35px !important; }
  body.acc-text-x3 .treatment-item p { font-size: 32px !important; }
  body.acc-text-x3 .treatment-note p { font-size: 35px !important; }
  body.acc-text-x3 .specialist-section h2 { font-size: 72px !important; }
  body.acc-text-x3 .specialist-intro p { font-size: 35px !important; }
  body.acc-text-x3 .specialist-item p { font-size: 32px !important; }
  body.acc-text-x3 .specialist-outro p { font-size: 35px !important; }
  body.acc-text-x3 .related-conditions-section h2 { font-size: 72px !important; }
  body.acc-text-x3 .related-card span { font-size: 32px !important; }
  body.acc-text-x3 .cta-section h2 { font-size: 72px !important; }
  body.acc-text-x3 .cta-section p { font-size: 36px !important; }
  body.acc-text-x3 .cta-btn a span { font-size: 32px !important; }

  /* Accessibility: Alignment Overrides */
  body.acc-align-center .condition-title h2,
  body.acc-align-center .condition-details h2,
  body.acc-align-center .condition-intro p,
  body.acc-align-center .condition-types-header,
  body.acc-align-center .type-card,
  body.acc-align-center .highlight-note,
  body.acc-align-center .symptoms-section h2,
  body.acc-align-center .symptoms-intro p,
  body.acc-align-center .evaluation-note,
  body.acc-align-center .symptom-item,
  body.acc-align-center .causes-section h2,
  body.acc-align-center .causes-intro p,
  body.acc-align-center .cause-item,
  body.acc-align-center .clinical-insight-box,
  body.acc-align-center .evaluation-section h2,
  body.acc-align-center .evaluation-intro p,
  body.acc-align-center .evaluation-step,
  body.acc-align-center .evaluation-summary,
  body.acc-align-center .treatment-section h2,
  body.acc-align-center .treatment-intro p,
  body.acc-align-center .treatment-item,
  body.acc-align-center .treatment-note,
  body.acc-align-center .specialist-section h2,
  body.acc-align-center .specialist-intro p,
  body.acc-align-center .specialist-item,
  body.acc-align-center .specialist-outro p,
  body.acc-align-center .related-conditions-section h2,
  body.acc-align-center .related-list,
  body.acc-align-center .cta-content { text-align: center !important; }
  
  body.acc-align-center .condition-title h2::after { left: 50% !important; transform: translateX(-50%) !important; }
  body.acc-align-center .condition-body { padding-left: 0 !important; text-align: center !important; }
  body.acc-align-center .symptom-item { justify-content: center !important; }
  body.acc-align-center .evaluation-step { display: flex; flex-direction: column; align-items: center; }
  body.acc-align-center .treatment-item { justify-content: center !important; }
  body.acc-align-center .specialist-item { display: flex; flex-direction: column; align-items: center; }
  body.acc-align-center .related-list { justify-content: center !important; }
  body.acc-align-center .cta-btn { display: flex; justify-content: center; }
  
  body.acc-align-right .condition-title h2,
  body.acc-align-right .condition-details h2,
  body.acc-align-right .condition-intro p,
  body.acc-align-right .condition-types-header,
  body.acc-align-right .type-card,
  body.acc-align-right .highlight-note,
  body.acc-align-right .symptoms-section h2,
  body.acc-align-right .symptoms-intro p,
  body.acc-align-right .evaluation-note,
  body.acc-align-right .symptom-item,
  body.acc-align-right .causes-section h2,
  body.acc-align-right .causes-intro p,
  body.acc-align-right .cause-item,
  body.acc-align-right .clinical-insight-box,
  body.acc-align-right .evaluation-section h2,
  body.acc-align-right .evaluation-intro p,
  body.acc-align-right .evaluation-step,
  body.acc-align-right .evaluation-summary,
  body.acc-align-right .treatment-section h2,
  body.acc-align-right .treatment-intro p,
  body.acc-align-right .treatment-item,
  body.acc-align-right .treatment-note,
  body.acc-align-right .specialist-section h2,
  body.acc-align-right .specialist-intro p,
  body.acc-align-right .specialist-item,
  body.acc-align-right .specialist-outro p,
  body.acc-align-right .related-conditions-section h2,
  body.acc-align-right .related-list,
  body.acc-align-right .cta-content { text-align: right !important; }
  
  body.acc-align-right .condition-title h2::after { left: auto !important; right: 0 !important; }
  body.acc-align-right .condition-body { padding-left: 0 !important; text-align: right !important; }
  body.acc-align-right .symptom-item { justify-content: flex-end !important; }
  body.acc-align-right .evaluation-step { display: flex; flex-direction: column; align-items: flex-end; }
  body.acc-align-right .treatment-item { justify-content: flex-end !important; }
  body.acc-align-right .specialist-item { display: flex; flex-direction: column; align-items: flex-end; }
  body.acc-align-right .related-list { justify-content: flex-end !important; }
  body.acc-align-right .cta-btn { display: flex; justify-content: flex-end; }

  body.acc-align-left .condition-body { padding-left: 30px !important; text-align: left !important; }
  body.acc-align-left .condition-title h2,
  body.acc-align-left .condition-details h2,
  body.acc-align-left .condition-intro p,
  body.acc-align-left .condition-types-header,
  body.acc-align-left .type-card,
  body.acc-align-left .highlight-note,
  body.acc-align-left .symptoms-section h2,
  body.acc-align-left .symptoms-intro p,
  body.acc-align-left .evaluation-note,
  body.acc-align-left .symptom-item,
  body.acc-align-left .causes-section h2,
  body.acc-align-left .causes-intro p,
  body.acc-align-left .cause-item,
  body.acc-align-left .clinical-insight-box,
  body.acc-align-left .evaluation-section h2,
  body.acc-align-left .evaluation-intro p,
  body.acc-align-left .evaluation-step,
  body.acc-align-left .evaluation-summary,
  body.acc-align-left .treatment-section h2,
  body.acc-align-left .treatment-intro p,
  body.acc-align-left .treatment-item,
  body.acc-align-left .treatment-note,
  body.acc-align-left .specialist-section h2,
  body.acc-align-left .specialist-intro p,
  body.acc-align-left .specialist-item,
  body.acc-align-left .specialist-outro p,
  body.acc-align-left .related-conditions-section h2,
  body.acc-align-left .related-list,
  body.acc-align-left .cta-content { text-align: left !important; }
  
  body.acc-align-left .condition-title h2::after { left: 0 !important; right: auto !important; transform: none !important; }
  body.acc-align-left .symptom-item { justify-content: flex-start !important; }
  body.acc-align-left .evaluation-step { display: flex; flex-direction: column; align-items: flex-start; }
  body.acc-align-left .treatment-item { justify-content: flex-start !important; }
  body.acc-align-left .specialist-item { display: flex; flex-direction: column; align-items: flex-start; }
  body.acc-align-left .related-list { justify-content: flex-start !important; }
  body.acc-align-left .cta-btn { display: flex; justify-content: flex-start; }

  /* Causes Section */
  .causes-section {
    padding: 100px 0;
    background-color: var(--primary-color);
    color: var(--white-color);
  }

  .causes-section h2 {
    color: var(--white-color);
    margin-bottom: 20px;
  }

  .causes-intro {
    max-width: 800px;
    margin: 0 auto 60px;
  }

  .causes-intro p {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.95); /* AAA Compliant */
  }

  .cause-item {
    padding: 25px;
    background: rgba(255, 255, 255, 0.05); /* Slightly more visible background */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Increased for UI Component contrast */
    border-radius: 8px;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .cause-item:hover {
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.3);
  }

  .cause-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--secondary-color);
    opacity: 0;
    transition: all 0.3s ease;
  }

  .cause-item:hover::before {
    opacity: 1;
  }

  .cause-number {
    font-family: var(--accent-font);
    font-size: 36px;
    /* Opacity 0.4 on dark bg results in ~3.6:1 contrast (Passes AA For Large Text) */
    color: rgba(255, 255, 255, 0.4); 
    line-height: 1;
    margin-bottom: 15px;
    display: block;
    font-weight: 700;
    transition: color 0.3s ease;
  }
  
  .cause-item:hover .cause-number {
    color: var(--white-color);
  }

  .cause-item p {
    margin: 0;
    font-weight: 600;
    color: var(--white-color);
    font-size: 18px;
    line-height: 1.4;
  }

  .clinical-insight-box {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    margin-top: 60px;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }

  .clinical-insight-box p {
    margin: 0;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.95);
    font-style: italic;
  }

  .clinical-insight-box i {
    font-size: 24px;
    color: var(--secondary-color); /* High contrast against dark bg */
    margin-bottom: 20px;
    display: block;
  }


  /* Evaluation Section */
  .evaluation-section {
    padding: 150px 0 100px; /* Increased top padding */
    background-color: #F8F9FA; /* Light subtle grey */
  }

  .evaluation-intro p {
    font-size: 18px;
    color: var(--text-color);
    margin-bottom: 50px;
    text-align: center;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .evaluation-step {
    background: var(--white-color);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    border-bottom: 3px solid var(--secondary-color);
  }

  .evaluation-step:hover {
    transform: translateY(-10px);
    border-bottom-color: var(--primary-color);
  }

  .step-icon {
    width: 60px;
    height: 60px;
    background: var(--secondary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 24px;
    color: var(--primary-color);
    transition: all 0.3s ease;
  }
  
  .evaluation-step:hover .step-icon {
    background: var(--primary-color);
    color: var(--white-color);
  }

  .evaluation-step p {
    margin: 0;
    color: var(--primary-color);
    line-height: 1.5;
    font-weight: 600; /* Increased weight for standalone text */
    font-size: 18px;
    text-align: center;
  }

  .evaluation-summary {
    text-align: center;
    margin-top: 60px;
    font-size: 19px;
    font-weight: 500;
    color: var(--primary-color);
    background: var(--white-color);
    padding: 30px;
    border-radius: 50px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    display: inline-block;
  }

  /* Treatment Section - Premium Dark Redesign */
  .treatment-section {
    padding: 100px 0;
    background-color: var(--primary-color);
    position: relative;
    overflow: hidden;
  }

  /* Background Element for depth */
  .treatment-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 70%);
    border-radius: 50%;
    pointer-events: none;
  }

  .treatment-intro {
    max-width: 900px;
    margin: 0 auto 60px;
    text-align: center;
  }

  .treatment-intro p {
    font-size: 19px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 300;
  }
  
  .treatment-section h2 {
    color: var(--white-color);
    margin-bottom: 20px;
  }

  .treatment-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 60px;
  }

  .treatment-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 30px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%;
  }

  .treatment-item:hover {
    background: var(--white-color);
    transform: translateY(-5px);
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    border-color: var(--white-color);
  }

  .treatment-content {
    flex: 1;
    padding-right: 20px;
  }

  .treatment-item p {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--white-color);
    transition: color 0.3s ease;
  }
  
  .treatment-item p a,
  .treatment-content a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 0.3s ease;
  }

  .treatment-item:hover p {
    color: var(--primary-color);
  }
  
  .treatment-item:hover p a,
  .treatment-item:hover .treatment-content a {
    color: inherit;
    text-decoration: underline;
  }

  .treatment-indicator {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
  }
  
  .treatment-indicator i {
    font-size: 12px;
    color: var(--white-color);
    transform: rotate(-45deg);
    transition: all 0.3s ease;
  }

  .treatment-item:hover .treatment-indicator {
    background: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .treatment-item:hover .treatment-indicator i {
    color: var(--white-color);
    transform: rotate(0deg);
  }

  .treatment-note {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 30px;
    border-radius: 12px;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .treatment-note::before {
    content: '\f05a' / "" !important; /* FontAwesome Info Circle - Hidden from screen readers */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--primary-color);
    padding: 0 10px;
    color: var(--secondary-color);
    font-size: 24px;
    speak: none !important;
    pointer-events: none !important;
  }

  .treatment-note p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    font-style: italic;
  }

  @media (max-width: 991px) {
    .treatment-list {
      grid-template-columns: 1fr;
    }
  }

  /* Specialist Section */
  .specialist-section {
    padding: 100px 0;
    background-color: #f8f9fa; /* Light grey to contrast with dark treatment section */
  }
  
  .specialist-intro p {
    font-size: 20px;
    color: var(--text-color);
    margin-bottom: 40px;
    text-align: center;
  }

  .specialist-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 800px;
    margin: 0 auto 50px;
  }

  .specialist-item {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 20px 25px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    border-left: 4px solid var(--secondary-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .specialist-item:hover {
    transform: translateX(10px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    border-left-color: var(--primary-color);
  }

  .specialist-icon {
    min-width: 28px;
    height: 28px;
    background: rgba(3, 62, 91, 0.1); /* Primary color low opacity */
    border-radius: 50%;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-right: 20px;
    transition: all 0.3s ease;
  }
  
  .specialist-item:hover .specialist-icon {
    background: var(--primary-color);
    color: #fff;
  }

  .specialist-item p {
    margin: 0;
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 500;
  }

  .specialist-outro p {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 600;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border: 1px solid #eee;
  }

  /* Related Conditions Section */
  .related-conditions-section {
    padding: 100px 0;
    background-color: #f0f7fa; /* Light Blue Background */
  }

  .related-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
  }

  .related-card {
    background: #fff;
    padding: 20px 30px;
    border-radius: 50px; /* Pill shape */
    display: flex;
    align-items: center;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.03);
    border: 1px solid rgba(2, 48, 71, 0.05);
    transition: all 0.3s ease;
    min-width: 200px;
    justify-content: center;
  }

  .related-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border-color: var(--primary-color);
    background: var(--primary-color);
  }

  .related-card span {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
    margin-right: 15px;
    transition: color 0.3s ease;
  }
  
  .related-card i {
    font-size: 14px;
    color: var(--primary-color); /* Light arrow */
    transition: all 0.3s ease;
    opacity: 1;
  }

  .related-card:hover span {
    color: var(--white-color);
  }

  .related-card:hover i {
    color: var(--white-color);
    opacity: 1;
    transform: translateX(5px);
  }

  /* CTA Section - Blends with Footer */
  .cta-section {
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 100px 0 80px;
    position: relative;
    text-align: center;
  }

  /* Decorative line to separate smoothly if needed, or just blend */
  .cta-section::after {
    content: '';
    display: block;
    width: 60%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .cta-content {
    max-width: 800px;
    margin: 0 auto;
  }

  .cta-section h2 {
    color: var(--white-color);
    font-size: 42px;
    margin-bottom: 25px;
  }

  .cta-section p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    margin-bottom: 40px;
    font-weight: 300;
  }