/* Shared mobile shell. Hero selectors are deliberately excluded. */
details.community-nav>summary{list-style:none;cursor:pointer}
details.community-nav>summary::-webkit-details-marker{display:none}
details.community-nav>summary::after{content:none}
details.community-nav:not([open])>.community-submenu{display:none!important}
details.community-nav[open]>.community-submenu{display:grid}
.mobile-menu-settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;grid-column:1/-1;padding:12px 8px;border-top:1px solid var(--ui-line)}
.mobile-menu-settings>:is(button,label){min-width:44px;min-height:44px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font-size:13px}
.mobile-menu-settings [hidden],.app-promotion [hidden]{display:none!important}
.app-promotion{width:min(100% - 28px,1440px);margin-inline:auto}
.app-promo-banner{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 4px;border-bottom:1px solid var(--ui-line);font-size:12px;color:var(--ui-text)}
.app-promo-banner strong{flex:1;min-width:0;font-size:12px}
.app-promo-banner button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--ui-text);font:inherit;font-weight:650;cursor:pointer}
.app-promo-banner [data-app-dismiss]{font-size:22px}
.app-promo-dialog{box-sizing:border-box;width:min(100% - 24px,420px);max-height:80dvh;margin:auto auto 12px;padding:20px;border:1px solid var(--ui-line);border-radius:16px;background:var(--ui-surface);color:var(--ui-text)}
.app-promo-dialog::backdrop{background:#0006}
.app-promo-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.app-promo-dialog h2{margin:0;font-size:18px;font-weight:700;line-height:1.4}
.app-promo-dialog button{width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.app-promo-dialog p{margin:12px 0 16px;font-size:14px;font-weight:400;line-height:1.6}
.app-store-link{display:flex;align-items:center;justify-content:center;min-height:44px;background:#2162d4;color:#fff;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700}
.footer-channels{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;min-width:0;padding-top:12px;border-top:1px solid var(--ui-line)}
.footer-channels .footer-app-button,.footer-channels .footer-x-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;margin:0;padding:8px 12px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;text-decoration:none;cursor:pointer}
.footer-channels .footer-app-button{border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-text)}
.footer-channels .footer-app-button small{font-size:11px;font-weight:400;color:var(--ui-muted,var(--muted));white-space:nowrap}
.footer-channels svg{flex:none;display:block}
.footer-channels .footer-x-link{gap:16px;color:#000}
html[data-theme=dark] .footer-channels .footer-x-link{color:#fff}
.footer-channels :is(button,a):hover{background:var(--ui-subtle)}
.footer-channels :is(button,a):focus-visible{outline:2px solid var(--ui-text);outline-offset:3px}
@media(min-width:768px){.app-promo-dialog{margin:auto}}
@media(max-width:767px){.footer-channels .footer-app-button{display:none}.footer-channels .footer-x-link{padding-inline:0}}
.premium-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.premium-detail-actions button{min-height:44px;padding:8px 12px;font-size:13px;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-text);border-radius:8px}
@media(max-width:767px){
 .product-header{position:sticky;top:-52px;z-index:50}
 .product-header .product-header-inner,.site-shell>.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;grid-template-rows:52px 44px;gap:0;width:calc(100% - 24px);height:auto;min-height:96px;padding:0;align-items:center}
 .site-shell>.topbar{position:sticky;top:-52px;z-index:50;width:calc(100% - 28px)}
 .product-header .product-brand,.site-shell>.topbar>.brand{grid-row:1;grid-column:1;min-height:52px;gap:6px}
 .product-header .product-brand-mark,.site-shell>.topbar .brand-mark{width:24px;height:24px}
 .product-header .brand-wordmark,.coinmadang-calculator-shell .topbar .brand-wordmark{width:104px;height:auto;max-width:100%}
 .product-header .product-header-actions,.site-shell>.topbar>.header-actions{grid-column:2;grid-row:1;gap:0}
 .product-header .product-header-actions>:not(.community-account),.site-shell>.topbar>.header-actions>:not(.community-account){display:none}
 .product-header .community-account,.topbar .community-account{width:44px;flex-basis:44px}
 .product-header .community-account summary,.product-header .community-account>[data-login],.topbar .community-account summary,.topbar .community-account>[data-login]{border:0;background:transparent;box-shadow:none;width:44px;padding:0;font-size:0}
 .community-account [data-auth-name]{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .community-account summary::before,.community-account>[data-login]::before{width:18px;height:18px;flex-basis:18px}
 .product-header .mobile-navigation,.site-shell>.topbar>.mobile-navigation{display:block;grid-column:3;grid-row:1;position:static}
 .mobile-navigation>summary{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;list-style:none;cursor:pointer}
 .mobile-navigation>summary::-webkit-details-marker{display:none}
 .product-header .mobile-nav-panel,.site-shell>.topbar .mobile-nav-panel{position:absolute;top:52px;left:0;right:0;width:auto;max-height:calc(100dvh - 100px);overflow:auto;margin:0;padding:8px;display:block;border:1px solid var(--ui-line);border-radius:0 0 10px 10px;background:var(--ui-surface);box-shadow:var(--ui-shadow);z-index:110}
 .mobile-navigation:not([open])>.mobile-nav-panel{display:none!important}
 .mobile-nav-panel .main-nav{display:block!important;margin:0;padding:0}
 .mobile-nav-panel :is(a,.community-nav>summary){display:flex;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;color:var(--ui-text);text-decoration:none}
 .mobile-nav-panel .community-submenu{position:static!important;width:auto!important;max-width:none!important;margin:0 0 4px 12px;border:0;border-left:2px solid var(--ui-accent);box-shadow:none}
 .product-header .product-header-inner>.compact-tabs,.site-shell>.topbar>.compact-tabs{grid-column:1/-1;grid-row:2;display:flex;align-items:stretch;justify-content:flex-start;gap:0;min-width:0;width:100%;max-width:100%;height:44px;min-height:44px;margin:0;padding:0;border:0;border-top:1px solid var(--ui-line);border-radius:0;background:var(--ui-bg);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
 .compact-tabs::-webkit-scrollbar{display:none}
 .compact-tabs>:is(a,details){flex:0 0 auto}
 .product-header .compact-tabs>a,.site-shell>.topbar>.compact-tabs>a,.compact-tabs>.community-nav>summary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;min-width:44px;padding:0 10px;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;border-radius:0;border-bottom:2px solid transparent;color:var(--ui-muted,var(--muted))}
 .compact-tabs [aria-current],.compact-tabs>.community-nav[open]>summary{border-bottom-color:var(--ui-accent)!important;color:var(--ui-text)!important}
 .compact-tabs>.community-nav>.community-submenu{position:fixed;top:var(--community-menu-top,96px);left:auto;right:12px;width:220px;max-width:calc(100vw - 24px);z-index:120;padding:6px;background:var(--ui-surface);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow)}
 .compact-tabs>.community-nav>.community-submenu a{min-height:44px;font-size:13px}
 .product-header .community-account .community-submenu,.topbar .community-account .community-submenu{right:-44px;width:220px;max-width:calc(100vw - 24px)}
 .product-main{width:calc(100% - 24px);padding-top:8px}
 .product-main .market-primary-rail .crypto-indicator-card{min-height:60px;padding:6px 8px}
 .product-main .crypto-indicator-card>strong{font-size:13px}
 .product-main .crypto-indicator-card :is(small,span){font-size:11px}
 .product-main .market-indicator-hero{margin-bottom:8px}
 .product-main .market-chart{padding:0 8px;border-radius:8px}
 .product-main .chart-heading{min-height:44px}
 .product-main .chart-heading h2{font-size:13px}
 .product-main .chart-controls{margin-top:0}
 .comparison-workspace .chart-widget{height:280px}
 .product-main .comparison-workspace{gap:8px}
 .product-main .premium-board{padding:8px 6px 0;border-radius:8px}
 .product-main .premium-board .board-heading{margin-bottom:4px}
 .product-main .premium-board .board-heading :is(h1,h2){font-size:14px}
 .product-main .premium-controls{gap:4px;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}
 .product-main .exchange-trigger{min-height:44px;border-radius:6px;padding:4px 6px;display:flex}
 .product-main .exchange-trigger img{width:18px;height:18px}
 .product-main .exchange-trigger strong{font-size:12px}
 .product-main .exchange-market{font-size:10px}
 .product-main .premium-summary-v3{gap:6px;padding:4px 0}
 .product-main .premium-summary-v3 article:nth-child(n){gap:2px}
 .product-main .premium-summary-v3 strong{font-size:12px}
 .product-main .premium-table-wrap{overflow-x:auto;overscroll-behavior-x:contain}
 .product-main .premium-table{min-width:320px;width:100%;table-layout:fixed}
 .product-main .premium-table :is(thead,tbody){display:block}
 .product-main .premium-table tr{display:grid;grid-template-columns:minmax(88px,1.1fr) minmax(82px,1fr) minmax(82px,1fr) minmax(60px,.8fr);gap:0;padding:0}
 .product-main .premium-table tbody tr{min-height:58px;align-items:center}
 .product-main .premium-table :is(th,td):nth-child(n){grid-row:1;grid-column:auto;align-self:center;padding:0 3px;text-align:right;min-width:0}
 .product-main .premium-table :is(th,td):first-child{text-align:left;position:sticky;left:0;z-index:1;background:var(--ui-surface)}
 .product-main .premium-table th:first-child{background:var(--ui-subtle)}
 .product-main .premium-table :is(th,td):nth-child(n+5){display:none}
 .product-main .premium-table td[data-premium-cell]::before{display:none}
 .product-main .premium-table td[data-premium-cell]>strong{font-size:12px;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums}
 .product-main .premium-table td[data-premium-cell]>small{font-size:10px;white-space:nowrap;overflow-wrap:normal;margin-top:3px}
 .product-main .premium-table .premium-sort-heading{min-height:44px;font-size:11px!important;justify-content:flex-end;white-space:normal}
 .product-main .premium-table .market-asset{display:block;position:relative;min-height:58px}
 .product-main .premium-table :is(.asset-logo,.asset-symbol-fallback){width:18px;height:18px;min-width:18px}
 .product-main .premium-table .market-asset-copy{min-width:0;max-width:100%;overflow:hidden}
 .product-main .premium-table .market-asset-copy strong{font-size:12px;line-height:20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .product-main .market-page-panel,.product-main .calendar-surface{padding:12px 8px}
 .product-main .editorial-board-tabs{gap:4px}
 .pulse-legacy-layout .pulse-market-workspace,.pulse-legacy-layout .market-section,.pulse-legacy-layout .movers-section,.pulse-legacy-layout .projects-section{margin-top:16px}
 .pulse-legacy-layout .pulse-market-workspace .metrics-section,.pulse-legacy-layout .movers-section,.pulse-legacy-layout .projects-section{padding:10px;border-radius:10px}
 .pulse-legacy-layout .pulse-market-workspace .metric-card{padding:10px 8px;min-height:76px}
 .pulse-legacy-layout .pulse-market-workspace .metric-card>strong{font-size:17px;margin-top:4px}
 .pulse-legacy-layout .cex-row{padding:8px;gap:6px;min-height:54px}
 .pulse-legacy-layout .cex-name strong,.pulse-legacy-layout .defi-name strong{font-size:12px}
 .pulse-legacy-layout .cex-volume,.pulse-legacy-layout .defi-tvl{font-size:12px}
 .pulse-legacy-layout .stable-ecosystem-grid{gap:16px}
 .pulse-legacy-layout .stable-ecosystem-grid .native-stable-grid{padding:8px;gap:8px}
 .pulse-legacy-layout .native-stable-card{padding:10px}
}
