.hero:has(.hero-news){height:auto;max-height:none;min-height:780px}
.hero-news{max-width:660px;margin-top:20px;color:#fff}
.hero-news h2{display:flex;justify-content:space-between;align-items:center;gap:16px;font:700 12px/1.5 var(--body,Arial);letter-spacing:.06em;text-transform:uppercase;margin:0 0 7px;color:#f3c915}
.hero-news h2 a{font-size:10px;text-decoration:none;white-space:nowrap}
.hero-news ul{padding:0;margin:0;list-style:none}
.hero-news li{border-bottom:1px solid #ffffff30;padding:5px 0;font-size:12px;line-height:1.5}
.hero-news li a{display:block;color:#f4f0e6;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-news li a:hover{text-decoration:underline}.hero-news a:focus-visible{outline:2px solid #ff6600;outline-offset:3px}
.hero:has(.hero-news) .hero-sub{font-size:16px;line-height:1.6}
@media(max-width:620px){.hero:has(.hero-news){min-height:780px}.hero-news{width:100%}.hero-news li{font-size:11px}.hero:has(.hero-news) .hero-sub{font-size:14px}}

/* Keep the hero's intrinsic text widths inside the viewport. */
.hero:has(.hero-news) .hero-content{box-sizing:border-box;width:100%;min-width:0}
.hero-news,.hero-news ul,.hero-news li{min-width:0;max-width:100%}
.hero-news li a{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.hero .contract-strip{width:fit-content;max-width:100%;box-sizing:border-box}
.hero .ca-field{flex:0 1 auto;width:max-content;max-width:100%}
.hero .ca-value{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
@media(max-width:620px){
 .hero .contract-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;padding:0;background:none;border:0;gap:8px}
 .hero .pump-pill{grid-column:1;grid-row:1;justify-self:start;min-width:104px}
 .hero .ca-copy{grid-column:2;grid-row:1;min-width:80px}
 .hero .ca-field{grid-column:1/-1;grid-row:2;width:100%;height:auto;min-height:48px;padding:8px 10px;box-sizing:border-box}
 .hero .ca-value{font-size:11px;line-height:1.5;word-break:break-all}
 .hero-news h2{flex-wrap:wrap;gap:6px 12px}
 .hero:has(.hero-news) .hero-actions{max-width:100%}
}

/* Compact desktop headlines; keep mobile wrapping. */
@media(min-width:621px){
 .hero .hero-news{width:560px;max-width:100%}
 .hero .hero-news li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
}

@media(min-width:621px){
 .hero .contract-strip{width:560px;max-width:100%;padding:0;border:0;background:none}
 .hero .contract-strip .ca-field{flex:1 1 0;min-width:0}
 .hero .contract-strip .ca-copy{flex:0 0 88px}
}