/* Screenshots retain the original Word colours; no additional scripts needed. */
.word-screenshot { margin:28px 0 36px; }
.word-screenshot-image { display:block; border:1px solid var(--line); border-radius:6px; overflow:hidden; cursor:zoom-in; background:white; }
.word-screenshot-image img { display:block; width:100%; height:auto; }
.word-screenshot-image:focus-visible { outline:3px solid var(--orange-dark); outline-offset:4px; }
.word-screenshot figcaption { margin-top:12px; font-size:12px; line-height:1.75; color:var(--muted); }
.word-screenshot figcaption strong { color:var(--ink); }
.screenshot-context { display:block; margin-top:6px; font-size:11px; }
.screenshot-context a { text-decoration:underline; text-underline-offset:3px; }
.screenshot-context a:hover { color:var(--orange-dark); }
.word-screenshot-dialog { max-width:560px; margin-inline:auto; }
@media print { .screenshot-context a { display:none; } .word-screenshot { break-inside:avoid; } }