/* guide.css – v2 */
.guide-layout { display: grid; grid-template-columns: 240px 1fr; gap: 1.5rem; max-width: 1024px; margin: 0 auto; }
@media (max-width: 768px) { .guide-layout { grid-template-columns: 1fr; } .guide-toc { display: none; } }
.guide-toc { position: sticky; top: 80px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 1rem; height: fit-content; }
.guide-toc-title { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--text-muted); margin-bottom: .6rem; }
.guide-toc a { display: block; padding: .3rem .4rem; font-size: .845rem; color: var(--text-muted); border-radius: 6px; text-decoration: none; transition: background .12s; }
.guide-toc a:hover, .guide-toc a.active { background: var(--brand-light); color: var(--brand); }
.guide-content h2 { font-size: 1.25rem; margin-bottom: .6rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
.guide-content h2:first-child { border-top: none; padding-top: 0; }
.guide-step { display: flex; gap: .75rem; margin-bottom: 1rem; }
.guide-step-num { width: 28px; height: 28px; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; font-size: .8rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }