/* R143: desktop actions stay together; the chart price uses the chart's true centre. */
@media(min-width:1100px){
 body[data-home-layout="compact"] .compact-post .post-actions{justify-content:flex-start!important;column-gap:14px!important;max-width:560px}
 body[data-home-layout="compact"] .compact-post .post-actions>.vote-score{margin-inline:-7px!important;min-width:16px;text-align:center}
 body[data-home-layout="compact"] .compact-post .post-actions>.share-status:empty{display:none}
 body #page-tokencheck #tokenChart .market-heading{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px!important}
 body #page-tokencheck #tokenChart .market-heading>b{grid-column:1;grid-row:1;min-width:0}
 body #page-tokencheck #tokenChart .chart-readout{display:contents}
 body #page-tokencheck #tokenChart .chart-current-price{grid-column:2;grid-row:1;justify-self:center;max-width:100%;font-size:clamp(17px,1.6vw,20px)!important;overflow-wrap:anywhere;white-space:normal;text-align:center}
 body #page-tokencheck #tokenChart .chart-current-date{grid-column:3;grid-row:1;justify-self:end;max-width:100%;text-align:right}
 body #page-tokencheck #tokenChart .chart-data-status{grid-column:3;grid-row:2;justify-self:end}
}

/* R146: shorter selected-action backgrounds in Home and Spaces. */
body .social-actions>button.social-react,body .social-actions>button.active,body[data-home-layout="compact"] .compact-post .post-actions.social-actions>button:is(.social-react,.active){position:relative;box-sizing:border-box;min-height:28px!important;height:28px!important;padding:4px 2px!important;border-radius:8px!important;align-self:center}
body .social-actions>button.social-react::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}

/* R147: quieter chart readout, centred footer and compact feed headlines. */
body .chart-guide{display:none}
@media(max-width:1099px){body #page-tokencheck #tokenChart .chart-current-price{font-size:20px!important}}
@media(max-width:400px){body #page-tokencheck #tokenChart .chart-current-price{font-size:18px!important}}
body .site-information{justify-content:center;text-align:center}
body #page-home #headlineTicker{min-height:40px!important;box-sizing:border-box;padding:8px 12px;font-family:inherit;gap:10px}
body #page-home #headlineTicker .ticker-track{min-width:0;flex:1}
body #page-home #headlineTicker .ticker-track a{flex:0 0 100%;width:100%;max-width:none;min-width:0;white-space:normal;font-family:inherit;font-size:14px!important;font-weight:400;line-height:1.4;max-height:2.8em}
body #page-home #headlineTicker .ticker-label{font-family:inherit;font-size:10px!important;font-weight:600;letter-spacing:.08em}
@media(max-width:760px){
 body #page-home #headlineTicker .ticker-track a{font-size:12px!important}
 body #page-home #headlineTicker .ticker-label{font-size:9px!important}
}

/* R151: the mobile header and page move together in normal document flow. */
@media(max-width:1099px){
 body .app>.topbar{position:relative!important;top:auto!important;transform:none!important;transition:none;pointer-events:auto}
}

/* R152: frost only the status-bar safe area; header controls stay below it. */
@media(max-width:1099px){
 body .app{--header-safe-top:env(safe-area-inset-top,0px)}
 body .app::before{content:"";position:fixed;top:0;left:0;right:0;height:var(--header-safe-top);z-index:60;pointer-events:none;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 body .app>.topbar{padding-top:calc(var(--header-safe-top) + 24px)!important;background:var(--bg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* R153: equal spacing around launch status icons and labels, including latest tiles. */
body .launch-phase{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:20px;padding:3px 7px;line-height:1;vertical-align:middle}
body .launch-phase>svg.lucide{display:block;flex:none;width:12px;height:12px;color:inherit!important;stroke:currentColor!important}
body .launch-phase>span{line-height:1}

/* Keep inspection markers crisp and compact on both stretched chart axes. */
body .price-plot{overflow:visible}
body .chart-marker{pointer-events:none;color:#b5a3ff}
body .chart-marker-icon{stroke-width:3.5;filter:drop-shadow(0 0 1px var(--panel,#10192d))}
body .chart-marker-icon circle{fill:none}
body[data-theme="light"] .chart-marker{color:#6a4bd6}

/* R155: modal/menu scrolling is owned by the active box, including iOS. */
html.overlay-scroll-locked,body.overlay-scroll-locked{overscroll-behavior:none!important}
body.overlay-scroll-fixed{position:fixed!important;top:var(--overlay-scroll-top)!important;left:var(--overlay-scroll-left)!important;right:0;width:100%}
body :is(.modal-card,.notification-panel,.feed-sort-menu,.search-results,.coin-search-results){overscroll-behavior:contain!important}
/* Composer tools allow document scrolling, including WebKit's scroll chaining. */
html:not(.overlay-scroll-locked):has(#socialDialog[data-scroll-unlocked="true"]:not([hidden])),body:not(.overlay-scroll-locked):has(#socialDialog[data-scroll-unlocked="true"]:not([hidden])){overscroll-behavior:auto!important}
