/* Guide illustrations stay readable and follow the surrounding instructions. */
.guide-audio-flow { margin: 28px 0 32px; }
.guide-audio-flow ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; list-style: none; margin: 0; padding: 24px 0; border-top: 1px solid #4a4543; border-bottom: 1px solid #4a4543; }
.guide-audio-flow ol li { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0; padding: 0; }
.guide-audio-flow ol li::before { content: none; }
.guide-audio-flow ol li + li::after { content: ''; position: absolute; left: -23px; top: 19px; width: 9px; height: 9px; border-top: 2px solid #d4a853; border-right: 2px solid #d4a853; transform: rotate(45deg); }
.guide-audio-flow svg { width: 44px; height: 44px; fill: none; stroke: #d4a853; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.guide-audio-flow strong { color: #faf8f5; font-size: 14px; line-height: 1.5; }
.guide-audio-flow span { color: #c4bdb3; font-size: 13px; line-height: 1.6; }
.guide-audio-flow figcaption { margin-top: 12px; color: #c4bdb3; font-size: 14px; line-height: 1.65; max-width: 65ch; }
@media (max-width: 540px) {
    .guide-audio-flow ol { grid-template-columns: 1fr; gap: 30px; padding: 20px 0; }
    .guide-audio-flow ol li { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 2px; }
    .guide-audio-flow svg { grid-row: span 2; }
    .guide-audio-flow ol li + li::after { left: 18px; top: -22px; transform: rotate(135deg); }
    .guide-audio-flow strong { font-size: 15px; }
    .guide-audio-flow span { font-size: 14px; }
}