.article-body .guide-figure { margin: 2rem 0 2.75rem; padding: clamp(.85rem, 3vw, 1.6rem); border: 1px solid #a4b8a5; border-radius: 17px; background: #f1f5e8; color: #0b2d26; min-width: 0; overflow-wrap: anywhere; }
.article-body .guide-figure h3 { margin: 0 0 1.2rem; font-size: clamp(1.15rem, 3vw, 1.4rem); line-height: 1.4; }
.article-body .guide-figure figure { margin: 0; }
.article-body .guide-figure img { display: block; width: 100%; height: auto; max-width: 420px; aspect-ratio: 1; margin: auto; }
.article-body .guide-figure figcaption { margin: 1rem 0; font-size: 1rem; line-height: 1.65; color: #42594e; }
.article-body .guide-figure p { font-size: 1rem; line-height: 1.75; }
.article-body .guide-figure-question { margin-top: 1.25rem; border-top: 1px solid #a4b8a5; padding-top: .4rem; }
.article-body .guide-figure details { background: #fffdf7; border: 1px solid #6d8c78; border-radius: 9px; }
.article-body .guide-figure summary { min-height: 48px; padding: .8rem 1rem; font-weight: 800; cursor: pointer; line-height: 1.5; }
.article-body .guide-figure summary:focus-visible { outline: 3px solid #0b2d26; outline-offset: 3px; border-radius: 7px; }
.article-body .guide-figure details p { margin: .25rem 1rem 1rem; }
@media (max-width: 380px) { .article-body .guide-figure { margin-inline: -.35rem; padding: .7rem; } }