/* 頁首情境照滿版鋪開；專欄圖文卡片保留完整海報。 */
.column-banner-media { background: #f3eee5; }
.column-banner-media img { object-fit: cover; object-position: 70% 60%; }
.column-list-image { display: block; aspect-ratio: 3 / 2; background: #f3eee5; }
.column-list-image img { object-fit: contain; }
.column-list-card .editorial-body p { margin-bottom: 12px; }
.column-article-lead { color: var(--clinic-purple); font-weight: 600; }
.column-topic-list { padding: 18px 12px; margin: 0 0 24px; list-style: none; background: #f1ecf5; border-radius: 16px; }
.column-topic-list span { display: inline-block; margin-right: 10px; color: #9c80ac; font-weight: 700; }
.column-editor-note { padding: 18px 20px; background: #f5f0e8; border-left: 3px solid #cbb694; border-radius: 0 12px 12px 0; color: var(--clinic-muted); }
.column-reading-panel h2 { font-size: 28px; font-weight: 700; color: var(--clinic-deep); }
.column-toc-link { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-radius: 12px; background: #eee7f3; font-size: 18px; }
.column-toc-links { margin: 0; padding-left: 24px; }
.column-toc-links li { margin-bottom: 14px; padding-left: 3px; line-height: 1.6; }
.column-toc-links li::marker { color: #9c80ac; font-weight: 700; }
.column-toc-links a { display: block; font-size: 18px; }
.column-toc-links a:hover { text-decoration: underline; text-underline-offset: 4px; }
.column-page .case-article-content h3 { margin: 28px 0 14px; font-size: 22px; font-weight: 700; line-height: 1.6; color: var(--clinic-purple); }
@media (max-width: 991.98px) {
  .column-banner-media { min-height: 0; }
  .column-banner-media img { height: auto; width: 100%; aspect-ratio: 16 / 9; object-position: 70% 60%; }
}

/* 長文閱讀指南跟隨右側欄位，至文章結尾停止，避免蓋住頁尾。 */
.column-reading-panel .case-summary-herb,
.column-reading-panel::before, .column-reading-panel::after { animation-play-state: running; }
@media (min-width: 992px) {
  .column-reading-sidebar { position: sticky; top: calc(var(--clinic-header-height,92px) + 20px); align-self: flex-start; }
  .column-reading-panel { max-height: calc(100vh - var(--clinic-header-height,92px) - 40px); max-height: calc(100dvh - var(--clinic-header-height,92px) - 40px); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: #c4b2cf #f2edf5; padding: 26px 22px; }
  .column-reading-panel .case-summary-impact { margin: 24px 0 20px; }
  .column-reading-panel .case-summary-contact { margin-top: 20px; padding-top: 18px; }
}