/* Keep every product name readable on one line, with size based on card width. */
.solution-card{container-type:inline-size;min-width:0;--solution-title-size:25px}
html[data-design=modern] .solution-card{--solution-title-size:23px}
html[data-design=immersive] .solution-card{--solution-title-size:24px}
html[data-design=editorial] .solution-card{--solution-title-size:30px}
html[data-design][data-design] .solution-card h3{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:var(--solution-title-size);font-size:clamp(18px,10cqi,var(--solution-title-size))}
@media(max-width:640px){html[data-design][data-design] .solutions-grid{grid-template-columns:minmax(0,1fr)}}
/* Product/service page names, including the two-column NovaPartPilot hero. */
#main :has(> h1.solution-name){container-type:inline-size;min-width:0}
.product-hero .solution-name{--solution-heading-max:120px}
html[data-design][data-design] #main h1.solution-name{white-space:nowrap;overflow-wrap:normal;word-break:normal;max-width:100%;letter-spacing:-.045em;line-height:1.08;font-size:clamp(24px,4vw,var(--solution-heading-max,66px));font-size:clamp(24px,12cqi,var(--solution-heading-max,66px))}