/* One visual standard for green page banners. Loaded by UI_Header(). */
:root{
    --cc-banner-height:180px;
    --cc-banner-width:1380px;
    --cc-banner-icon:82px;
    --cc-banner-icon-font:34px;
    --cc-banner-gutter:40px;
    --cc-banner-green:radial-gradient(circle at 88% 15%,rgba(255,255,255,.10),transparent 24rem),linear-gradient(110deg,#006b39 0%,#00984d 55%,#08743e 100%);
}
html body .cc-unified-hero.cc-unified-hero{
    position:relative!important;top:auto!important;left:auto!important;right:auto!important;
    display:block!important;width:var(--cc-banner-viewport,100%)!important;max-width:none!important;
    height:auto!important;min-height:0!important;
    margin:0 0 0 calc(50% - var(--cc-banner-viewport,100%)/2)!important;padding:0!important;
    border:0!important;border-radius:0!important;box-sizing:border-box!important;
    background:var(--cc-banner-green)!important;color:#fff!important;
    overflow:hidden!important;
}
html body .cc-unified-hero.cc-unified-hero:before{
    content:""!important;position:absolute!important;inset:0!important;
    width:auto!important;height:auto!important;border:0!important;transform:none!important;
    background:linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.015)),url("/system/Background.png") center/520px repeat!important;
    background-size:auto,520px!important;background-position:center!important;
    opacity:.24!important;pointer-events:none!important;
}
html body .cc-unified-hero.cc-unified-hero:after{display:none!important;}
html body .cc-unified-hero.cc-unified-hero > .cc-unified-inner.cc-unified-inner{
    position:relative!important;inset:auto!important;z-index:1!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;flex-wrap:nowrap!important;gap:24px!important;
    width:min(var(--cc-banner-width),calc(100% - var(--cc-banner-gutter)))!important;
    max-width:none!important;min-width:0!important;
    height:var(--cc-banner-height)!important;min-height:var(--cc-banner-height)!important;
    margin:0 auto!important;padding:24px 110px 24px 0!important;box-sizing:border-box!important;
    transform:none!important;float:none!important;text-align:left!important;
}
html body .cc-unified-hero.cc-unified-hero > .cc-unified-inner > :not(.cc-unified-icon){
    min-width:0!important;min-height:0!important;box-sizing:border-box!important;
}
html body .cc-unified-hero .cc-unified-inner .cc-unified-copy{
    min-height:0!important;padding:0!important;align-self:center!important;
}
html body .cc-unified-hero.cc-unified-hero .cc-unified-inner > .cc-unified-icon.cc-unified-icon{
    position:absolute!important;inset:auto 0 auto auto!important;top:50%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:var(--cc-banner-icon)!important;height:var(--cc-banner-icon)!important;
    min-width:var(--cc-banner-icon)!important;max-width:var(--cc-banner-icon)!important;
    min-height:var(--cc-banner-icon)!important;max-height:var(--cc-banner-icon)!important;
    flex:0 0 var(--cc-banner-icon)!important;padding:0!important;margin:0!important;
    transform:translateY(-50%)!important;border:2px solid rgba(255,255,255,.48)!important;
    border-radius:18px!important;background:#001b42!important;
    color:#fff!important;font-size:var(--cc-banner-icon-font)!important;line-height:1!important;
    box-shadow:inset 0 0 0 3px rgba(255,255,255,.08),0 9px 24px rgba(0,25,45,.18)!important;
    box-sizing:border-box!important;float:none!important;z-index:3!important;overflow:hidden!important;
}
html body .cc-unified-hero .cc-unified-inner > .cc-unified-icon i{
    position:static!important;display:block!important;margin:0!important;
    color:#fff!important;font-size:var(--cc-banner-icon-font)!important;line-height:1!important;
}
html body .cc-unified-hero .cc-unified-inner h1{
    margin:5px 0 8px!important;color:#fff!important;font-size:34px!important;
    line-height:1.12!important;letter-spacing:-.02em!important;
}
html body .cc-unified-hero .cc-unified-inner p{
    margin-top:6px!important;margin-bottom:0!important;line-height:1.45!important;
}
html body .cc-unified-hero .cc-home-hero-script{display:none!important;}
html body .cc-unified-hero .cc-home-hero-copy{flex:1 1 50%!important;}
html body .cc-unified-hero .cc-home-hero-details{flex:1 1 40%!important;}
/* Keep decorative set artwork beside its title; the navy tile stays on the right. */
html body .cc-unified-hero .cc-set-hero-art{flex:0 0 72px!important;width:72px!important;height:96px!important;}
html body .cc-unified-hero .cc-set-hero-art img{max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
@media(max-width:1100px){
    html body .cc-unified-hero.cc-unified-hero > .cc-unified-inner.cc-unified-inner{
        height:auto!important;min-height:180px!important;flex-wrap:wrap!important;gap:16px!important;
    }
}
@media(max-width:760px){
    :root{--cc-banner-icon:56px;--cc-banner-icon-font:25px;--cc-banner-gutter:24px;}
    html body .cc-unified-hero.cc-unified-hero > .cc-unified-inner.cc-unified-inner{
        min-height:150px!important;padding:22px 76px 22px 0!important;gap:14px!important;
    }
    html body .cc-unified-hero.cc-unified-hero .cc-unified-inner > .cc-unified-icon.cc-unified-icon{
        border-radius:14px!important;
    }
    html body .cc-unified-hero .cc-unified-inner h1{font-size:27px!important;overflow-wrap:anywhere;}
    html body .cc-unified-hero .cc-unified-inner > :not(.cc-unified-icon){
        max-width:100%!important;
    }
    html body .cc-unified-hero .cc-home-hero-copy,
    html body .cc-unified-hero .cc-home-hero-details{flex:1 1 100%!important;}
}

/* One style for the small brand/section label above every banner title. */
html body .cc-unified-hero.cc-unified-hero .cc-unified-inner :is(
    [class*="kicker"],[class*="eyebrow"],.eyebrow,.kicker,small:has(+ h1)
){
    display:block!important;
    margin:0 0 7px!important;
    padding:0!important;
    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    color:#d9f5e6!important;
    opacity:1!important;
}

html body .cc-unified-hero.cc-unified-hero{
    font-family:Inter,Arial,Helvetica,sans-serif!important;
}
html body .cc-unified-hero.cc-unified-hero .cc-unified-inner h1{
    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-weight:800!important;
    font-style:normal!important;
    text-transform:none!important;
}
html body .cc-unified-hero.cc-unified-hero .cc-unified-inner p{
    font-family:Inter,Arial,Helvetica,sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    font-style:normal!important;
    line-height:1.45!important;
    letter-spacing:normal!important;
    color:rgba(255,255,255,.92)!important;
}

/* Match wider catalogue/collection content without widening information pages. */
html body :is(
    .cc-year-page-hero,.cc-year-hero,.cc-sports-hero,.cc-set-hero,
    .cc-search-hero,.cc-collection-hero,.cc-collection-stats-hero,.cc-binder-hero
).cc-unified-hero{
    --cc-banner-width:1530px;
    --cc-banner-gutter:48px;
}
@media(max-width:760px){
    html body .cc-unified-hero{--cc-banner-gutter:24px;}
}

/* Admin tools use the same title and icon edges as the catalogue banners. */
html body :is(
    .cc-admin-hero,.cc-admin-login-hero,.cc-account-hero,.cc-user-hero,
    .cc-sql-hero,.cc-payroll-hero,.cc-metrics-hero,.cc-user-metrics-hero,
    .cc-sell-hero,.cc-contact-hero,.cc-order-hero,.cc-order-summary-hero,
    .cc-manual-hero,.cc-card-add-hero,.cc-card-edit-hero,.cc-scan-hero,
    .cc-special-hero,.shop-add-hero,.shop-edit-hero,.cc-news-hero,.cc-wa-hero,
    .cc-report-inbox-hero,.cc-access-hero,
    .bulk > .hero,.cc-meta > .hero,.cc-payment-page > header
).cc-unified-hero.cc-unified-hero{
    --cc-banner-width:1530px!important;
    --cc-banner-gutter:48px!important;
}
@media(max-width:760px){
    html body .cc-unified-hero.cc-unified-hero{--cc-banner-gutter:24px!important;}
}

/* Uniform white summary boxes, independent of the number on the page. */
html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats){display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:auto!important;max-width:100%!important;flex:0 1 auto!important;grid-template-columns:none!important;}
html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;flex:0 0 158px!important;width:158px!important;min-width:158px!important;max-width:158px!important;height:80px!important;min-height:80px!important;max-height:80px!important;padding:16px 18px!important;box-sizing:border-box!important;background:#fff!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:9px!important;box-shadow:0 5px 18px rgba(0,34,18,.12)!important;color:#0c2441!important;text-align:center!important;text-decoration:none!important;font-family:Inter,Arial,Helvetica,sans-serif!important;}
html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a) > :is(i,[class*="icon"],.cc-progress-ring){display:none!important;}
html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a) > :is(div,span):not([class*="icon"]):not(.cc-progress-ring){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;}
html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a) strong{display:block!important;margin:0!important;padding:0!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:21px!important;font-weight:700!important;font-style:normal!important;line-height:21px!important;letter-spacing:normal!important;color:#0c2441!important;text-align:center!important;}
html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a) :is(div>span,div>small,span>small),html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a) > span:not([class*="icon"]):not(.cc-progress-ring):not(:has(strong)){display:block!important;margin:5px 0 0!important;padding:0!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:13px!important;font-weight:800!important;font-style:normal!important;line-height:19.5px!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#667085!important;text-align:center!important;}
html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a) a{font:11px/14px Arial,Helvetica,sans-serif!important;margin:3px 0 0!important;}
@media(max-width:760px){html body :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats){justify-content:center!important;width:100%!important;}}

/* Phone banners: heading and navy tile first, full-width metrics underneath.
   Keep every desktop layout and homepage presentation unchanged. */
@media(max-width:767px){
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero > .cc-unified-inner.cc-unified-inner{display:grid!important;grid-template-columns:minmax(0,1fr) 52px!important;align-items:start!important;justify-content:stretch!important;width:calc(100% - 24px)!important;height:auto!important;min-height:0!important;padding:22px 0!important;gap:16px 12px!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero > .cc-unified-inner.cc-unified-inner > :not(.cc-unified-icon){grid-column:1 / -1!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;margin-left:0!important;margin-right:0!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero > .cc-unified-inner.cc-unified-inner > :first-child:not(.cc-unified-icon){grid-column:1!important;grid-row:1!important;align-self:start!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero > .cc-unified-inner.cc-unified-inner > .cc-unified-icon.cc-unified-icon{position:static!important;inset:auto!important;grid-column:2!important;grid-row:1!important;align-self:start!important;transform:none!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;min-height:52px!important;max-height:52px!important;border-radius:13px!important;font-size:24px!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner>.cc-unified-icon i{font-size:24px!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner h1{font-size:26px!important;line-height:1.15!important;margin:4px 0 8px!important;overflow-wrap:anywhere!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner p{font-size:14px!important;line-height:1.45!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner :is([class*="kicker"],[class*="eyebrow"]){font-size:11px!important;line-height:1.35!important;letter-spacing:.05em!important;white-space:normal!important;overflow-wrap:anywhere!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner :is(.cc-hero-stats-wrap,.cc-sports-hero-actions,.cc-binder-hero-right){width:100%!important;min-width:0!important;max-width:100%!important;flex:1 1 100%!important;overflow:visible!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:none!important;margin:0!important;overflow:visible!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a){width:100%!important;min-width:0!important;max-width:none!important;height:76px!important;min-height:76px!important;max-height:76px!important;flex:none!important;padding:10px 8px!important;overflow:visible!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a) strong{font-size:22px!important;line-height:26px!important;max-width:100%!important;overflow-wrap:anywhere!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a) :is(div>span,div>small,span>small),html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats) > :is(div,a)>span:not([class*="icon"]):not(.cc-progress-ring):not(:has(strong)){font-size:11px!important;line-height:14px!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-set-hero-art{width:48px!important;height:66px!important;flex:0 0 48px!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-set-hero-copy{gap:12px!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-card-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-card-hero-actions .cc-card-hero-action{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;}
}
@media(min-width:360px) and (max-width:767px){
html :is(body,#main_body) .cc-unified-hero.cc-unified-hero .cc-unified-inner :is(.cc-hero-stats,.cc-year-page-stats,.cc-sports-hero-stats,.cc-search-stats,.cc-collection-stats,.cc-user-metrics,.cc-scan-stats,.cc-account-stats,.cc-report-inbox-stats,.cc-news-stats,.cc-wa-stats):has(> :nth-child(3)):not(:has(> :nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* Phone-only totals strip; the adapter restores the original nodes on desktop. */
.cc-mobile-summary-strip{display:none;}
@media(max-width:767px){
    html :is(body,#main_body) .cc-mobile-summary-strip{display:block!important;position:relative!important;box-sizing:border-box!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;border-bottom:1px solid #dfe7e2!important;color:#0c2441!important;}
    html :is(body,#main_body) .cc-mobile-summary-inner{width:calc(100% - 24px)!important;max-width:1530px!important;margin:0 auto!important;padding:12px 0!important;}
    html :is(body,#main_body) .cc-unified-hero .cc-banner-metrics-empty{display:none!important;}
    html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics{display:grid!important;grid-template-columns:repeat(var(--cc-summary-columns,3),minmax(0,1fr))!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;gap:0!important;flex:none!important;overflow:visible!important;}
    html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics > :is(div,a){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:58px!important;max-height:none!important;flex:none!important;margin:0!important;padding:4px 8px!important;border:0!important;border-right:1px solid #dfe7e2!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;}
    html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics > :last-child{border-right:0!important;}
    html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics strong{font-family:Inter,Arial,sans-serif!important;font-size:22px!important;font-weight:700!important;line-height:26px!important;letter-spacing:normal!important;overflow-wrap:anywhere!important;color:#0c2441!important;}
    html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics > :is(div,a) :is(div>span,div>small,span>small),html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics > :is(div,a)>span:not([class*="icon"]):not(.cc-progress-ring):not(:has(strong)){font-family:Inter,Arial,sans-serif!important;font-size:11px!important;line-height:14px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important;color:#667085!important;margin-top:4px!important;}
}

/* Keep compact phone metrics on the green, with at most three white boxes. */
@media(max-width:767px){
    html :is(body,#main_body) .cc-unified-hero .cc-mobile-summary-strip{background:transparent!important;border:0!important;}
    html :is(body,#main_body) .cc-unified-hero .cc-mobile-summary-inner{padding:0 0 18px!important;}
    html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics{gap:8px!important;}
    html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics > :is(div,a){background:#fff!important;border:0!important;border-radius:8px!important;min-height:72px!important;padding:10px 6px!important;box-shadow:0 3px 10px rgba(0,34,18,.10)!important;}
    html :is(body,#main_body) .cc-mobile-summary-strip .cc-banner-metrics.cc-banner-metrics > :nth-child(n+4){display:none!important;}
}

