.gas-price-strip__inner.gas-price-strip__inner--api { grid-template-columns:minmax(0,1fr); gap:20px; }
.gas-price-heading { display:flex; align-items:center; justify-content:space-between; gap:16px 32px; }
.gas-price-source { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#fff; font-size:.8rem; text-decoration:underline; text-underline-offset:4px; }
.gas-price-disclaimer { margin:0; color:#d2e2f6; font-size:.78rem; line-height:1.65; }
.gas-price-values { display:grid; grid-template-columns:1fr 1fr 1.5fr; gap:24px; align-items:center; padding-block:18px; border-block:1px solid #ffffff26; }
.gas-price-value { display:grid; gap:4px; min-width:0; }
.gas-price-value + .gas-price-value { padding-left:24px; border-left:1px solid #ffffff26; }
.gas-price-value > span { color:#c8dcf3; font-size:.8rem; }
.gas-price-value strong { color:white; font:700 clamp(1.8rem,3vw,2.5rem)/1.25 var(--font-head); letter-spacing:-.04em; }
.gas-price-value small { color:#c8dcf3; font-size:.72rem; }
.gas-price-period { color:#d2e2f6; font-size:.78rem; }
.gas-price-period p { margin:0; }
.gas-price-period p + p:not(:empty) { margin-top:5px; }
.gas-price-period p:empty { display:none; }
[data-price-status]:not(:empty) { color:#ffdf98; }
.gas-price-attribution a { color:#fff; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.coverage-price { margin-block:0; background:#082b59; color:#fff; }
.coverage-price__inner { width:100%; max-width:var(--wrap); margin-inline:auto; padding:32px var(--pad-x); }
.coverage-price__heading { display:flex; align-items:end; justify-content:space-between; gap:18px; margin-bottom:20px; }
.coverage-price__heading h2 { margin:0; color:#fff; }
.coverage-price__heading .eyebrow { color:#bcdcff; }
.coverage-price__heading a { color:#fff; font-size:.8rem; text-decoration:underline; text-underline-offset:4px; }
.coverage-price .gas-price-values { padding-block:16px; }
@media(max-width:600px) { .gas-price-heading { align-items:flex-start; flex-direction:column; gap:8px; } .gas-price-values { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; } .gas-price-period { grid-column:1/-1; } }
@media(max-width:600px) { .coverage-price__heading { align-items:flex-start; flex-direction:column; } }
