.guide-intro{padding-bottom:40px}
.guide-intro h1{max-width:1050px;margin:14px 0 18px;color:var(--accent-dark)}
.guide-lead{max-width:780px;font-size:18px;line-height:1.8;color:var(--text-muted)}
.guide-intro .fact-line{margin-top:26px}
.guide-intro .callout{max-width:950px;margin-top:28px;line-height:1.8}
.guide-body{padding-bottom:68px}
.guide-body .toc-tabs{margin-bottom:24px}
.guide-stage{max-width:1050px;margin:0 auto;padding-top:38px;padding-bottom:48px;border-bottom:1px solid var(--border)}
.guide-stage:last-child{border-bottom:0}
.stage-label{display:inline-flex;align-items:center;gap:10px;min-height:30px;padding:3px 12px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-panel2);color:var(--accent-dark);font-family:var(--font-mono);font-size:12px;font-weight:700}
.stage-label .status-dot{width:6px;height:6px}
.guide-stage h2{margin:17px 0 24px;color:var(--accent-dark)}
.guide-stage > p{max-width:860px;margin-bottom:19px;line-height:1.9}
.guide-stage p a{color:var(--accent-dark);font-weight:650;text-decoration:underline;text-decoration-color:var(--iris-a40);text-underline-offset:4px}
.guide-stage p a:hover{text-decoration-color:var(--accent-dark)}
.stage-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:10px;padding:8px 18px;border:1px solid var(--accent-dark);border-radius:var(--r-pill);color:var(--accent-dark);font-weight:700}
.stage-link:hover{background:var(--bg-panel)}
.device-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0 26px}
.device-card{min-width:0;padding:26px;border:1px solid var(--line-soft);border-radius:var(--r-card);background:var(--bg-panel);box-shadow:0 16px 36px -22px var(--iris-a28),inset 0 1px 0 var(--white-a90)}
.device-card h3{margin:0 0 15px;color:var(--accent-dark)}
.device-card p{margin:0 0 15px;line-height:1.85;color:var(--text-muted)}
.device-card p:last-child{margin-bottom:0}
.guide-stage .guide-after{margin-top:14px}
@media(max-width:768px){
  .guide-intro{padding-bottom:24px}
  .guide-lead{font-size:16px}
  .guide-stage{padding-top:30px;padding-bottom:36px}
  .device-guide{grid-template-columns:1fr}
}
@media(max-width:480px){
  .guide-intro .fact-line{gap:8px}
  .device-card{padding:20px}
  .guide-stage h2{margin-bottom:18px}
}