/* Guide-only illustrations: static SVG and native disclosure, no audio or JS. */
.article .guide-figure{margin:28px 0 8px;padding:24px;border:1px solid #c5d0c7;border-radius:18px;background:#fff;color:#182326}
.article .guide-figure h3{margin:0 0 20px;font-size:1.28rem;line-height:1.35;letter-spacing:-.015em}
.article .guide-figure-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
.article .guide-figure figure{margin:0;min-width:0}
.article .guide-figure img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;background:#f7f9f8}
.article .guide-figure figcaption{margin-top:14px;font-size:.9rem;line-height:1.65;color:#536267}
.article .guide-figure-copy{min-width:0;overflow-wrap:anywhere}
.article .guide-figure p{font-size:1rem;line-height:1.75;margin:0 0 16px}
.article .guide-figure .guide-figure-question{font-weight:650;color:#182326;margin-top:22px}
.article .guide-figure details{border-top:1px solid #c5d0c7}
.article .guide-figure summary{cursor:pointer;min-height:48px;padding:13px 4px;color:#3647b6;font-weight:650;line-height:1.5}
.article .guide-figure summary:hover{text-decoration:underline;text-underline-offset:4px}
.article .guide-figure summary:focus-visible{outline:3px solid #3647b6;outline-offset:3px;border-radius:4px}
.article .guide-figure details[open] summary{margin-bottom:8px}
.article .guide-figure details p{margin-bottom:0}
@media(max-width:680px){.article .guide-figure{padding:16px;margin-top:24px}.article .guide-figure-layout{grid-template-columns:minmax(0,1fr);gap:20px}.article .guide-figure h3{font-size:1.2rem}}
@media print{.article .guide-figure{break-inside:avoid;border-color:#536267}.article .guide-figure-layout{display:block}.article .guide-figure img{max-width:320px}}