/* Compact editorial hierarchy and useful card proportions on phones only. */
@media(max-width:650px) {
 .editorial-v4:not(.editorial-v5) .editorial-title { font-size:clamp(34px,8.8vw,46px); line-height:1.1; }
 .editorial-v4:not(.editorial-v5) .editorial-cover { aspect-ratio:1.55; }
 .editorial-v4:not(.editorial-v5) .editorial-service-actions { gap:8px; }
 .editorial-v4:not(.editorial-v5) .editorial-service-actions .btn-pill { padding:14px 16px; font-size:12px; gap:10px; }
 .editorial-v4:not(.editorial-v5) .editorial-lead { font-size:19px; line-height:1.55; }
 .editorial-v4:not(.editorial-v5) .editorial-section > ul { background:#f7f8f8; padding:22px 22px 22px 38px; margin-block:24px; }
 .editorial-v4:not(.editorial-v5) .editorial-section > ul li::marker { color:var(--navy); }
 .editorial-v4:not(.editorial-v5) .editorial-sequence { list-style:none; padding:0; counter-reset:editorial-step; }
 .editorial-v4:not(.editorial-v5) .editorial-sequence li { position:relative; counter-increment:editorial-step; margin:0; padding:22px 0 22px 42px; border-bottom:1px solid var(--hair); }
 .editorial-v4:not(.editorial-v5) .editorial-sequence li:first-child { padding-top:0; }
 .editorial-v4:not(.editorial-v5) .editorial-sequence li::before { content:'0' counter(editorial-step); position:absolute; left:0; top:25px; font-size:12px; font-weight:600; color:var(--navy); }
 .editorial-v4:not(.editorial-v5) .editorial-sequence li:first-child::before { top:3px; }
 /* Related cards share the Chem Add Trailer layout from editorial-v4.css:
    full-width images above the text, with 40px between stacked cards. */
 .editorial-v4:not(.editorial-v5) .editorial-invitation { text-align:left; }
 .editorial-v4:not(.editorial-v5) .editorial-invitation h2 { font-size:clamp(40px,11vw,54px); }
 .editorial-v4:not(.editorial-v5) .editorial-invitation-actions { justify-content:flex-start; }
 .services-overview-v4 #services .app-cards { border-left:0; }
 .services-overview-v4 #services .acard { display:grid; grid-template-columns:30px minmax(0,1fr); column-gap:18px; row-gap:12px; min-height:0; padding:26px 0; border-left:0; border-right:0; }
 .services-overview-v4 #services .acard .no { grid-row:1 / span 3; grid-column:1; margin:2px 0 0; }
 .services-overview-v4 #services .acard .no svg { width:26px; height:26px; }
 .services-overview-v4 #services .acard h4 { grid-column:2; margin:0; font-size:22px; }
 .services-overview-v4 #services .acard p { grid-column:2; margin:0; font-size:14px; line-height:1.65; }
 .services-overview-v4 #services .service-card-actions { grid-column:2; padding-top:4px; margin:0; }
 .services-overview-v4 #services .service-card-link { font-size:12px; }
 .services-overview-v4 .v4-hero-card-group a { flex-basis:78cqw; width:78cqw; }
 .services-overview-v4 .v4-hero-card-group img { height:260px; }
 .services-overview-v4 .v4-hero-card-group a > span { font-size:15px; left:20px; right:20px; }
 .services-overview-v4 .v4-service-filters { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; padding-bottom:10px; }
 .services-overview-v4 .v4-service-filters button { flex-shrink:0; font-size:11px; min-height:38px; }
 .services-overview-v4 .v4-service-filters::-webkit-scrollbar { display:none; }
 .services-overview-v4 #serviceFilterCount { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }

}

@media(max-width:650px) {
 .editorial-v4 .editorial-hero-options:has(a[href="matrix-chemical-manufacturing-v5.html"]) { gap:10px; font-size:10px; }
 .editorial-v4 .editorial-hero-options:has(a[href="matrix-chemical-manufacturing-v5.html"]) a:first-child { display:none; }
}