/* ==================================================
   ページ専用カラー
================================================== */

.glaucoma-page.medical-page {
  --color-heading: #0F3F25;
  --color-text: #202723;
  --color-heading-sub: #3E5749;
  --bg-top: linear-gradient(90deg, #FFFDF8 0%, #FCF9F3 100%);
  color: var(--color-text);
  background: var(--bg-top);
}

/* ==================================================
   ヘッダー背景 / Sub MV
================================================== */

body.glaucoma-theme .site-header,
body.glaucoma-theme .mobile-header__top {
  background: linear-gradient(90deg, #FBFBFB 0%, #F5FBFF 100%);
}

.glaucoma-page .sub-mv__lead,
.glaucoma-page .sub-mv__title,
.glaucoma-page .medical-intro__title,
.glaucoma-page .medical-section-heading__title {
  color: var(--color-heading);
}

/* 共通CSSの色指定に依存せず、指定された本文・H3色を適用します。 */
.glaucoma-page .medical-content-title,
.glaucoma-page .medical-symptom-card__title,
.glaucoma-page .medical-exam-card h3 {
  color: var(--color-heading-sub);
}

.glaucoma-page .medical-intro__text p,
.glaucoma-page .medical-body-text p,
.glaucoma-page .medical-symptom-card__text,
.glaucoma-page .medical-exams__note,
.glaucoma-page .medical-exam-card p {
  color: var(--color-text);
}

/* ==================================================
   本文 / 見え方比較
================================================== */

.glaucoma-page .glaucoma-about__text,
.glaucoma-page .glaucoma-section-lead {
  margin-top: 40px;
}

.glaucoma-page .glaucoma-vision {
  align-items: flex-start;
}

.glaucoma-page .cataract-vision__item {
  position: relative;
}

.glaucoma-page .cataract-vision__item figcaption {
  color: var(--color-heading-sub);
  font-weight: 700;
  text-align: left;
}

.glaucoma-page .cataract-vision__arrow {
  align-self: center;
}

.glaucoma-page .glaucoma-vision__note {
  margin: 16px 0 0;
  color: var(--color-text);
  font-size: 14px;
  line-height: 1.8;
}

/* ==================================================
   症状カード
================================================== */

.glaucoma-page .medical-symptom-card {
  background: linear-gradient(
    162.37deg,
    #FFFFFF 15.26%,
    #FCFEFD 49.951%,
    #F4F0EA 72.555%
  );
}

/* ==================================================
   検査カード / 検査写真
================================================== */

.glaucoma-page .medical-exam-card {
  border-color: #E6E9E7;
}

.glaucoma-page .medical-exam-card > span {
  width: 89px;
  max-width: 100%;
  border-color: var(--color-gold);
}

.glaucoma-page .cataract-exams__script {
  right: 0;
  max-width: 100%;
  color: rgba(135, 154, 143, 0.4);
  white-space: normal;
  text-align: right;
}

/* ==================================================
   治療について / 当院での緑内障診療
================================================== */

.glaucoma-page .glaucoma-treatment {
  background-color: #FFFEFD;
}

/* 共通FAQの固定色だけを上書き。PCは常時表示、SPは既存JSで開閉。 */
.glaucoma-page .faq-item__q {
  background-color: var(--color-heading-sub);
}

.glaucoma-page .faq-item__question-text {
  color: var(--color-heading-sub);
}

.glaucoma-page .faq-item__answer-text {
  color: var(--color-text);
}

.glaucoma-page .faq-item__question,
.glaucoma-page .faq-item__answer {
  border-color: var(--color-gold);
}

/* ==================================================
   Smartphone
================================================== */

@media screen and (max-width: 767px) {
  .glaucoma-page .glaucoma-about__text,
  .glaucoma-page .glaucoma-section-lead {
    margin-top: 32px;
  }

  .glaucoma-page .glaucoma-vision__note {
    font-size: 12px;
  }
}