/* 标准工艺页（/craft-standard.html）· 2026-10-14
   作用域全部收在 .cs-page 内，不动 site.css 的既有选择器。
   配色沿用站点令牌（--ink / --paper / --gold / --serif），避免出现"另一个网站"的观感。 */
.cs-page{padding:120px 0 96px;background:var(--paper);color:var(--ink)}
.cs-page .wrap{max-width:1120px}

.cs-hero{max-width:820px}
.cs-hero .cs-kicker{font-family:var(--sans);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.cs-hero h1{font-family:var(--serif);font-weight:600;font-size:44px;line-height:1.32;letter-spacing:.01em;margin:0 0 22px}
.cs-hero .cs-intro{font-family:var(--sans);font-size:16px;line-height:1.95;color:#3d3d3d}
.cs-rule{width:64px;height:2px;background:var(--gold);margin:34px 0 0}

.cs-toc{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 8px;padding:0;list-style:none}
.cs-toc a{font-family:var(--sans);font-size:13.5px;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;transition:border-color .25s var(--ease),color .25s var(--ease)}
.cs-toc a:hover{border-color:var(--gold);color:var(--gold)}

.cs-stage{padding:64px 0 8px;border-top:1px solid var(--line);margin-top:56px}
.cs-stage:first-of-type{border-top:none;margin-top:24px}
.cs-stage h2{font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.4;margin:0 0 18px}
.cs-stage .cs-lead{font-family:var(--sans);font-size:16px;line-height:1.95;color:#3d3d3d;max-width:820px}
.cs-stage h3{font-family:var(--sans);font-size:14px;letter-spacing:.06em;color:var(--gold);margin:34px 0 12px;font-weight:600}
.cs-checks{margin:0;padding:0;list-style:none;max-width:820px}
.cs-checks li{font-family:var(--sans);font-size:15.5px;line-height:1.9;color:#3d3d3d;padding-left:26px;position:relative;margin-bottom:10px}
.cs-checks li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:9px;border:1px solid var(--gold);border-radius:2px}

.cs-shots{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}
.cs-shots figure{margin:0}
.cs-shots img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line);background:#fff}
.cs-shots figcaption{font-family:var(--sans);font-size:13.5px;line-height:1.75;color:var(--muted);margin-top:10px}

.cs-note{margin-top:70px;padding:30px 34px;background:#fff;border:1px solid var(--line);font-family:var(--sans);font-size:15.5px;line-height:1.95;color:#3d3d3d}
.cs-faq{margin-top:64px;border-top:1px solid var(--line);padding-top:48px}
.cs-faq h2{font-family:var(--serif);font-weight:600;font-size:30px;margin:0 0 26px}
.cs-faq h3{font-family:var(--sans);font-size:16.5px;font-weight:600;margin:26px 0 8px}
.cs-faq p{font-family:var(--sans);font-size:15.5px;line-height:1.95;color:#3d3d3d;margin:0;max-width:820px}
.cs-foot{margin-top:56px;font-family:var(--sans);font-size:13px;color:var(--muted);line-height:1.9}

@media(max-width:900px){
  .cs-page{padding:84px 0 64px}
  .cs-hero h1{font-size:32px}
  .cs-stage h2{font-size:24px}
  .cs-shots{grid-template-columns:1fr}
  .cs-shots img{height:230px}
}