/* portfolio-fit.css — Portfolio → Holdings, the top fits the first screen (Sep 30 2026).
   Owner: at 1512×982 the value chart and the Summary filled the whole first screen and pushed Holdings below the
   fold. The hero (the value) is a step smaller and the gaps under the chart closer. The chart's height follows the
   Summary beside it (app.js pxDrawChart: PX_FILL_H, never shorter than the Summary), so how short it gets is set by
   the Summary's own height (portfolio-summary.css, another area). The layoutkit handle under the chart still makes
   it taller, and a saved height is kept.
   Only where the chart and the Summary sit side by side (1361px and wider, text not extra large; layoutkit.css 2a).
   Loaded after layoutkit.css. */
@media (min-width: 1361px) {
  body:not([data-text-size="xlarge"]) #viewPortfolio .px-hero { padding-top: 8px; }
  body:not([data-text-size="xlarge"]) #viewPortfolio .px-hero:not(.is-nochart) .px-big { margin-top: 6px; font-size:50px; }
  body:not([data-text-size="xlarge"]) #viewPortfolio .px-hero:not(.is-nochart) .px-delta { margin-top: 8px; }
  body:not([data-text-size="xlarge"]) #viewPortfolio .px-hero:not(.is-nochart) .px-chart { margin-top: 8px; }
  body:not([data-text-size="xlarge"]) #viewPortfolio .px-hero.lk-split:not(.is-nochart) > .lk-h { margin: 0 0 -12px; }
  body:not([data-text-size="xlarge"]) #viewPortfolio .px-sec.pb-holdings { padding-top: 4px; }
  body:not([data-text-size="xlarge"]) #viewPortfolio .pb-holdings .port-accts { padding: 6px 12px; }
}

/* the value chart's tag on the axis (app.js .px-ch__yv): it was styled only by house-match.css, now unloaded, so it
   drew as an empty black box at the right end. Shown while the chart is pointed at or focused, in the Analyze
   amber under dark ink, as before. Both themes. */
#viewPortfolio .px-ch__yv { opacity: 0; transition: opacity .12s ease; }
#viewPortfolio .px-ch:is(.is-hover, :focus-visible) .px-ch__yv { opacity: 1; }
#viewPortfolio .px-ch__yv rect { fill: #e0a82e; }
#viewPortfolio .px-ch__yv text { fill: #1a1304; font:600 13px var(--px-font, var(--sans)); font-variant-numeric: tabular-nums; }