/* ==========================================================================
   KimiVPN — tutorial.css
   教程页（setup.html）专属：页头版心、步骤分隔、正文列宽、表格与尾注
   颜色 / 圆角 / 阴影一律引用 base.css 的 :root 令牌。
   ========================================================================== */

/* 页头：与 .sec 的纵向节奏叠加，只声明纵向 padding */
.tut-head{padding-top:56px;padding-bottom:8px}
.tut-head h1{margin-top:16px;max-width:820px}
.tut-head .lede{margin-top:18px;max-width:760px}
.tut-head .callout{margin-top:28px;max-width:900px}

/* 步骤区块：用上边框分隔，首块不带线 */
.tut-step{margin-top:44px;padding-top:44px;border-top:1px solid var(--border-soft)}
.tut-step:first-of-type{margin-top:8px;padding-top:0;border-top:0}
.tut-step h2{max-width:900px}
.tut-step .prose{margin-top:16px;max-width:860px}
.tut-step .btn-row{margin-top:24px}
.tut-step .prose code{color:var(--accent)}

/* 表格与尾注 */
.tut-table{margin-top:20px}
.tut-aside{
  display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;
  margin-top:26px;
}
.tut-faq{margin-top:22px;max-width:900px}

@media (max-width:768px){
  .tut-head{padding-top:36px}
  .tut-step{margin-top:32px;padding-top:32px}
  .tut-step .prose{margin-top:14px}
}