/* Shared introduction sizing for the main section pages. Background media stays page-specific. */
.advice-hero,.ranges-hero,.about-hero,.trade-public-hero{height:auto!important;min-height:420px!important;box-sizing:border-box}
.advice-hero-content,.ranges-hero-content,.about-hero-content,.trade-public-hero-inner{min-height:420px;box-sizing:border-box;height:auto!important;width:100%;max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px var(--space-lg)!important}
.advice-hero h1,.ranges-hero h1,.about-hero h1,.trade-public-hero h1{font-family:var(--font-display,'Ganache','Nunito Sans',sans-serif)!important;font-size:clamp(2rem,5vw,3.2rem)!important;font-weight:400!important;line-height:1.15!important;max-width:900px!important;margin:0 0 20px!important}
.advice-hero-content>p:not(:first-child),.ranges-hero-content>p,.about-hero-content>p,.trade-public-sub{font-size:1.15rem!important;line-height:1.65!important;max-width:700px!important;margin:0 auto 24px!important}
.about-hero-content>p{background:none;padding:0;border-radius:0}
.advice-hero .btn,.ranges-hero .btn-play-hero,.about-hero .btn-white,.trade-public-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 22px!important;font-family:inherit;font-size:14px!important;font-weight:600;line-height:1.4;border-radius:8px;box-sizing:border-box}
.ranges-hero .btn-play-hero{background:#fff;color:var(--green-dark);border:1px solid #fff}
.ranges-hero .btn-play-hero:hover{background:#edf3e7}
.ranges-hero-btns,.trade-public-actions{gap:12px}
.about-hero-scroll{display:none}
.advice-hero+.section-sm,.ranges-section#brands,.about-section#who-we-are{padding-top:48px!important}
.trade-facts{padding-top:48px}
@media(max-width:760px){.advice-hero-content,.ranges-hero-content,.about-hero-content,.trade-public-hero-inner{padding:40px var(--space-lg)!important}.advice-hero+.section-sm,.ranges-section#brands,.about-section#who-we-are{padding-top:32px!important}.trade-facts{padding-top:32px}}

/* Let narrow cards shrink below their longest link's intrinsic width. */
.advice-cat-card{min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){.advice-category-grid{grid-template-columns:minmax(0,1fr)}}
/* Match the simple play icon and 44px button on About. */
.ranges-hero .btn-play-hero{height:44px}
.ranges-hero .play-circle{width:13px;height:13px;border-radius:0;background:transparent}
.ranges-hero .play-circle svg{margin-left:0}