/* Shared spacing between the boards' upper rows. */
:root{--board-row-gap:7px}
@media(max-width:820px){:root{--board-row-gap:6px}}
body:has(.board-control-deck) .topbar{row-gap:var(--board-row-gap);padding-bottom:0}
body:has(.board-control-deck) .primary-site-nav{min-height:0;margin-block:var(--board-row-gap);padding-block:0}
body:has(.board-control-deck) .board-control-deck{padding-block:0}
body:has(.board-control-deck) main,
html[data-card-layout="proportional"][data-columns] body:has(.board-control-deck) main{padding-top:var(--board-row-gap)}
body:has(.board-control-deck) .board-timeframe-heading{margin-top:0}
#stock-app>.stock-status-strip,
#stock-app>.stock-utility-row{margin-top:var(--board-row-gap);margin-bottom:0}
/* Inline styles supply the controls' layout, but outer padding is shared here. */
#stock-app>.commodity-display-controls{padding-block:0!important;margin-block:var(--board-row-gap);row-gap:var(--board-row-gap)!important}
#stock-app>.commodity-display-controls small{line-height:1.25}
#stock-app>.stock-overview-line{min-height:0;margin-top:var(--board-row-gap);padding-block:0;line-height:1.15;align-items:center}
#stock-app>.commodity-display-controls+.stock-overview-line{margin-top:0}
#stock-app>.stock-market-heading{margin-top:var(--board-row-gap);margin-bottom:var(--board-row-gap)}
#stock-app>.stock-market-heading h2{line-height:1;margin-block:0}

/* Remove the control row's invisible minimum-height space below social links. */
html body:has(.board-control-deck) .board-control-deck .board-control-row{min-height:0;padding-block:0}
/* Keep the two heading lines together, aligned with the chart-side controls. */
#stock-app>.stock-market-heading{align-items:end;min-height:0}
.stock-market-heading>.stock-heading-copy{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:2px;align-self:end}
.stock-heading-copy>.stock-overview-line{min-height:0;margin:0;padding:0;line-height:1;align-items:center}
#stock-app>.stock-market-heading .stock-heading-copy h2{margin:0;line-height:1}

/* Crypto rows share one physical alignment; remove legacy visual offsets. */
body:has(.board-control-deck) .primary-site-nav{margin-block:0;padding-block:var(--board-row-gap)}
body:has(.board-control-deck) .board-control-row>.board-control-left,
body:has(.board-control-deck) .board-control-row>.board-control-center,
body:has(.board-control-deck) .board-control-row>.actions{transform:none;align-self:center;grid-row:1}
body:has(.board-control-deck) .board-control-row>.board-control-left{grid-column:1}
body:has(.board-control-deck) .board-control-row>.board-control-center{grid-column:2}
body:has(.board-control-deck) .board-control-row>.actions{grid-column:3}
body:has(.board-control-deck) main>.board-live-row{display:flex;justify-content:flex-start;min-height:14px;margin:0 0 3px;padding:0}
body:has(.board-control-deck) main>.board-live-row .board-live-summary{justify-content:flex-start;line-height:1.2}