/* New typography spans inherit the surrounding design and keep word groups intact. */
[data-typo-brand]{display:inline!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
[data-typo-word]{display:inline!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
[data-typo-flow]{display:inline!important;color:inherit;font:inherit;letter-spacing:inherit}
/* Inline protections must not turn a text-only flex tile into several items. */
.ml-root .ml-quick{display:block;align-content:end}
.ml-root .ml-related a,.ml-root .ml-related strong{min-width:0;white-space:normal}
.news-card__text p{white-space:normal}
/* Numbered lists use table cells for counters; constrain their text column. */
.content__item--text ol>li,.block__text ol>li,.static-content ol>li,.list-order>li{display:block;position:relative;padding-left:var(--list_indent,40px);width:auto}
.content__item--text ol>li:before,.block__text ol>li:before,.static-content ol>li:before,.list-order>li:before{display:block;position:absolute;left:0;top:0;min-width:0;width:var(--list_indent,40px)}
@media(max-width:620px){
 body:has(#riskQuestions) .section-title{font-size:clamp(30px,9vw,42px)}
 body:has(#riskQuestions) .case h2{font-size:clamp(30px,9vw,70px)}
 body:has(#riskQuestions) .case>div{min-width:0}
 body:has(#controlPills) .hero h1{font-size:clamp(32px,11vw,48px)}
 body:has(#controlPills) .section-title{font-size:clamp(30px,9vw,42px)}
}
@media(max-width:360px){
 .features-head{font-size:clamp(22px,8vw,26px)}
 .article__title:has([data-typo-word]){font-size:clamp(18px,5.75vw,24px)}
 .ml-root .ml-quick{font-size:16px;padding:12px}
 .itf-root .itf-h1{font-size:clamp(28px,9.8vw,34px)}
 .itf-root .itf-h2{font-size:clamp(28px,9.5vw,34px)}
 .itf-root .itf-h3{font-size:23px}
 .itf-root .itf-card{min-width:0}
}