/* Staged component: container width, not viewport, chooses the variant. */
.advanced-figure{container-type:inline-size;margin:1.5rem 0;max-width:760px;color:#17304a;background:#fff;font:16px/1.6 Arial,Helvetica,sans-serif}
.advanced-figure__canvas{max-width:100%;overflow-x:auto}
.advanced-figure img{display:block;height:auto;margin:0 auto;max-width:100%}
.advanced-figure .advanced-figure__desktop{display:none;width:760px}
.advanced-figure .advanced-figure__mobile{display:block;width:360px;min-width:280px}
@container (min-width:700px){.advanced-figure .advanced-figure__desktop{display:block}.advanced-figure .advanced-figure__mobile{display:none}}
.advanced-figure figcaption,.advanced-figure details{font-size:16px;line-height:1.6;margin:1rem 0;overflow-wrap:anywhere}
.advanced-figure summary{cursor:pointer;padding:.5rem 0;font-weight:700}
.advanced-figure__canvas:focus-visible,.advanced-figure summary:focus-visible{outline:3px solid #17304a;outline-offset:3px}
.advanced-figure details li{margin:.4rem 0}