/* Encap shared typography v1. Values are rem-based; browser text scaling stays available.
   Apply the label roles to legacy pages first. Other tokens are the common authoring scale.
   Retain component layout, content, brand colours and engineering-drawing lettering. */
:root{
 --encap-type-family:Arial,Helvetica,sans-serif;
 --encap-type-display:clamp(2.375rem,5.1vw,4.75rem);
 --encap-type-statement:clamp(2.75rem,5.6vw,5.25rem);
 --encap-type-section:clamp(1.875rem,3.4vw,3rem);
 --encap-type-card:clamp(1.25rem,1.8vw,1.75rem);
 --encap-type-body:1rem;
 --encap-type-lead:clamp(1rem,1.2vw,1.125rem);
 --encap-type-action:1rem;
 --encap-type-label:1rem;
 --encap-type-label-compact:.875rem;
 --encap-type-caption:.875rem;
 --encap-leading-heading:1.1;
 --encap-leading-body:1.7;
 --encap-leading-label:1.5;
 --encap-label-tracking:.12em;
}
/* Deliberate priority over the legacy page-specific 8–12px label overrides. */
body[data-encap-site] :is(.eyebrow,.doc-kicker,.carton-kicker,.factory-kicker,.detail-label,.experience-kicker){
 font-family:var(--encap-type-family);
 font-size:var(--encap-type-label)!important;
 line-height:var(--encap-leading-label)!important;
 font-weight:700;
 letter-spacing:var(--encap-label-tracking)!important;
 max-inline-size:100%;
}
/* These labels live inside the process explainer, rather than introducing a page section. */
body[data-encap-site] :is(.sg-kicker,.vp-step-kicker,.rc-step-kicker,.bg-calculator-kicker),
body[data-encap-site] .bg-models .eyebrow{
 font-size:var(--encap-type-label-compact)!important;
 line-height:var(--encap-leading-label)!important;
 letter-spacing:.09em!important;
}
/* Explicit roles for newly authored content. Do not restyle every legacy heading at once. */
.encap-type-display{font-size:var(--encap-type-display);line-height:var(--encap-leading-heading)}
.encap-type-statement{font-size:var(--encap-type-statement);line-height:1.02}
.encap-type-section{font-size:var(--encap-type-section);line-height:1.15}
.encap-type-card{font-size:var(--encap-type-card);line-height:1.2}
.encap-type-body{font-size:var(--encap-type-body);line-height:var(--encap-leading-body)}
.encap-type-lead{font-size:var(--encap-type-lead);line-height:var(--encap-leading-body)}
.encap-type-action{font-size:var(--encap-type-action);line-height:1.4}
.encap-type-caption{font-size:var(--encap-type-caption);line-height:1.6}
@media(max-width:600px){
 :root{--encap-type-label:.875rem;--encap-type-label-compact:.8125rem;--encap-type-caption:.8125rem;--encap-label-tracking:.10em}
}