/* Quiet, static editorial figures with responsive, readable text. */
.ig-figure{container-name:instruction;container-type:inline-size;min-width:0;width:100%;margin:0;color:#575757;font-family:var(--sans,'Inter',Arial,'Noto Sans',sans-serif)}
.ig-figure .ig-art{width:100%;min-width:0;max-width:640px;margin-inline:auto}
.ig-figure .ig-svg{display:block;width:100%;height:auto;max-width:none;overflow:visible}
.ig-figure figcaption{display:block;margin:16px 0 0;padding:0;text-align:left;min-width:0}
.ig-figure .ig-caption-title{margin:0;font:400 1.125rem/1.5 var(--serif,'Noto Serif',Georgia,serif);color:#5e4b74;letter-spacing:-.015em;max-width:none}
.ig-figure .ig-caption-intro{font-size:1rem;line-height:1.65;margin:10px 0 0;max-width:62ch}
.ig-figure .ig-working-example{margin:20px 0 0;padding:16px 18px;border-left:2px solid #765F8A;background:#f8f6fa}
.ig-figure .ig-working-example p{margin:0;font-size:1rem;line-height:1.65;color:#575757;max-width:62ch}
.ig-figure .ig-working-example .ig-example-label{margin:0 0 8px;font-size:.8125rem;line-height:1.6;font-weight:600;color:#5e4b74}
.ig-figure .ig-question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:18px 0 0;padding:0;list-style:none}
.ig-figure .ig-question-list li{border-top:1px solid #d5d5d5;padding:12px 0;font-size:1rem;line-height:1.55;min-width:0}
.ig-figure .ig-practice-list{display:grid;grid-template-columns:minmax(0,1fr);margin:20px 0 0;padding:0;list-style:none;gap:0}
.ig-figure .ig-practice-list li{display:grid;grid-template-columns:2ch minmax(0,1fr);column-gap:12px;row-gap:4px;align-content:start;border-top:1px solid #d5d5d5;padding:16px 0;min-width:0}
.ig-figure .ig-step{grid-column:1;grid-row:1;font-size:.875rem;line-height:1.75;font-variant-numeric:tabular-nums;color:#765F8A}
.ig-figure .ig-practice{grid-column:2;font-size:1rem;line-height:1.55;font-weight:600;color:#5e4b74}
.ig-figure .ig-transition{grid-column:2;font-size:.875rem;line-height:1.6;color:#575757}
.ig-figure .ig-practice-description{grid-column:2;font-size:1rem;line-height:1.6;color:#575757}
.ig-figure .ig-dimension-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:18px 0 0}
.ig-figure .ig-dimension-list>div{padding:12px 0;border-top:1px solid #d5d5d5;min-width:0}
.ig-figure .ig-dimension-list dt{color:#5e4b74;font-size:1rem;font-weight:600;line-height:1.5}.ig-figure .ig-dimension-list dd{margin:5px 0 0;color:#575757;font-size:1rem;line-height:1.55}
.ig-figure .ig-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@container instruction (min-width:30rem){.ig-figure .ig-practice-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.ig-figure .ig-caption-title{font-size:1.25rem}}
@container instruction (min-width:52rem){.ig-figure .ig-practice-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
@container instruction (max-width:19rem){.ig-figure .ig-question-list,.ig-figure .ig-dimension-list{grid-template-columns:minmax(0,1fr)}}
@container instruction (max-width:24rem){.ig-figure .ig-art{width:calc(100% + 32px);max-width:none;margin-inline:-16px}}
.is-enlarged .ig-figure .ig-question-list,.is-enlarged .ig-figure .ig-practice-list,.is-enlarged .ig-figure .ig-dimension-list,.mf-enlarged .ig-figure .ig-question-list,.mf-enlarged .ig-figure .ig-practice-list,.mf-enlarged .ig-figure .ig-dimension-list{grid-template-columns:minmax(0,1fr)}
@media print{.ig-figure{break-inside:avoid}.ig-figure .ig-art{max-width:440px}.ig-figure .ig-practice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ig-figure .ig-question-list{position:static;width:auto;height:auto;clip-path:none;white-space:normal}}