/* Photographic outcome slideshow; shared H2/labels/links/type remain canonical.
 * Full frames and natural reading heights survive enlarged text and no script. */
.cbn-benefit-slideshow{min-width:0}
.cbn-benefit-slideshow [hidden]{display:none!important}
.cbn-benefit-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #527c8c;margin-bottom:30px}
.cbn-benefit-tabs button{position:relative;display:flex;align-items:center;min-width:0;min-height:64px;padding:20px 24px;border:0;border-right:1px solid #527c8c;background:transparent;color:var(--body-text-on-dark);font:600 var(--type-secondary-size)/1.6 var(--font-body);text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background 220ms,color 220ms}
.cbn-benefit-tabs button:last-child{border-right:0}
.cbn-benefit-tabs button i{position:absolute;inset:auto 0 -1px;height:3px;background:#85dfd6;transform:scaleX(0);transform-origin:left;transition:transform 220ms}
.cbn-benefit-tabs button[aria-selected=true]{background:#15485b;color:#fff}
.cbn-benefit-tabs button[aria-selected=true] i{transform:scaleX(1)}
.cbn-benefit-tabs button:hover{background:#123f53;color:#fff}
.cbn-benefit-tabs button:focus-visible,.cbn-benefit-controls button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;z-index:1}
.cbn-benefit-slide{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:start}
.cbn-benefit-slide>*{min-width:0}
.cbn-benefit-slide+.cbn-benefit-slide{border-top:1px solid #527c8c;margin-top:36px;padding-top:36px}
.cbn-benefit-slideshow[data-enhanced] .cbn-benefit-slide{border-top:0;margin-top:0;padding-top:0}
.cbn-benefit-image{margin:0;background:#102f3e}
.cbn-benefit-image img{display:block;width:100%;height:auto}
.cbn-benefit-reading h3{color:#fff;margin:0 0 16px}
.cbn-page .cbn-benefit-reading p{color:var(--body-text-on-dark);margin:0}
.cbn-page .cbn-benefit-reading .cbn-benefit-lead{margin-bottom:24px}
.cbn-benefit-context .ip-label,.cbn-benefit-question .ip-label{margin-bottom:10px}
.cbn-benefit-context{margin-bottom:22px}
.cbn-benefit-question{padding-left:20px;border-left:2px solid #77d6cf;margin-bottom:24px}
.cbn-benefit-reading .ip-inline-link{max-width:100%;color:#a3eeea;align-items:baseline}
.cbn-benefit-reading .ip-inline-link:is(:hover,:focus-visible){color:var(--link-hover-on-dark)}
.cbn-benefit-reading .ip-inline-link>.ms-icon{flex-shrink:0;align-self:center}
.cbn-benefit-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;margin-top:26px;border-top:1px solid #527c8c}
.cbn-benefit-controls .cbn-benefit-position{margin:0;color:var(--body-text-on-dark);font:600 var(--type-secondary-size)/1.6 var(--font-body)}
.cbn-benefit-controls>div{display:flex;gap:10px;flex-shrink:0}
.cbn-benefit-controls button{display:grid;place-items:center;width:46px;min-height:46px;border:1px solid #6a96a3;background:transparent;color:#a3eeea;cursor:pointer;transition:background 220ms,color 220ms}
.cbn-benefit-controls button:hover{background:#15485b;color:#fff}
.cbn-benefit-controls .ms-icon{font-size:24px}
.cbn-benefit-controls [data-cbn-benefit-previous] .ms-icon{transform:rotate(225deg)}
.cbn-benefit-controls [data-cbn-benefit-next] .ms-icon{transform:rotate(45deg)}
@media(max-width:1000px){.cbn-benefit-slide{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}.cbn-benefit-tabs button{padding-inline:20px}}
@media(max-width:850px){.cbn-benefit-slide{grid-template-columns:minmax(0,1fr);gap:26px}.cbn-benefit-image{max-width:640px;width:100%}.cbn-benefit-reading{max-width:70ch}}
@media(max-width:700px){.cbn-benefit-tabs{grid-template-columns:minmax(0,1fr);margin-bottom:26px}.cbn-benefit-tabs button{min-height:54px;padding:15px 18px;border-right:0;border-bottom:1px solid #527c8c}.cbn-benefit-tabs button:last-child{border-bottom:0}.cbn-benefit-tabs button i{inset:0 auto 0 -1px;width:3px;height:auto;transform:scaleY(0);transform-origin:top}.cbn-benefit-tabs button[aria-selected=true] i{transform:scaleY(1)}.cbn-page .cbn-benefit-reading .cbn-benefit-lead{margin-bottom:22px}.cbn-benefit-question{padding-left:16px}.cbn-benefit-controls{align-items:start}.cbn-benefit-controls .cbn-benefit-position{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.cbn-benefit-tabs button,.cbn-benefit-tabs button i,.cbn-benefit-controls button{transition:none}}
