/* Keep each page title above the two-column intro, spanning the content width. */
main h1{width:100%;max-width:none!important;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;text-wrap:pretty}
.brg-offers-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);gap:18px 32px;align-items:center;min-width:0}
.brg-offers-grid>.brg-offers-copy{display:contents}
.brg-offers-grid>.brg-offers-copy>:is(.kicker,.x-kicker,h1,section.v7fc){grid-column:1/-1!important;width:100%;min-width:0;max-width:none}
.brg-offers-grid>.brg-offers-copy>:is(.kicker,.x-kicker){margin:0;grid-row:1}
.brg-offers-grid>.brg-offers-copy>h1{grid-row:2;margin:0!important;font-size:clamp(34px,4vw,56px)!important;line-height:1.1;letter-spacing:-.035em}
.brg-offers-grid>.brg-offers-copy>section.v7fc{grid-row:3;margin:0}
.brg-offers-grid>.brg-offers-copy>.brg-heading-intro{grid-column:1;grid-row:4;min-width:0;align-self:center}
.brg-heading-intro>:is(.lead,.x-lead){margin:0;font-size:18px;line-height:1.65;max-width:none}
.brg-heading-intro>:is(.hero-actions,.stats-row,.x-button){margin-top:18px}
.brg-offers-grid>:not(.brg-offers-copy){grid-column:2;grid-row:4!important;width:100%;min-width:0;align-self:center;margin:0}
.hero .brg-offers-grid>.hero-media{height:300px;max-height:300px;overflow:hidden;border-radius:14px}
.hero .brg-offers-grid>.hero-media img{display:block;width:100%;height:100%;object-fit:cover}
.hero{padding-top:38px;padding-bottom:38px}
.v7fc .v7fc-bar>img.v7fc-flag{width:24px!important;height:16px!important;min-width:24px!important;max-width:24px!important;min-height:16px!important;max-height:16px!important;flex:0 0 24px!important;object-fit:cover;display:block;margin:0!important}
.x-guide>h1,.publication-info>h1{max-width:none!important;width:100%}
@media(max-width:900px){
 .brg-offers-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .brg-offers-grid>.brg-offers-copy>.brg-heading-intro{grid-column:1;grid-row:4}
 .brg-offers-grid>:not(.brg-offers-copy){grid-column:1;grid-row:5!important}
 .brg-offers-grid>.brg-offers-copy>h1{font-size:clamp(32px,5vw,46px)!important}
 .hero .brg-offers-grid>.hero-media{height:260px;max-height:260px}
}
@media(max-width:500px){
 main h1{hyphens:auto}
 .brg-offers-grid>.brg-offers-copy>h1{font-size:32px!important;line-height:1.12}
 .brg-heading-intro>:is(.lead,.x-lead){font-size:16px;line-height:1.6}
 .hero{padding-top:24px;padding-bottom:26px}
 .hero .brg-offers-grid>.hero-media{height:210px;max-height:210px}
}

main .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}