/* Lightweight static guide illustrations. No animation, remote font or runtime. */
.guide-practice{margin-block:2.5rem;padding-top:1.5rem;border-top:2px solid #b6ccdf;min-width:0}
.guide-practice>h2{scroll-margin-top:8rem}.guide-practice h3{margin-top:1.7rem}
.guide-figure{margin:1.5rem auto 2rem;padding:clamp(.5rem,2vw,1rem);max-width:30rem;background:#f3f7fc;border:1px solid #b3c9dd;border-radius:1rem;min-width:0;box-sizing:border-box}
.guide-figure>a{display:block;border-radius:.6rem}.guide-figure>a:focus-visible{outline:3px solid #173d63;outline-offset:4px}
.guide-figure img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:480/660}
.guide-figure figcaption{font-size:1rem;line-height:1.6;color:#324d65;margin-top:.8rem;overflow-wrap:anywhere}
.guide-reading-time{white-space:normal}.guide-manual{margin-block:2rem;padding:clamp(1rem,4vw,3rem);background:#fff;border:1px solid #b3c9dd;border-radius:1.2rem;box-sizing:border-box;min-width:0;max-width:1100px}
.guide-manual>h3{scroll-margin-top:8rem;margin-top:2rem}.guide-manual li,.guide-practice li{margin-block:.6rem}
.guide-manual .table-scroll{max-width:100%;overflow:auto}.guide-manual table{width:100%;table-layout:auto}
.guide-manual th,.guide-manual td{white-space:normal;overflow-wrap:anywhere}
.tool-learning-link{display:inline-block;color:#173d63;font-weight:700;text-decoration:underline;text-underline-offset:.2em;margin-top:.65rem;line-height:1.6;max-width:100%}
.tool-learning-link:hover,.tool-learning-link:focus-visible{color:#081d30}.guide-manual a:not(.article-jump-links a){text-underline-offset:.2em}
@media(max-width:600px){.guide-figure img{aspect-ratio:280/760}}
@media(max-width:480px){.guide-figure{padding:.5rem}.guide-figure figcaption{font-size:.95rem}.guide-manual{padding:1rem}.guide-practice>h2{font-size:clamp(1.5rem,6vw,2rem)}.guide-practice ol,.guide-manual ol,.guide-manual ul{padding-left:1.25rem}}