.gh-content .visual-explainer{margin:38px 0 46px;border:1px solid #c5cec3;border-radius:12px;background:#faf9f3;overflow:hidden;text-align:left;max-width:100%;box-shadow:0 8px 30px #1c2d2c06}
.visual-explainer .visual-heading{padding:24px 26px 12px;border-left:4px solid #185246}
.visual-explainer .visual-kicker{font:11px/1.5 var(--mono,monospace);letter-spacing:1.3px;text-transform:uppercase;color:#185246;margin:0 0 9px}
.gh-content .visual-explainer h3{font:29px/1.2 var(--serif,Georgia,serif);color:#1c2d2c;margin:0;letter-spacing:-.4px}
.visual-canvas{overflow-x:auto;overscroll-behavior-x:contain;background:#f7f5ef}
.gh-content .visual-canvas img{display:block;width:100%;height:auto;max-width:none;margin:0}
.visual-canvas [hidden]{display:none!important}
.visual-motion-canvas svg{display:block;width:100%;height:auto;max-width:none}
.visual-explainer .visual-controls{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding:13px 25px;border-top:1px solid #d9dfd3;border-bottom:1px solid #d9dfd3}
.visual-controls button,.visual-dialog button{font:12px/1.5 var(--mono,monospace);padding:10px 15px;color:#fffefa;background:#185246;border:1px solid #185246;border-radius:5px;cursor:pointer}
.visual-controls button[hidden]{display:none}
.visual-controls button:disabled{opacity:.55;cursor:not-allowed}
.visual-controls a{font:12px/1.5 var(--mono,monospace);text-decoration:underline;text-underline-offset:4px}
.visual-explainer .visual-status{flex-basis:100%;font:12px/1.6 var(--sans,Arial,sans-serif);color:#53655d;margin:0}
.gh-content .visual-explainer figcaption{padding:20px 26px 25px;text-align:left;font:15px/1.75 var(--sans,Arial,sans-serif);max-width:none;color:#263c34;margin:0}
.visual-explainer .visual-caption{font-weight:650;margin:0 0 12px}
.visual-explainer .visual-explanation{margin:0 0 15px}
.visual-explainer .visual-takeaways{list-style:none;padding:0;display:grid;gap:9px;margin:0}
.visual-explainer .visual-takeaways li{border-left:3px solid #af5835;padding:2px 0 2px 13px;margin:0}
.visual-explainer .visual-evidence{display:block;margin-top:17px;font:11px/1.6 var(--mono,monospace);color:#647068}
.visual-dialog{box-sizing:border-box;width:min(1320px,96vw);max-width:96vw;max-height:94vh;padding:0;border:1px solid #a7b4a8;border-radius:12px;background:#f7f5ef;color:#1c2d2c}
.visual-dialog::backdrop{background:#0e2521ba}
.visual-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #c5cec3;position:sticky;top:0;background:#f7f5ef;z-index:1}
.visual-dialog-toolbar strong{font:20px/1.3 var(--serif,Georgia,serif)}
.visual-dialog-canvas{overflow:auto;max-height:72vh}
.visual-dialog-canvas img{display:block;width:100%;min-width:900px;height:auto;max-width:none}
.visual-dialog-hint{padding:12px 22px;margin:0;font:12px/1.5 var(--sans,Arial,sans-serif)}
.visual-dialog button:focus-visible,.visual-controls a:focus-visible,.visual-controls button:focus-visible,.visual-canvas:focus-visible{outline:3px solid #af5835;outline-offset:3px}
@media(max-width:600px){.visual-explainer .visual-heading{padding:19px 18px 10px}.gh-content .visual-explainer h3{font-size:25px}.gh-content .visual-explainer figcaption{padding:18px}.visual-explainer .visual-controls{padding:12px 18px}.visual-dialog-toolbar{padding:12px;gap:10px}.visual-dialog-toolbar strong{font-size:17px}.visual-dialog button{padding:9px}.visual-explainer .visual-takeaways{font-size:14px}}
@media(prefers-reduced-motion:reduce){.visual-explainer *, .visual-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}