/* Medicalist Promotion Block v1.2
   既存テーマの見出し・ボタン装飾の影響を受けにくいように明示指定しています。 */

.medicalist-promotion {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 2rem 0 !important;
  padding: clamp(1.35rem, 3vw, 2rem) !important;
  background: #f5fafb !important;
  border: 1px solid #d9e8eb !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

.medicalist-promotion *,
.medicalist-promotion *::before,
.medicalist-promotion *::after {
  box-sizing: border-box !important;
}

.medicalist-promotion__inner {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

.medicalist-promotion__eyebrow {
  margin: 0 0 .7rem !important;
  padding: 0 !important;
  background: transparent !important;
  color: #1d4d57 !important;
  border: 0 !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: .01em !important;
}

.medicalist-promotion .medicalist-promotion__title,
.medicalist-promotion #medicalist-promotion-title {
  display: block !important;
  width: auto !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #173f49 !important;
  border: 0 !important;
  border-left: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-size: clamp(1.65rem, 3vw, 2.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

.medicalist-promotion__description {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #26383d !important;
  font-size: 1rem !important;
  line-height: 1.9 !important;
}

.medicalist-promotion__needs {
  margin: 1.35rem 0 0 !important;
  padding: 1.15rem 1.25rem !important;
  background: #ffffff !important;
  border: 1px solid #e4edef !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.medicalist-promotion__needs h3 {
  margin: 0 0 .75rem !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #173f49 !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

.medicalist-promotion__needs ul {
  margin: 0 !important;
  padding-left: 1.35rem !important;
}

.medicalist-promotion__needs li {
  margin: .45rem 0 !important;
  padding: 0 !important;
  color: #26383d !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

.medicalist-promotion__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .75rem !important;
  margin: 1.35rem 0 0 !important;
  padding: 0 !important;
}

.medicalist-promotion a.medicalist-promotion__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: .8rem 1.2rem !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-size: .98rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  transform: none !important;
}

.medicalist-promotion a.medicalist-promotion__button--primary {
  background: #174f58 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid #174f58 !important;
}

.medicalist-promotion a.medicalist-promotion__button--secondary {
  background: #ffffff !important;
  background-image: none !important;
  color: #174f58 !important;
  border: 1px solid #174f58 !important;
}

.medicalist-promotion a.medicalist-promotion__button:hover {
  opacity: .86 !important;
  text-decoration: none !important;
}

@media (max-width: 700px) {
  .medicalist-promotion {
    padding: 1.2rem !important;
  }

  .medicalist-promotion__actions {
    display: block !important;
  }

  .medicalist-promotion a.medicalist-promotion__button {
    display: flex !important;
    width: 100% !important;
    margin-top: .7rem !important;
    text-align: center !important;
  }
}

/* v1.3: 下肢静脈瘤記事の営業強化 */
.medicalist-article-enhancement {
  width: 100%;
}

.medicalist-article-card,
.medicalist-article-cta {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 2rem 0 !important;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.medicalist-article-card {
  background: #f6fafb !important;
  border: 1px solid #dcebed !important;
}

.medicalist-article-card--doctor {
  background: #ffffff !important;
  border-left: 5px solid #174f58 !important;
}

.medicalist-article-card--other {
  background: #f8fbfb !important;
}

.medicalist-article-cta {
  background: #edf6f7 !important;
  border: 1px solid #cfe3e6 !important;
  text-align: left !important;
}

.medicalist-article-card h2,
.medicalist-article-cta h2,
.medicalist-article-card h3 {
  margin-top: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #173f49 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.medicalist-article-card h2,
.medicalist-article-cta h2 {
  margin-bottom: .9rem !important;
  font-size: clamp(1.45rem, 3vw, 2rem) !important;
  line-height: 1.45 !important;
}

.medicalist-article-card h3 {
  margin-bottom: .65rem !important;
  font-size: 1.08rem !important;
  line-height: 1.55 !important;
}

.medicalist-article-card p,
.medicalist-article-cta p,
.medicalist-article-card li {
  color: #26383d !important;
  font-size: 1rem !important;
  line-height: 1.85 !important;
}

.medicalist-article-kicker {
  margin: 0 0 .55rem !important;
  color: #1d4d57 !important;
  font-size: .94rem !important;
  font-weight: 700 !important;
}

.medicalist-article-listbox {
  margin: 1.25rem 0 0 !important;
  padding: 1rem 1.2rem !important;
  background: #ffffff !important;
  border: 1px solid #e2edef !important;
  border-radius: 12px !important;
}

.medicalist-article-listbox ul {
  margin: 0 !important;
  padding-left: 1.35rem !important;
}

.medicalist-article-listbox li {
  margin: .4rem 0 !important;
}

.medicalist-article-actions {
  margin: 1.3rem 0 0 !important;
}

.medicalist-article-enhancement a.medicalist-article-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: .8rem 1.2rem !important;
  background: #174f58 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid #174f58 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
}

.medicalist-article-enhancement a.medicalist-article-button:hover {
  opacity: .86 !important;
  text-decoration: none !important;
}

@media (max-width: 700px) {
  .medicalist-article-card,
  .medicalist-article-cta {
    padding: 1.15rem !important;
  }

  .medicalist-article-enhancement a.medicalist-article-button {
    width: 100% !important;
    text-align: center !important;
  }
}


/* v1.4: 対象の下肢静脈瘤記事だけ1カラム化
   Cocoonの代表的な本文/サイドバー構造に限定して適用します。 */
body.medicalist-varicose-onecolumn #sidebar,
body.medicalist-varicose-onecolumn .sidebar {
  display: none !important;
}

body.medicalist-varicose-onecolumn #content-in,
body.medicalist-varicose-onecolumn .content-in {
  display: block !important;
  width: 100% !important;
}

body.medicalist-varicose-onecolumn #main,
body.medicalist-varicose-onecolumn .main {
  float: none !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 読みやすさを保ちつつ、営業ブロックと本文を広く使う */
body.medicalist-varicose-onecolumn .article,
body.medicalist-varicose-onecolumn .entry-content {
  width: 100% !important;
  max-width: none !important;
}

/* 目次より前に置く冒頭営業ブロックの余白 */
body.medicalist-varicose-onecolumn .medicalist-article-card--intro {
  margin-top: 1rem !important;
  margin-bottom: 1.75rem !important;
}

@media (max-width: 834px) {
  body.medicalist-varicose-onecolumn #main,
  body.medicalist-varicose-onecolumn .main {
    max-width: 100% !important;
  }
}


/* v1.5 SEO / AI向けの可視要点・FAQ */
.medicalist-ai-facts {
  margin: 1.25rem 0 !important;
  padding: 1rem 1.1rem !important;
  background: #ffffff !important;
  border: 1px solid #dce8ea !important;
  border-radius: 12px !important;
}
.medicalist-ai-facts__title {
  margin: 0 0 .7rem !important;
  font-weight: 700 !important;
  color: #174f58 !important;
}
.medicalist-ai-facts dl {
  margin: 0 !important;
}
.medicalist-ai-facts dl > div {
  display: grid !important;
  grid-template-columns: 8em 1fr !important;
  gap: .65rem !important;
  padding: .5rem 0 !important;
  border-top: 1px solid #edf2f3 !important;
}
.medicalist-ai-facts dl > div:first-child {
  border-top: 0 !important;
}
.medicalist-ai-facts dt {
  font-weight: 700 !important;
  color: #173f49 !important;
}
.medicalist-ai-facts dd {
  margin: 0 !important;
}
.medicalist-article-card--faq .medicalist-faq-item {
  padding: 1rem 0 !important;
  border-top: 1px solid #dce8ea !important;
}
.medicalist-article-card--faq .medicalist-faq-item:first-child {
  border-top: 0 !important;
}
.medicalist-article-card--faq .medicalist-faq-item h3 {
  margin: 0 0 .45rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #173f49 !important;
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
}
.medicalist-article-card--faq .medicalist-faq-item p {
  margin: 0 !important;
}
@media (max-width: 700px) {
  .medicalist-ai-facts dl > div {
    grid-template-columns: 1fr !important;
    gap: .15rem !important;
  }
}


/* v1.8 検査体制比較 */
.medicalist-workstyle-compare {
  margin: 1.4rem 0 1.8rem !important;
  overflow-x: auto !important;
}
.medicalist-workstyle-compare table {
  width: 100% !important;
  min-width: 760px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #d9e5e7 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
}
.medicalist-workstyle-compare th,
.medicalist-workstyle-compare td {
  padding: .9rem 1rem !important;
  border-right: 1px solid #e4ecee !important;
  border-bottom: 1px solid #e4ecee !important;
  vertical-align: top !important;
  line-height: 1.65 !important;
}
.medicalist-workstyle-compare thead th {
  background: #eaf4f5 !important;
  color: #174f58 !important;
  font-weight: 700 !important;
}
.medicalist-workstyle-compare tbody th {
  background: #f8fbfb !important;
  color: #173f49 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.medicalist-workstyle-compare tr:last-child th,
.medicalist-workstyle-compare tr:last-child td {
  border-bottom: 0 !important;
}
.medicalist-workstyle-compare th:last-child,
.medicalist-workstyle-compare td:last-child {
  border-right: 0 !important;
}


/* v1.9 逆流評価記事は本文内の「関連するエコー検査支援記事」を使い、
   Cocoon標準の関連記事を重複表示しない */
body.medicalist-reflux-article #related-entries,
body.medicalist-reflux-article .related-entries {
  display: none !important;
}

/* 比較表：デスクトップでは読みやすく、スマホでは横スクロール */
body.medicalist-reflux-article .medicalist-workstyle-compare {
  scrollbar-width: thin;
}


/* v2.0 TOP：常勤 / 外部支援の使い分けを30秒で理解できる比較 */
.medicalist-promotion__fit {
  margin: 1.15rem 0 0 !important;
  padding: 1rem 1.1rem !important;
  background: #f7fbfb !important;
  border: 1px solid #d9e7e9 !important;
  border-radius: 14px !important;
}
.medicalist-promotion__fit-title {
  margin: 0 0 .8rem !important;
  font-weight: 700 !important;
  color: #173f49 !important;
}
.medicalist-promotion__fit-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: .75rem !important;
}
.medicalist-promotion__fit-card {
  padding: .85rem .9rem !important;
  background: #fff !important;
  border: 1px solid #e0eaec !important;
  border-radius: 10px !important;
}
.medicalist-promotion__fit-card strong {
  display: block !important;
  margin-bottom: .35rem !important;
  color: #174f58 !important;
}
.medicalist-promotion__fit-card span {
  display: block !important;
  line-height: 1.65 !important;
}
.medicalist-promotion__fit-note {
  margin: .8rem 0 0 !important;
  font-size: .95em !important;
  line-height: 1.65 !important;
}
.medicalist-promotion__related-link {
  margin: .85rem 0 0 !important;
}
.medicalist-promotion__related-link a {
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
@media (max-width: 700px) {
  .medicalist-promotion__fit-grid {
    grid-template-columns: 1fr !important;
  }
}


/* v2.2 TOP静脈瘤訴求をコンパクト化 */
.medicalist-promotion__content > .medicalist-promotion__eyebrow {
  margin-bottom: .5rem !important;
}
.medicalist-promotion__content > h2 {
  margin-bottom: .75rem !important;
  line-height: 1.35 !important;
}
.medicalist-promotion__content > p {
  margin-bottom: .9rem !important;
  line-height: 1.75 !important;
}
.medicalist-promotion__needs {
  padding: 1rem 1.1rem !important;
  margin-top: .85rem !important;
}
.medicalist-promotion__needs h3 {
  margin-bottom: .55rem !important;
}
.medicalist-promotion__needs ul {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.medicalist-promotion__needs li {
  margin-bottom: .38rem !important;
}
.medicalist-promotion__fit {
  padding: .85rem .95rem !important;
  margin-top: .85rem !important;
}
.medicalist-promotion__fit-title {
  margin-bottom: .6rem !important;
}
.medicalist-promotion__fit-card {
  padding: .72rem .78rem !important;
}
.medicalist-promotion__fit-note {
  margin-top: .55rem !important;
}
.medicalist-promotion__actions {
  margin-top: .85rem !important;
}


/* v2.3 TOP静脈瘤訴求：見出しの不自然な改行を解消 */
.medicalist-promotion__content > h2 {
  font-size: clamp(2rem, 2.55vw, 2.75rem) !important;
  letter-spacing: .01em !important;
  text-wrap: balance !important;
}
@media (max-width: 700px) {
  .medicalist-promotion__content > h2 {
    font-size: 2rem !important;
  }
}