/* Plain-language TRAP picture within its procedural question. */
.trap-visual-teaching{border:1px solid var(--line,#d6d8cb);border-radius:16px;padding:18px;
 background:var(--card,var(--paper,#fffdf7));margin:22px 0;box-shadow:0 7px 22px rgba(32,62,52,.07)}
.trap-visual-teaching>summary{cursor:pointer;font:600 18px/1.4 'Source Serif',Georgia,serif;
 color:var(--ink,#203e34);padding:0 0 12px}
.trap-visual-teaching>summary:focus-visible{outline:3px solid var(--gold,#ad8952);outline-offset:3px}
.trap-visual-teaching>figure{max-width:680px;margin:0 auto 14px!important;
 border:1px solid var(--line,#d6d8cb);border-radius:12px;padding:12px;
 background:var(--surface,var(--paper,#eeede4))}
.trap-visual-teaching figure>a,.trap-visual-teaching .trap-stage-image-button{display:block;width:100%;text-align:center}
.trap-visual-teaching figure img{display:block;width:auto!important;height:auto!important;
 max-width:100%!important;max-height:660px;object-fit:contain;margin:0 auto;cursor:zoom-in}
.trap-stage-image-button{background:none;border:0;cursor:zoom-in;padding:0}
.trap-visual-teaching figure figcaption{font-size:13px;color:var(--muted,#5a665e);
 line-height:1.5;margin:10px 0 0}
.trap-visual-teaching figure figcaption a{color:var(--ink,#203e34);text-decoration-color:var(--gold,#ad8952)}
.trap-more-images{border-top:1px solid var(--line,#d6d8cb);padding-top:11px;margin-top:15px}
.trap-more-images>summary{font-size:13px;font-weight:650;cursor:pointer;
 color:var(--ink,#203e34);min-height:40px}
.trap-visual-dialog{max-width:96vw;max-height:95vh;padding:14px;
 background:var(--card,var(--paper,#fffdf7));color:var(--ink,#203e34);
 border-radius:16px;border:1px solid var(--line,#d6d8cb);box-shadow:0 24px 70px #0007}
.trap-visual-dialog::backdrop{background:rgba(12,27,19,.84)}
.trap-visual-close{display:block;margin:0 0 12px auto;min-height:44px;
 background:var(--deep,var(--green,#203e34));color:var(--on-deep,#f8f6f0);
 border:0;border-radius:999px;padding:9px 20px;cursor:pointer}
.trap-visual-enlarged{display:block;max-width:100%;max-height:calc(95vh - 95px);object-fit:contain}
.trap-visual-teaching button:focus-visible,.trap-visual-dialog button:focus-visible{
 outline:3px solid var(--gold,#ad8952);outline-offset:3px}
@media(max-width:600px){
 .trap-visual-teaching{padding:12px}
 .trap-visual-teaching>figure{padding:9px}
 .trap-visual-teaching figure img{max-height:65vh}
}

.trap-stage-image-button{display:flex!important;flex-direction:column;gap:8px;align-items:center}
.trap-stage-enlarge-hint{display:inline-flex;align-items:center;justify-content:center;
 background:var(--card,var(--paper,#f7f5ed));color:var(--ink,#203e34);
 border:1px solid var(--line,#d6d8cb);border-radius:999px;padding:7px 16px;
 font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.trap-stage-image-button:hover .trap-stage-enlarge-hint{border-color:var(--gold,#c5b073)}