/* Native section layouts based on the approved Imagegen references. */
main .section-story{--story-navy:#061443;--story-blue:#2e4df5;grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:32px;row-gap:22px;align-items:center;width:100%;min-width:0;margin:0 0 38px;color:var(--story-navy);text-align:left;scroll-margin-top:20px}
main .section-story>*{min-width:0}
main .section-story .story-heading{grid-column:1;grid-row:1;align-self:end}
main .section-story .story-heading>div{max-width:none;margin:0;text-align:left;padding:0}
main .section-story .story-heading h2{font-family:inherit;color:var(--story-navy);font-size:clamp(30px,3.8vw,48px);line-height:1.12;letter-spacing:-.045em;font-weight:800;margin:0 0 15px}
main .section-story .story-heading p{font-size:15px;line-height:1.7;max-width:65ch;margin:0;color:#52627f}
main .section-story .story-copy{grid-column:1;grid-row:2;align-self:start}
main .section-story .story-points{display:grid;gap:18px;margin:0;padding:0}
main .section-story .story-point{margin:0;padding:0 0 0 36px;position:relative;min-width:0}
main .section-story dt{font-family:inherit;font-weight:800;font-size:15px;line-height:1.4;margin:0 0 5px;color:var(--story-navy)}
main .section-story dt i{position:absolute;left:0;top:0;font-size:25px;color:var(--story-blue)}
main .section-story .story-point:first-child dt i{color:#ed681c}
main .section-story dd{margin:0;font-size:14px;font-weight:450;line-height:1.65;color:#405370}
main .section-story dd+dd{margin-top:4px}
main .section-story .story-art{grid-column:2;grid-row:1/4;align-self:center;margin:0;min-width:0;overflow:hidden}
main .section-story .story-art img{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:0;object-fit:contain;aspect-ratio:3/2}
main .section-story .story-action{grid-column:1;grid-row:3;align-self:start}
main .section-story .story-action p{font-size:12px;line-height:1.6;color:#52627f;max-width:60ch;margin:0 0 12px}
main .section-story .story-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;background:var(--story-blue);color:white;text-decoration:none;border:1px solid var(--story-blue);border-radius:10px;font-size:14px;font-weight:750;line-height:1.4;box-sizing:border-box;max-width:100%;text-align:center;transition:background .15s}
main .section-story .story-cta:hover{background:#203dcc}
main .section-story .story-cta:focus-visible{outline:3px solid #ed681c;outline-offset:4px}
main .section-story.story-panorama,main .section-story.story-scene-first{grid-template-columns:1fr 1fr;gap:26px}
main .story-panorama .story-heading{grid-column:1/-1;grid-row:1}
main .story-panorama .story-heading h2{max-width:22ch}
main .story-panorama .story-copy{grid-column:1/-1;grid-row:2}
main .story-panorama .story-points,main .story-scene-first .story-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
main .story-panorama .story-art{grid-column:1/-1;grid-row:3;max-width:960px;width:100%;justify-self:center}
main .story-panorama .story-art img{max-height:420px;object-fit:contain}
main .story-panorama .story-action{grid-column:1/-1;grid-row:4;text-align:center;justify-self:center}
main .story-scene-first .story-heading{grid-column:1;grid-row:1}
main .story-scene-first .story-art{grid-column:2;grid-row:1;max-height:370px}
main .story-scene-first .story-art img{max-height:370px}
main .story-scene-first .story-copy{grid-column:1/-1;grid-row:2}
main .story-scene-first .story-action{grid-column:1/-1;grid-row:3;text-align:center;justify-self:center}
/* Original examples, tables, forms and other useful content follow the section story. */
main .has-section-story>div.container>.section-items{margin-top:24px}
main .has-section-story>div.container{min-width:0}
main .has-section-story .section-story .eyebrow{margin-bottom:12px}
@media(min-width:701px) and (max-width:1000px){main .section-story{column-gap:22px}main .story-panorama .story-points,main .story-scene-first .story-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){main .section-story,main .section-story.story-panorama,main .section-story.story-scene-first{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin-bottom:30px}main .section-story .story-heading{order:0}main .section-story .story-art{order:1;width:100%;max-width:100%;max-height:none}main .section-story .story-art img{max-height:none;width:100%;height:auto}main .section-story .story-copy{order:2}main .section-story .story-action{order:3;text-align:left;align-self:stretch}main .section-story .story-points{grid-template-columns:1fr;gap:19px}main .section-story .story-heading h2{font-size:30px;max-width:none;line-height:1.15}main .section-story .story-heading p{font-size:15px}main .section-story dd{font-size:15px}main .section-story .story-cta{min-height:48px}main .section-story .story-action p{font-size:13px}}
@media(prefers-reduced-motion:reduce){main .section-story .story-cta{transition:none}}
/* Give illustration-led sections the same generous content width as the references. */
main .has-section-story>.container{width:calc(100% - 64px);max-width:1200px;margin-left:auto;margin-right:auto}
@media(max-width:700px){main .has-section-story>.container{width:calc(100% - 40px)}}
@media(max-width:700px){main .section-story .story-heading,main .section-story .story-copy{align-self:stretch;width:100%}main .section-story .story-heading h2{text-align:left}}
@media(min-width:701px){main .story-panorama .story-art{max-width:1120px}main .story-panorama .story-art img{max-height:none}}

/* Keep the existing dark CLI closing section readable. */
main .cli-final .section-story{--story-navy:#ffffff;--story-blue:#9db4ff}
main .cli-final .section-story dd,main .cli-final .section-story .story-heading p,main .cli-final .section-story .story-action p{color:#dbe5ff}
main .cli-final .section-story .story-cta{background:#2e4df5;border-color:#2e4df5;color:#fff}
main .cli-final .section-story{width:calc(100% - 64px);max-width:1200px;margin-left:auto;margin-right:auto}
@media(max-width:700px){main .cli-final .section-story{width:calc(100% - 40px)}}
