/* Shared framing for the guide's illustrations. */
.chapter-figure{padding:62px 26px 26px}
.chapter-figure .figure-top,.chapter-visual .figure-top{display:block;text-align:center;margin:0 0 20px;padding:0;font-size:15px;color:var(--on-dark)}
.chapter-figure figcaption{max-width:none;text-align:center;font-size:15px;padding:0;min-height:45px;margin:20px 0 0;color:var(--on-dark)}
.chapter-figure .figure-progress,.chapter-visual .figure-progress{height:2px;background:var(--dark-line);margin:10px 0 0}
.chapter-figure .figure-progress span,.chapter-visual .figure-progress span{display:block;height:100%;background:var(--accent);transform-origin:left}
.chapter-figure .figure-note,.chapter-visual .figure-note{max-width:none;margin:17px 0 0;text-align:center;font-size:13px;line-height:1.5;color:var(--muted-light)}
@media(max-width:1100px){.chapter-figure{padding:48px 20px 24px}.chapter-figure .figure-top{font-size:13px}}
@media(max-width:800px){
 .chapter-visual .figure-top{font-size:14px;margin-bottom:18px}
 .chapter-visual figcaption{max-width:none;text-align:center;min-height:0}
 .chapter-visual .figure-progress{margin-top:18px}
}
@media(max-width:700px){
 .chapter-figure{padding:36px 18px 24px}
 .chapter-figure .figure-top{font-size:14px;margin-bottom:18px}
 .chapter-figure .chapter-art{height:auto;max-height:330px;min-height:220px;padding:0}
 .chapter-figure figcaption{font-size:14px;min-height:0;margin-top:4px}
 .chapter-figure .figure-progress{margin-top:18px}
}