/* Approved Figma cards 93:195–197. Isolated from tool and API controls. */
.focal-promo{scroll-margin-top:96px;display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #dde5ee;border-radius:16px;color:#172b40}
.focal-promo .focal-promo__photo{display:block;width:100%;height:auto;aspect-ratio:32/21;object-fit:cover;margin:0;border-radius:0}
.focal-promo--b .focal-promo__photo{order:2}
.focal-promo .focal-promo__copy{display:flex;flex-direction:column;gap:14px;padding:24px;min-width:0}
.focal-promo .focal-promo__brand{margin:0;color:#245df1;font-size:11px;line-height:14px;font-weight:700}
.focal-promo .focal-promo__headline{margin:0;color:#172b40;font-size:27px;line-height:35px;font-weight:700;letter-spacing:0;text-transform:none}
.focal-promo .focal-promo__body{margin:0;color:#536578;font-size:15px;line-height:20px}
.focal-promo .focal-promo__flow{margin:0;padding:10px;border-radius:7px;background:#f3f6fa;color:#167c91;font-size:12px;line-height:16px;font-weight:700}
.focal-promo .focal-promo__cta{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;padding:12px 10px;border:0;border-radius:10px;background:#ffb316;color:#102139;font-size:14px;line-height:20px;font-weight:700;text-decoration:none;white-space:normal;text-align:center}
.focal-promo .focal-promo__cta:hover{background:#f7a619;color:#102139}
.focal-promo .focal-promo__cta:focus-visible{outline:3px solid #245df1;outline-offset:3px}
@media(max-width:1023px){.content-page--focal{padding-left:0;padding-right:0}.content-page--focal .content-sidebar{order:2}}

.focal-promo__headline span{display:block}.focal-promo--a .focal-promo__headline span:first-child{max-width:230px}
@media(max-width:1023px){.content-page--focal .article-content table{display:block;max-width:100%;overflow-x:auto}}
@media(max-width:1023px){.content-page--focal :not(pre)>code{white-space:normal;overflow-wrap:anywhere;word-break:break-word}}