/* =============================================================
   VPNEM —— tutorial.css
   仅 quickstart.html 使用:页头排版 / 正文列宽 / 步骤标题 /
   平台卡两列 / 装饰线路
   ============================================================= */

/* —— 页头 —— */
.tut-head{max-width:880px;padding-top:56px;padding-bottom:56px}
.tut-title{margin-top:20px;font-size:clamp(32px,4.4vw,52px);line-height:1.12;letter-spacing:-0.02em}
.tut-lead{margin-top:18px;font-size:17.5px;line-height:1.72;color:var(--muted);max-width:64ch}
.tut-lead strong{color:var(--text);font-weight:600}
.tut-head .cta-row{margin-top:26px}

/* —— 装饰线路(纯装饰,配 draw-lines 描线) —— */
.tut-route{display:block;width:100%;max-width:720px;height:auto;margin-top:36px;color:var(--border)}
.tut-route .rt-line{stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.tut-route .rt-node{fill:var(--bg-panel);stroke:currentColor;stroke-width:1.4}
.tut-route .rt-node.is-accent{fill:var(--accent);stroke:var(--accent)}

/* —— 正文列 —— */
.tut-body{max-width:1000px;padding-top:24px}
.tut-head a:not(.btn),
.steps a:not(.btn),
.tut-trouble a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.tut-body strong{color:var(--text)}

/* —— 步骤标题(步骤用 h2 承载,比通用 h2 收一档) —— */
.tut-body h2{font-size:clamp(21px,2.4vw,26px);line-height:1.32}
.steps > li > h2{margin-bottom:10px}
.steps > li > p + p{margin-top:12px}
.steps > li > pre{margin-top:14px}

/* —— 平台小节 —— */
.tut-plats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.tut-plats .plat-name{font-size:17px;margin-bottom:0}
.tut-plats .plat-card p{font-size:14.5px;line-height:1.68}

/* —— 排查小节 —— */
.tut-trouble{margin-top:56px}
.tut-trouble > p{margin-top:14px;font-size:15.5px;line-height:1.72;color:var(--muted)}
.tut-trouble .faq{margin-top:20px}
.tut-trouble > .tut-close{margin-top:28px;max-width:74ch}

/* —— 窄屏 —— */
@media (max-width:768px){
  .tut-head{padding-top:40px;padding-bottom:44px}
  .tut-title{font-size:32px}
  .tut-plats{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .tut-title{font-size:28px}
  .tut-route{margin-top:26px}
}