/* ===========================================================
   法鸮 LAWOWL · 案例文章页版式（article.css）
   -----------------------------------------------------------
   取向：与 home.css 同一套体系 —— 暖白底 · 深墨字 · 金色仅作
   细节强调；编辑式排版，细线分区，不用卡片阴影、不用圆角。
   案例呈现采用「案情 → 争点 → 依据 → 路径 → 结果」的线性结构。
   仅 articles/ 目录下文章页引用。
   =========================================================== */

/* ============ 通用层级 ============ */
/* 与 style.css 的 .wrap 同值。此处一并声明而非只写 .cs-wrap，
   保证内页与文章页的左右留白始终由同一条规则控制，不会各自漂移 */
.cs-wrap,.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.cs-sect{padding:78px 0;background:var(--paper)}
.cs-sect-soft{background:#FBF8F1}

.cs-crumb{font-size:var(--ph-crumb-size);color:var(--ink-3);letter-spacing:var(--ls-label);line-height:var(--lh-crumb)}
.cs-crumb a{color:var(--ink-2);transition:color .18s}
.cs-crumb a:hover{color:var(--ink)}

/* ============ 页头 ============
   与内页 .hm-page-head 共用 style.css 的 --ph-* 规范，
   两套系统（内页 / 文章页）标题字号、间距、留白、行宽完全一致。 */
.cs-head{
  padding:calc(var(--nav-h) + 92px) 0 var(--ph-pad-y);background:var(--paper);
  border-bottom:1px solid rgba(21,35,58,.10);
}
/* 栏目标签：与内页同形态（金线 + 小字），不用描边胶囊 */
.cs-kicker{
  display:block;margin-top:var(--ph-crumb-gap);
  font-size:var(--ph-kicker-size);letter-spacing:var(--ph-kicker-ls);
  color:var(--ink-2);font-weight:500;
}
.cs-kicker::before{
  content:"";display:block;width:var(--ph-kicker-rule);height:1px;
  background:var(--gold);margin-bottom:var(--ph-kicker-gap);
}
.cs-head h1{
  font-family:var(--serif);font-weight:500;color:var(--ink);
  font-size:var(--ph-h1-size);letter-spacing:var(--ls-title);
  line-height:var(--ph-h1-lh);margin-top:var(--ph-h1-mt);
  max-width:var(--ph-h1-max);
}
.cs-head .cs-lead{
  margin-top:var(--ph-lead-mt);font-size:var(--ph-lead-size);
  line-height:var(--ph-lead-lh);letter-spacing:var(--ls-title);color:var(--ink-2);max-width:var(--ph-lead-max);
}
.cs-meta{
  list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:38px;
  padding-top:24px;border-top:1px solid rgba(197,162,90,.38);
}
.cs-meta li{font-size:var(--fs-small);letter-spacing:var(--ls-label);color:var(--ink-3)}
.cs-meta li em{font-style:normal;color:var(--ink-2)}

/* ============ 正文排版 ============ */
.cs-body{padding:82px 0 0;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2)}
.cs-body p{max-width:40em;margin-top:22px}
.cs-body p:first-child{margin-top:0}
.cs-body strong{color:var(--ink);font-weight:600}
.cs-body em{font-style:normal;color:var(--ink);font-weight:500}

.cs-sec{margin-top:76px;padding-top:44px;border-top:1px solid rgba(21,35,58,.14)}
.cs-sec:first-of-type{margin-top:0;border-top:0;padding-top:0}
.cs-h2{
  font-family:var(--serif);font-weight:500;color:var(--ink);
  font-size:var(--sec-h2-size);letter-spacing:var(--ls-title);line-height:var(--sec-h2-lh);
}
.cs-num{
  display:block;font-family:var(--serif);font-size:var(--sec-label-size);
  letter-spacing:var(--ph-kicker-ls);
  color:var(--gold);font-weight:500;margin-bottom:var(--sec-label-mb);
}
.cs-h3{
  font-family:var(--serif);font-weight:500;font-size:var(--fs-h4);letter-spacing:var(--ls-title);
  color:var(--ink);margin-top:36px;
}

/* ============ 案情概要（案例主体） ============ */
.cs-case{
  margin-top:30px;padding:34px 38px;background:#FBF8F1;
  border-left:2px solid var(--gold);
}
.cs-case-t{
  font-size:var(--fs-micro);letter-spacing:var(--ls-caps);color:var(--gold);font-weight:500;
  margin-bottom:18px;
}
.cs-case p{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);max-width:none;margin-top:16px}
.cs-case p:first-of-type{margin-top:0}

/* 案情要素表 */
.cs-facts{margin-top:26px;padding-top:22px;border-top:1px solid rgba(21,35,58,.12)}
.cs-facts dl{display:grid;grid-template-columns:auto 1fr;gap:0 28px}
.cs-facts dt{
  font-size:var(--fs-small);letter-spacing:var(--ls-label);color:var(--ink-3);white-space:nowrap;
  padding:12px 0;border-bottom:1px solid rgba(21,35,58,.07);
}
.cs-facts dd{
  margin:0;font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);
  padding:12px 0;border-bottom:1px solid rgba(21,35,58,.07);
}

/* ============ 争点 ============ */
.cs-issues{list-style:none;margin-top:28px;border-top:1px solid rgba(21,35,58,.14)}
.cs-issues li{
  display:flex;gap:20px;padding:24px 0;border-bottom:1px solid rgba(21,35,58,.08);
}
.cs-issues .n{
  font-family:var(--serif);font-size:var(--fs-sub);color:var(--gold);flex:none;
  width:2.4em;padding-top:.25em;letter-spacing:var(--ls-label);
}
.cs-issues h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-h4);letter-spacing:var(--ls-title);color:var(--ink);line-height:var(--lh-quote)}
.cs-issues p{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:10px}

/* ============ 法律依据 ============ */
.cs-law{margin-top:28px;border-top:1px solid rgba(21,35,58,.14)}
.cs-law-item{padding:24px 0;border-bottom:1px solid rgba(21,35,58,.08)}
.cs-law-item .art{
  display:block;font-family:var(--sans);font-weight:600;font-size:var(--fs-sub);
  letter-spacing:var(--ls-text);color:var(--ink);
}
.cs-law-item p{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:10px}
.cs-verify{
  margin-top:24px;padding:16px 20px;font-size:var(--fs-small);line-height:var(--lh-body);
  color:var(--ink-3);background:#FBF8F1;border-left:2px solid rgba(21,35,58,.18);
}

/* ============ 处理路径（分步） ============ */
.cs-path{list-style:none;margin-top:28px;border-top:1px solid rgba(21,35,58,.14)}
.cs-path li{
  position:relative;padding:26px 0 26px 60px;
  border-bottom:1px solid rgba(21,35,58,.08);
}
.cs-path li::before{
  content:counter(cstep,decimal-leading-zero);
  position:absolute;left:0;top:30px;
  font-family:var(--serif);font-size:var(--fs-sub);letter-spacing:var(--ls-label);color:var(--gold);
}
.cs-path{counter-reset:cstep}
.cs-path h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-h4);letter-spacing:var(--ls-title);color:var(--ink)}
.cs-path p{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);margin-top:10px}
.cs-path .when{
  display:block;margin-top:10px;font-size:var(--fs-small);letter-spacing:var(--ls-label);color:var(--ink-3);
}

/* ============ 材料清单 ============ */
.cs-doclist{display:grid;grid-template-columns:repeat(2,1fr);gap:0 64px;margin-top:28px}
.cs-doclist-item{border-top:1px solid rgba(21,35,58,.14);padding:22px 0}
.cs-doclist-item h3{
  font-family:var(--serif);font-weight:500;font-size:var(--fs-sub);letter-spacing:var(--ls-title);color:var(--ink);
}
.cs-doclist-item p{font-size:var(--fs-small);line-height:var(--lh-body);color:var(--ink-2);margin-top:8px}

/* ============ 案例处理结果 ============ */
.cs-outcome{
  margin-top:30px;padding:34px 38px;background:#FCFAF2;
  border-top:2px solid var(--gold);
}
.cs-outcome .cs-case-t{color:var(--ink-2)}
.cs-outcome p{font-size:var(--fs-sub);line-height:var(--lh-body);color:var(--ink-2);max-width:none}
.cs-mask{
  margin-top:22px;padding-top:18px;border-top:1px solid rgba(21,35,58,.12);
  font-size:var(--fs-small);line-height:var(--lh-body);color:var(--ink-3);
}

/* ============ 提醒 ============ */
.cs-alert{
  margin-top:30px;padding:22px 26px;font-size:var(--fs-sub);line-height:var(--lh-body);
  color:var(--ink-2);background:#FBF8F1;border-left:2px solid var(--gold);
}
.cs-alert b{color:var(--ink);font-weight:600}

/* ============ 相关阅读 ============ */
.cs-rel{margin-top:28px;border-top:1px solid rgba(21,35,58,.14)}
.cs-rel-item{
  display:flex;align-items:baseline;justify-content:space-between;gap:24px;
  padding:20px 0;border-bottom:1px solid rgba(21,35,58,.08);
  transition:padding .22s;
}
.cs-rel-item:hover{padding-left:6px}
.cs-rel-cat{font-size:var(--fs-micro);letter-spacing:var(--ls-caps);color:var(--gold);flex:none}
.cs-rel-txt{
  font-family:var(--serif);font-weight:500;font-size:var(--fs-h4);line-height:var(--lh-quote);letter-spacing:var(--ls-title);
  color:var(--ink);transition:color .2s;
}
.cs-rel-item:hover .cs-rel-txt{color:var(--ink-2)}
.cs-rel-arrow{color:rgba(197,162,90,.9);font-size:var(--fs-sub);flex:none;transition:transform .22s}
.cs-rel-item:hover .cs-rel-arrow{transform:translateX(5px)}

/* ============ 案例翻页（上一篇 / 下一篇） ============ */
.cs-pn{
  display:grid;grid-template-columns:1fr 1fr;gap:0 32px;
  margin-top:56px;padding:22px 0 4px;
  border-top:1px solid rgba(21,35,58,.14);
  border-bottom:1px solid rgba(21,35,58,.10);
}
.cs-pn-item{
  display:block;padding:14px 0 18px;
  transition:padding .22s,background .22s;
}
.cs-pn-item:hover{padding-left:6px}
.cs-pn-item.next{text-align:right}
.cs-pn-item.next:hover{padding-left:0;padding-right:6px}
.cs-pn-dir{
  display:block;font-size:var(--fs-micro);letter-spacing:var(--ls-caps);color:var(--gold);
  font-family:var(--font-en);margin-bottom:6px;
}
.cs-pn-txt{
  display:block;font-family:var(--serif);font-size:var(--fs-sub);line-height:var(--lh-quote);
  color:var(--ink-3);transition:color .2s;
}
.cs-pn-item:hover .cs-pn-txt{color:var(--ink)}
.cs-pn-empty{visibility:hidden}

/* ============ 面包屑里的返回栏目链接 ============ */
.cs-crumb a.cat-link{color:var(--gold)}

/* ============ 文末 CTA ============ */
.cs-endcta{
  margin-top:64px;padding:52px 0;border-top:1px solid rgba(21,35,58,.14);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;
}
.cs-endcta h2{
  font-family:var(--serif);font-weight:500;font-size:var(--sec-h2-size);
  letter-spacing:var(--ls-title);color:var(--ink);
}
.cs-endcta p{font-size:var(--fs-sub);color:var(--ink-2);margin-top:12px;max-width:32em}
.cs-endnote{
  margin-top:44px;padding-top:24px;border-top:1px solid rgba(21,35,58,.10);
  font-size:var(--fs-small);line-height:var(--lh-body);color:var(--ink-3);
}

/* ============ 响应式 ============ */
@media (max-width:1000px){
  .cs-doclist{grid-template-columns:1fr}
}

@media (max-width:900px){
  .cs-wrap,.wrap{padding:0 var(--gutter-sm)}
  .cs-head{padding:calc(var(--nav-h) + 56px) 0 48px}
  .cs-head h1{font-size:clamp(27px,7vw,34px)}
  .cs-head .cs-lead{font-size:16px}
  .cs-meta{gap:8px 20px;margin-top:28px;padding-top:20px}
  .cs-body{padding:56px 0 0;font-size:var(--fs-body);line-height:var(--lh-body)}
  .cs-sect{padding:60px 0}
  .cs-sec{margin-top:56px;padding-top:34px}
  .cs-case,.cs-outcome{padding:26px 22px}
  .cs-facts dl{grid-template-columns:1fr;gap:0}
  .cs-facts dt{border-bottom:0;padding-bottom:0}
  .cs-issues li{gap:14px;padding:20px 0}
  .cs-path li{padding-left:48px}
  .cs-path li::before{top:24px}
  .cs-pn{grid-template-columns:1fr;gap:0}
  .cs-pn-item.next{text-align:left}
  .cs-pn-item.next:hover{padding-left:6px;padding-right:0}
  .cs-endcta{flex-direction:column;align-items:flex-start;gap:22px}
}