/* Scoped to the three IVR body illustrations and their own viewers. */
.seo-page article.page .pcu-ivr-open { display:block; width:100%; max-width:650px; margin:24px auto 0; line-height:0; cursor:zoom-in; border-radius:8px; overflow:hidden; }
.seo-page article.page .pcu-ivr-open.pcu-ivr-portrait { max-width:320px; }
.seo-page article.page .pcu-ivr-open img { display:block; width:100%; height:auto; margin:0; }
.pcu-ivr-figure { display:block; position:relative; width:100%; max-width:650px; margin:24px auto 0; }
.pcu-ivr-figure.is-portrait { max-width:320px; }
.seo-page article.page .pcu-ivr-figure .pcu-ivr-open { margin:0; }
.pcu-ivr-controls { position:absolute; right:8px; top:8px; display:flex; gap:6px; }
.pcu-ivr-controls button { display:inline-flex; align-items:center; justify-content:center; padding:6px; width:36px; height:36px; border:1px solid #a8cbdd; border-radius:6px; background:#f1f9fc; color:#164e70; cursor:pointer; box-shadow:0 1px 5px #001d3540; }
.pcu-ivr-controls svg,.pcu-ivr-modal-pause svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.pcu-ivr-controls button:hover { background:#d8eef8; }
.pcu-ivr-controls button:focus-visible,.pcu-ivr-dialog :is(button,a):focus-visible { outline:3px solid #f6b855; outline-offset:3px; }
.seo-page article.page .pcu-ivr-caption { text-align:center; color:#24465d; font-size:16px; line-height:1.5; margin:10px auto 28px; }
.pcu-ivr-dialog { position:fixed; inset:0; box-sizing:border-box; width:calc(100% - 32px); max-width:1440px; max-height:92vh; margin:auto; border:1px solid #a7cadc; border-radius:10px; padding:0; background:#f6fafc; color:#173e56; overflow:hidden; }
.pcu-ivr-dialog::backdrop { background:rgba(2,18,31,.84); }
.pcu-ivr-toolbar { display:flex; align-items:center; gap:10px; padding:12px 16px; border-bottom:1px solid #c6dce7; font:16px/1.4 Roboto,Arial,sans-serif; }
.pcu-ivr-toolbar strong { flex:1; font:700 18px/1.3 Roboto,Arial,sans-serif; color:#173e56; }
.pcu-ivr-toolbar :is(button,a) { padding:8px 10px; min-height:40px; border:1px solid #a7cadc; border-radius:5px; background:#fff; color:#164e70; font:500 14px/1.4 Roboto,Arial,sans-serif; cursor:pointer; white-space:nowrap; }
.pcu-ivr-toolbar .pcu-ivr-close { font-size:24px; line-height:1; min-width:40px; }
.pcu-ivr-stage { padding:12px; max-height:calc(92vh - 72px); overflow:auto; box-sizing:border-box; }
.pcu-ivr-stage img { display:block; width:auto; height:auto; max-width:100%; max-height:calc(92vh - 96px); margin:auto; }
.pcu-ivr-stage.is-actual img { width:var(--ivr-native-width); max-width:none; max-height:none; margin:0; }
@media(max-width:600px) {
 .pcu-ivr-controls button { width:44px; height:44px; }
 .pcu-ivr-dialog { width:calc(100% - 16px); }
 .pcu-ivr-toolbar { flex-wrap:wrap; padding:10px; gap:6px; }
 .pcu-ivr-toolbar strong { flex-basis:calc(100% - 54px); order:0; }
 .pcu-ivr-toolbar .pcu-ivr-close { order:1; }
 .pcu-ivr-toolbar :is(a,.pcu-ivr-zoom,.pcu-ivr-modal-pause) { order:2; }
 .pcu-ivr-stage { max-height:calc(92vh - 122px); padding:6px; }
 .pcu-ivr-stage img { max-height:calc(92vh - 134px); }
}
@media print { .pcu-ivr-controls,.pcu-ivr-dialog { display:none !important; } }

.pcu-ivr-toolbar .pcu-ivr-modal-pause {display:inline-flex;align-items:center;justify-content:center;width:40px;padding:8px;}
.pcu-ivr-controls button[hidden],.pcu-ivr-toolbar button[hidden] {display:none;}