/* ============================================================
   Clash开源社区 · tutorial.css
   tutorial.html 专属:步骤间衔接链接 / 收尾导航格
   ============================================================ */

.step-next{display:flex;justify-content:flex-end;margin-top:10px}
.step-next a{font-family:var(--font-mono);font-size:12.5px;color:var(--accent-dark);border-bottom:1px solid var(--heat-1);transition:border-color .15s ease}
.step-next a:hover{border-bottom-color:var(--accent-dark)}

.tut-final{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:22px}
.tut-final>*{min-width:0}
.tut-final a{display:block;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:16px 18px;transition:border-color .15s ease,background-color .15s ease}
.tut-final a:hover{background:var(--bg-panel);border-color:var(--heat-1)}
.tf-label{display:block;font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);margin-bottom:5px}
.tf-title{display:block;font-size:14px;font-weight:600;color:var(--text);line-height:1.6}

@media (max-width:640px){
  .tut-final{grid-template-columns:1fr;gap:10px}
}