/* ─── Guide page ──────────────────────────── */
*{box-sizing:border-box;}

/* TOC */
.guide-toc-wrap{background:#fff;border-bottom:1.5px solid var(--border);position:sticky;top:0;z-index:50;padding:0 20px;}
.guide-toc{max-width:1100px;margin:0 auto;overflow-x:auto;}
.guide-toc nav{display:flex;gap:0;padding:0;}
.guide-toc nav a{font-size:12.5px;font-weight:600;color:var(--text2);text-decoration:none;padding:12px 16px;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;}
.guide-toc nav a:hover{color:var(--orange);}
.guide-toc nav a.active{color:var(--orange);border-bottom-color:var(--orange);}

/* Steps */
.guide-steps{display:flex;flex-direction:column;gap:0;margin:24px 0;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;}
.guide-step{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:#fff;border-bottom:1.5px solid var(--border);}
.guide-step:last-child{border-bottom:none;}
.guide-step-num{width:28px;height:28px;min-width:28px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.guide-step-content{flex:1;}
.guide-step-content strong{font-size:14px;color:var(--text);display:block;margin-bottom:3px;}
.guide-step-content p{font-size:13px;color:var(--text2);margin:0;line-height:1.55;}

/* Alerts */
.guide-alert-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0;}
.guide-alert{display:flex;gap:12px;padding:14px 16px;border-radius:12px;align-items:flex-start;}
.guide-alert-icon{font-size:18px;flex-shrink:0;margin-top:1px;}
.guide-alert strong{display:block;font-size:13.5px;margin-bottom:5px;}
.guide-alert ul{margin:0;padding-left:16px;}
.guide-alert li{font-size:13px;line-height:1.65;margin-bottom:2px;}
.guide-alert-ok{background:var(--green-l);border:1.5px solid var(--green-m);}
.guide-alert-ok strong{color:#14532D;}
.guide-alert-ok li{color:#166534;}
.guide-alert-warn{background:#FFFBEB;border:1.5px solid #FDE68A;}
.guide-alert-warn strong{color:#92400E;}
.guide-alert-warn li{color:#78350F;}
.guide-alert-danger{background:#FEF2F2;border:1.5px solid #FCA5A5;}
.guide-alert-danger strong{color:#7F1D1D;}
.guide-alert-danger li{color:#991B1B;}

@media(max-width:700px){
  .guide-toc nav a{padding:10px 10px;font-size:11.5px;}
  .guide-alert-grid{grid-template-columns:1fr;}
}