/* Match the existing market page shell without importing its chart styles. */

body>header .brand{display:flex;align-items:center;gap:12px}

.map-logo{display:block;position:relative;overflow:hidden;width:200px;height:48px}.map-logo img{position:absolute;width:266.5px;height:133.25px;left:-33px;top:-42px}

#mapMenuOpen{display:none}.map-page-title{font-size:22px;line-height:26px;margin:0 0 18px;padding:0 0 18px;border-bottom:1px solid var(--line);letter-spacing:0}

.heading{margin-bottom:18px;min-height:36px}.heading .eyebrow{color:#54d7ad;font-size:11px;font-weight:700;letter-spacing:2px}

.delivery-status:has(#loadStatus:empty){display:none}

footer.map-attribution span{padding:0}

#mapMenu{position:fixed;inset:0 auto auto 0;margin:0;width:min(320px,88vw);max-height:100dvh;border:1px solid #293e4b;border-radius:0;padding:20px 16px;background:#0e1b25;color:#c5d6e0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}

#mapMenu::backdrop{background:#020811b8;touch-action:none}.map-menu-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.map-menu-heading button{font-size:12px;padding:8px}

@media(max-width:720px){#mapMenuOpen{display:block;padding:0;font-size:24px;line-height:1;border-radius:6px}.map-page-title{font-size:18px;min-height:58px;line-height:24px;padding:16px 0;margin:0 0 16px;letter-spacing:-.35px;white-space:nowrap}.heading{margin-bottom:16px}main.earnings-layout{padding-top:0}.heading .eyebrow{font-size:12px;letter-spacing:1.3px}}



/* Align both market page title origins and typography. */

.map-page-title{font-family:system-ui,"Malgun Gothic",sans-serif}

@media(min-width:721px){main.earnings-layout{max-width:2100px;padding:24px 28px}}

@media(max-width:720px){main.earnings-layout{padding:0 12px 20px}}


/* Match the calendar and market advertising column from the initial layout. */
@media(min-width:721px){
 main.earnings-layout{max-width:2100px;padding:0;gap:0}
 .earnings-workspace{padding:24px 28px}
 .earnings-ad-rail{margin:0;padding:24px 24px 24px 0;min-width:0}
 .earnings-ad-sticky>span,.earnings-ad-slot{font-family:Inter,"Malgun Gothic",system-ui,sans-serif;font-weight:400;line-height:1.55}
}
@media(min-width:1400px){main.earnings-layout{grid-template-columns:minmax(0,1fr) 184px}}
@media(min-width:721px) and (max-width:1399px){
 main.earnings-layout{display:block}
 .earnings-ad-rail{padding:0 28px 28px}
 .earnings-ad-sticky{position:static;width:100%}
 .earnings-ad-slot{width:100%;height:90px}
}

/* Preserve the advertising column and hide only its unused visual content. */
.earnings-ad-rail:not(:has(ins,iframe))>.earnings-ad-sticky{visibility:hidden}
