/**
 * 文章详情页（single.php，Resources 栏目）专属样式
 *
 * 移植自静态稿 静态文件/guide-cob-quality-control.html 的文章详情区块：
 *   .crumbs / .art-head / .art / .stages2 / .checks / .art-nav / .ctaband
 * .btn / .btn-l 由 home.css 提供，值与静态稿一致，这里不重复。
 * 编辑器输出的纯 <p>/<h2> 通过 .art-body 作用域套用静态稿 p.body / h2 的同款样式。
 */

/* 面包屑（静态稿 resources 系列页头 crumbs，原值移植） */
.crumbs{font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#524d48;margin-bottom:18px}
.crumbs a{color:var(--gray)}
.crumbs .back-link{color:var(--gray);border-bottom:1px solid var(--line);padding-bottom:3px;transition:color .2s,border-color .2s}
.crumbs .back-link i{font-style:normal;font-size:14px;margin-right:2px}
.crumbs .back-link:hover{color:var(--ink);border-color:var(--ink)}.crumbs a:hover{color:var(--ink)}

/* 文章详情页（静态稿 L173-199 原值移植） */
.art-head{padding:56px 0 0;text-align:center}
.art-head .crumbs{margin-bottom:30px;text-align:left}
.atitle{font-weight:300;font-size:clamp(26px,3.2vw,38px);line-height:1.28;letter-spacing:.02em;max-width:800px;margin:0 auto}
.ameta{margin-top:18px;font-size:12.5px;letter-spacing:.1em;color:var(--gray)}
.art{padding:44px 0 8px}
.art .wrap{max-width:860px}
.art-hero{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff;margin:40px 0 8px}
.art-hero img{width:100%;display:block}
.art-intro{font-weight:300;font-size:19px;line-height:1.85;color:var(--ink);margin-top:8px}
.art-body h2{font-weight:400;font-size:19px;letter-spacing:.06em;text-transform:uppercase;margin:48px 0 16px}
.art-body p{font-weight:300;font-size:15px;line-height:1.95;color:var(--gray)}
.art-body a{color:inherit;text-decoration:none}
.stages2{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px}
.stage2{background:var(--white);padding:20px 16px}
.stage2 .snum{font-size:11px;letter-spacing:.16em;color:var(--gray)}
.stage2 h4{margin-top:10px;font-weight:400;font-size:13.5px;letter-spacing:.06em}
.stage2 p{margin-top:6px;font-weight:400;font-size:12.5px;line-height:1.7;color:var(--gray)}
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:14px 16px;font-weight:400;font-size:13px;color:var(--ink)}
.check svg{flex:none;stroke:var(--ink)}
.art-nav{display:flex;justify-content:space-between;gap:20px;margin-top:64px;padding-top:28px;border-top:1px solid var(--ink)}
.art-nav a{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px}
.art-nav a:hover{color:var(--gray);border-color:var(--gray)}
@media(max-width:860px){.stages2{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.checks{grid-template-columns:1fr}}

/* CTA 深色带（静态稿 L166-169 原值移植） */
.ctaband{background:var(--ink2);color:var(--paper);text-align:center;padding:88px 0}
.ctaband h2{font-weight:300;font-size:clamp(24px,3vw,38px);letter-spacing:.08em;text-transform:uppercase}
.ctaband p{margin:16px auto 0;max-width:520px;font-weight:300;font-size:15px;color:rgba(234,234,234,.62);line-height:1.85}
.ctaband .btn{margin-top:36px}