/* ---------------------------------------------------------------------
   article.css — 政策 / 案件文章页新增版式
   新增文件，只含新 class，不覆盖 site.css / page.css 任何既有规则。
   仅在文章页引入。
   --------------------------------------------------------------------- */

/* 需要单独立出来的关键句（法条原文、核心问题、结论） */
.article__body .statement{margin:20px 0;padding:18px 24px;background:#fff;border-left:4px solid var(--coral-500);border-radius:0 12px 12px 0;font-size:17px;font-weight:600;line-height:1.75;color:var(--navy-800)}

/* 引述块 */
.article__body .pull{margin:20px 0;padding:18px 24px;background:var(--navy-050,#eef2f7);border-radius:12px;font-size:16px;line-height:1.8;color:var(--navy-800)}

/* 事件脉络竖排时间线 */
/* 白底卡片承载，竖线用 --line 才有足够对比（暖灰 band 上任何浅色线都会消失） */
.article__body .story-timeline{list-style:none;margin:24px 0;padding:28px 32px 28px 62px;background:#fff;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;gap:24px;position:relative}
.article__body .story-timeline::before{content:"";position:absolute;left:40px;top:34px;bottom:34px;width:2px;background:var(--navy-600,#2c4464)}
.article__body .story-timeline>li{position:relative}
.article__body .story-timeline>li::before{content:"";position:absolute;left:-29px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--coral-500);box-shadow:0 0 0 4px #fff}
.article__body .story-timeline__when{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.5;color:var(--navy-800)}
.article__body .story-timeline>li>p:last-child{margin:0}

/* 相关阅读 */
.article__body .related{margin:32px 0 0;padding:24px 28px;background:#fff;border:1px solid var(--line);border-radius:16px}
.article__body .related ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.article__body .related a{font-size:16px;line-height:1.7;color:var(--navy-800);text-decoration:underline;text-underline-offset:3px}
.article__body .related a:hover{color:var(--coral-700)}

/* 免责声明 */
.article__body .disclaimer{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:14px;line-height:1.8;color:var(--slate,#6b7a8a)}
.article__body .is-style-statement{margin:20px 0;padding:18px 24px;background:#fff;border-left:4px solid var(--coral-500);border-radius:0 12px 12px 0;font-size:17px;font-weight:600;line-height:1.75;color:var(--navy-800)}
.article__body .is-style-pull{margin:20px 0;padding:18px 24px;background:var(--navy-050,#eef2f7);border-radius:12px;font-size:16px;line-height:1.8;color:var(--navy-800)}
.article__body .is-style-disclaimer{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:14px;line-height:1.8;color:var(--slate,#6b7a8a)}

@media (max-width:720px){
  .article__body .story-timeline{padding:22px 20px 22px 48px}
  .article__body .story-timeline::before{left:28px}
  .article__body .story-timeline>li::before{left:-27px;width:14px;height:14px}
}