.metering-solutions-main { max-width: 1060px; margin: auto; padding: 36px 32px 64px; }
.metering-solution-intro { max-width: 840px; margin: 0 auto 42px; }
.metering-solution-eyebrow { color: var(--mint); font-size: .875rem; letter-spacing: .08em; margin: 0 0 12px; }
.metering-solution-intro h1 { margin: 0 0 24px; font-size: clamp(2rem,4.5vw,3.2rem); line-height: 1.25; font-weight: 400; overflow-wrap: anywhere; }
.metering-solution-lead { color: #e0e8eb; font-size: 1.125rem; line-height: 1.75; }
.metering-solution-hint { color: #aebcc3; font-size: .9375rem; }
.metering-products-link { display: inline-flex; gap: 14px; align-items: center; min-height: 48px; color: var(--mint); padding: 10px 0; line-height: 1.5; }
.metering-products-link:hover,.material-open:hover { text-decoration: underline; text-underline-offset: 5px; }
.metering-material { margin: 0 auto 40px; width: 100%; border: 1px solid #657075; border-radius: 18px; overflow: hidden; background: #192025; }
.metering-material figcaption { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px 24px; padding: 20px 24px; }
.metering-material h2 { margin: 0; max-width: 640px; font-size: 1.25rem; line-height: 1.5; font-weight: 500; overflow-wrap: anywhere; }
.material-open { display: inline-flex; align-items: center; min-height: 44px; color: var(--mint); font-size: .9375rem; line-height: 1.5; }
.material-image-link { display: block; background: #eee; }
.material-image-link img { display: block; width: 100%; height: auto; object-fit: contain; }
.material-image-link:focus-visible { outline-offset: -5px; }
@media (max-width:700px) {
 .metering-solutions-main { padding: 26px 18px 42px; }
 .metering-solution-intro { margin-bottom: 28px; }
 .metering-solution-lead { font-size: 1rem; }
 .metering-material { margin-bottom: 26px; border-radius: 12px; }
 .metering-material figcaption { padding: 18px; gap: 8px; }
 .metering-material h2 { font-size: 1.125rem; }
}