/* OPT case reading: scoped to editorial content, without changing facts or media. */
.opt-case-body{max-width:880px;margin:0 auto;font-size:16px;line-height:1.8;color:#373244;overflow-wrap:break-word}
.opt-case-body p,.opt-case-body li{font-size:16px;line-height:1.8;text-indent:0!important}
.opt-case-body p{margin:0 0 22px}
.opt-case-body span{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
.opt-case-body h2,.opt-case-body h3,.opt-case-body h4{font-family:inherit;color:#21173c;line-height:1.35;scroll-margin-top:var(--opt-case-offset,108px)}
.opt-case-body h2{font-size:27px;margin:48px 0 18px}
.opt-case-body h3{font-size:22px;margin:36px 0 16px}
.opt-case-body h4{font-size:18px;margin:28px 0 12px}
.opt-case-body h2 span,.opt-case-body h3 span,.opt-case-body h4 span{color:inherit!important}
.opt-case-body h2:first-child,.opt-case-body h3:first-child{margin-top:0}
.opt-case-body ul,.opt-case-body ol{padding-left:1.4em;margin:18px 0 26px}
.opt-case-body li{margin:6px 0}
.opt-case-body img{max-width:100%!important;height:auto!important;vertical-align:middle}
.opt-case-body .opt-case-image-single{display:block;margin:30px auto 12px}
.opt-case-body img.opt-case-image-wide{width:100%!important;max-width:min(100%,var(--opt-case-image-native,880px),880px)!important}
.opt-case-body .opt-case-image-holder{margin:28px 0 12px;text-align:center}
.opt-case-body .opt-case-image-holder img{margin-top:0;margin-bottom:0}
.opt-case-body p.opt-case-caption{max-width:820px;margin:8px auto 28px;font-size:14px!important;line-height:1.6!important;text-align:center!important;color:#6b6177!important;text-indent:0!important}
.opt-case-body p.opt-case-caption *{font-size:inherit!important;line-height:inherit!important;color:inherit!important}
.opt-case-body figure{max-width:100%;margin:28px 0}
.opt-case-body figcaption{font-size:14px;line-height:1.6;color:#6b6177;margin-top:10px;text-align:center}
.opt-case-body .opt-case-table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0;outline-offset:4px}
.opt-case-body .opt-case-table-scroll table{margin:0!important}
.opt-case-body a{overflow-wrap:anywhere}
.opt-case-body [tabindex="-1"]:focus-visible{outline:2px solid #22bfd2;outline-offset:6px}
.opt-case-toc{max-width:880px;margin:26px auto 34px;padding:18px 22px;border-top:1px solid #e2dce9;border-bottom:1px solid #e2dce9;background:#faf8fc;color:#21173c}
.opt-case-toc summary{font-size:16px;line-height:1.5;font-weight:600;cursor:pointer;list-style:revert}
.opt-case-toc summary:focus-visible,.opt-case-toc a:focus-visible{outline:2px solid #22bfd2;outline-offset:4px}
.opt-case-toc nav{padding-top:12px}
.opt-case-toc ol{margin:0;padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}
.opt-case-toc li{font-size:14px;line-height:1.5;padding:2px 0;break-inside:avoid}
.opt-case-toc a{color:#713795;text-decoration:none}
.opt-case-toc a:hover{text-decoration:underline;text-underline-offset:3px}
.opt-case-toc .opt-case-toc-sub{font-size:13px;padding-left:12px}
@media(max-width:600px){
 .opt-case-body{font-size:15px;line-height:1.75}
 .opt-case-body p,.opt-case-body li{font-size:15px;line-height:1.75}
 .opt-case-body h2{font-size:23px;margin-top:36px}
 .opt-case-body h3{font-size:20px;margin-top:30px}
 .opt-case-body h4{font-size:17px}
 .opt-case-body p.opt-case-caption{font-size:13px!important;line-height:1.55!important}
 .opt-case-toc{margin:20px 0 26px;padding:14px 16px}
 .opt-case-toc ol{grid-template-columns:1fr;gap:7px}
 .opt-case-body .opt-case-image-single{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.opt-case-body,.opt-case-toc{scroll-behavior:auto}}

/* The article already supplies the separator immediately before this CTA. */
.case_xqbox_content + .opt-case-next{border-top:0;padding-top:0;margin-top:0}