/* Scoped to the usage guide; no homepage layout changes. */
.vocal-guide{max-width:960px}
.vocal-guide section{margin-top:48px;scroll-margin-top:28px}
.vocal-guide h2{margin-bottom:18px}.vocal-guide h2[id]{scroll-margin-top:28px}
.guide-jump{display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0 0;padding-bottom:24px;border-bottom:1px solid var(--border,#505b66)}
.guide-jump a{font-size:16px}
.vocal-guide .guide-steps{padding-left:25px}
.guide-steps li{padding-left:4px;margin:20px 0}
.vocal-guide .guide-steps li p{margin:8px 0 0}
.editor-example{margin:30px 0 0}
.editor-example img{display:block;max-width:100%;width:100%;height:auto;border:1px solid var(--border,#505b66);border-radius:10px;background:#191c20}
.editor-example figcaption{font-size:15px;line-height:1.8;color:var(--muted,#c4cbd3);margin-top:12px}
.guide-question{border-top:1px solid var(--border,#505b66);padding:18px 0}
.guide-question:last-child{border-bottom:1px solid var(--border,#505b66)}
.guide-question summary{cursor:pointer;font-weight:600;font-size:18px;line-height:1.6}
.vocal-guide .guide-question p{margin:14px 0 0}
.guide-ending{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:38px}
@media(max-width:700px){.vocal-guide section{margin-top:36px}.guide-question summary{font-size:17px}.guide-jump{gap:12px 20px}.guide-ending{align-items:flex-start;flex-direction:column}}