/* ============================================================
   stories-related.css — 故事頁「相關故事」卡片、產險服務頁的「真實案例」一行連結
   卡片樣式與故事列表頁相同（.related-card.story-card）；手機上摘要最多顯示 3 行。
   ============================================================ */
.art-related .story-card { display: flex; flex-direction: column; gap: 8px; }
.art-related .story-card h3 { margin: 0; line-height: 1.5; }
.art-related .story-summary { margin: 0; color: #4a566b; line-height: 1.75; font-size: 15px; }
.art-related .story-meta { font-size: 14px; color: #4a566b; }
@media (min-width: 720px) and (max-width: 1023px) { .art-related .related-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 719px) {
  .art-related .story-summary { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
}

/* 產險服務頁：一行「真實案例：…」連結 */
.sr-line { margin: 12px 0 0; font-size: 15.5px; line-height: 1.7; }
.sr-line a { display: inline-block; padding-block: 9px; font-weight: 700; }