/* Shared, scoped layout for practical capture and preparation articles. */
.blog-guide { padding-bottom:72px; }
.blog-guide h1, .blog-guide h2 { text-wrap:balance; }
.blog-guide [lang="zh-CN"] .guide-title-phrase { display:inline-block; max-width:100%; vertical-align:top; }
.blog-guide p, .blog-guide li { line-height:1.9; }
.blog-guide section, .guide-steps { scroll-margin-top:96px; }
.guide-figure img { display:block; width:100%; height:auto; border-radius:8px; }
.guide-figure figcaption { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; line-height:1.8; }
.guide-figure figcaption > span { display:flex; align-items:baseline; gap:9px; }
.guide-figure b, .guide-number { color:#ffb77e; font-variant-numeric:tabular-nums; }
.guide-figure b { font-size:14px; }
.guide-section { margin-top:44px; padding-top:26px; border-top:1px solid var(--line); }
.blog-guide .guide-number { font-size:13px; margin-bottom:8px; }
.blog-guide .guide-section h2 { margin-top:0; }
.guide-steps { padding-left:27px; margin-block:24px; }
.guide-steps > li { padding-left:10px; margin-bottom:24px; }
.guide-steps > li::marker { color:#ffb77e; font-weight:600; }
.guide-steps h3 { font-size:18px; font-weight:550; line-height:1.6; margin:0 0 8px; }
.guide-steps p { margin:0; color:#c9d1dc; }
.guide-check { padding:18px 22px; border-left:2px solid #ffb77e; background:rgba(255,183,126,.04); }
.guide-check > strong { color:#ffb77e; font-size:14px; font-weight:500; }
.guide-check p { margin:8px 0 0; font-size:15px; }
.guide-table { width:100%; border-collapse:collapse; margin:24px 0; text-align:left; font-size:14px; line-height:1.8; }
.guide-table th, .guide-table td { padding:15px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
.guide-table th { font-weight:500; }
.guide-table th:first-child { padding-left:0; width:30%; }
.guide-table thead { color:var(--dim); }
.guide-table td { color:#c9d1dc; }
.guide-directory { white-space:pre; overflow-x:auto; font-size:15px; line-height:1.8; padding:20px 24px; border:1px solid var(--line); border-radius:8px; margin:24px 0; }
.guide-finish { margin-top:44px; }
.guide-checklist { padding-left:22px; margin-block:24px; }
.guide-checklist li { padding-left:6px; margin-bottom:12px; color:#c9d1dc; list-style:disc; }
.guide-checklist li::marker { color:#ffb77e; }
.guide-related { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:28px; }
.guide-related a { display:inline-flex; align-items:center; min-height:44px; }
.guide-sources { margin-top:32px; padding-top:22px; border-top:1px solid var(--line); color:var(--dim); font-size:13px; }
.guide-sources p { margin:0 0 8px; }
.guide-sources a { display:block; width:fit-content; padding-block:6px; text-decoration:underline; text-underline-offset:4px; }
.industry-data-map { margin-block:28px; }
.industry-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:0; list-style:none; }
.industry-flow li { position:relative; padding:20px 18px; border:1px solid var(--line); border-radius:8px; }
.industry-flow li:not(:last-child)::after { content:'→'; position:absolute; right:-23px; top:50%; transform:translateY(-50%); color:#ffb77e; }
.industry-flow-number { color:#ffb77e; font-size:13px; }
.industry-flow h3 { margin:10px 0; font-size:18px; font-weight:550; }
.industry-flow p { color:var(--dim); font-size:14px; margin:0; }
@media(max-width:760px) {
  .blog-guide { padding-top:20px; padding-bottom:48px; }
  .guide-figure figcaption { grid-template-columns:1fr; gap:6px; }
  .guide-section { margin-top:34px; }
  .industry-flow { grid-template-columns:1fr; }
  .industry-flow li:not(:last-child)::after { content:'↓'; top:auto; bottom:-25px; right:50%; transform:translateX(50%); }
  .guide-steps { padding-left:23px; }
  .guide-steps > li { padding-left:5px; }
  .guide-check { padding:14px 16px; }
  .guide-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .guide-table tbody { display:block; }
  .guide-table tr { display:grid; grid-template-columns:1fr; padding:16px 0; border-bottom:1px solid var(--line); }
  .guide-table th, .guide-table td { padding:6px 0; border:0; overflow-wrap:anywhere; }
  .guide-table th:first-child { width:auto; font-size:16px; }
  .guide-table td::before { content:attr(data-label); display:block; color:var(--dim); font-size:12px; margin-bottom:4px; }
}