.guide-intro { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:18px 0; }
.guide-intro h2,.guide-intro p { margin:4px 0; }
.guide-intro p,.guide-hero p { color:var(--muted); }
.guide-intro a { flex-shrink:0; }
.guide-hero { background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary) 9%,var(--surface))); }
.guide-hero h1 { margin:8px 0; font-size:clamp(2rem,5.2vw,3.5rem); line-height:1.08; }
.guide-hero p { margin:8px 0 18px; }
.guide-jumps { display:flex; flex-wrap:wrap; gap:8px; }
.guide-section { margin-top:24px; scroll-margin-top:90px; }
.guide-section h2 { margin:0 0 14px; }
.guide-section h3 { margin:0 0 8px; }
.guide-steps { display:grid; gap:14px; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; list-style:none; counter-reset:guide-step; }
.guide-steps li { counter-increment:guide-step; }
.guide-steps li::before { content:counter(guide-step); display:grid; place-items:center; width:32px; height:32px; border-radius:10px; margin-bottom:12px; background:var(--primary); color:var(--primary-contrast,#fff); font-weight:800; }
.guide-controls { display:grid; grid-template-columns:minmax(130px,1fr) minmax(0,3fr); gap:0 16px; margin:0; }
.guide-controls dt,.guide-controls dd { border-top:1px solid var(--border); padding:10px 0; margin:0; }
.guide-controls dt { font-weight:800; }
.guide-footer-link { display:inline-block; margin-top:8px; font-weight:800; text-decoration:underline; }
@media(max-width:680px) {
  .guide-intro { flex-direction:column; align-items:flex-start; }
  .guide-steps,.guide-controls { grid-template-columns:1fr; }
  .guide-controls dt { padding-bottom:0; }
  .guide-controls dd { border-top:0; padding-top:4px; }
}
@media(max-width:680px), (1050px < width < 1200px) { .guide-shortcut { display:none; } }
.mobile-menu { max-height:calc(100dvh - 86px); overflow:auto; }