/* Compact scientific visuals: preserves the existing style while reducing the amount of screen space occupied by charts. */
.home-page .mock-hero{min-height:590px;padding:118px 0 56px}
.home-page .mock-grid{grid-template-columns:1fr .82fr;gap:34px}
.home-page .mock-copy{padding-top:12px}
.home-page .mock-copy h1{font-size:clamp(50px,4.7vw,70px)}
.home-page .mock-analytics{width:100%;max-width:610px;justify-self:end;grid-template-rows:158px 166px;gap:10px}
.home-page .glass{padding:12px;border-radius:12px}
.home-page .panel-title{font-size:12px;margin-bottom:4px}
.home-page .network-graphic{height:108px}
.home-page .survival-panel svg{height:108px}
.home-page .forest-lines{height:114px;padding-top:4px}
.home-page .forest-lines i{margin:16px 14px}
.home-page .heatmap{height:104px}
.home-page .scatter{height:104px}

.analysis-mosaic{width:100%;max-width:610px;justify-self:end;align-self:center;grid-template-columns:1.05fr .95fr;gap:10px}
.analysis-box{padding:13px;min-height:145px}
.analysis-box svg{height:108px}
.analysis-box.wide{min-height:292px}
.analysis-box.wide svg{height:188px}
.analysis-box.wide p{font-size:13px;line-height:1.55;margin:6px 0 0}

@media(max-width:1100px){
  .home-page .mock-grid{grid-template-columns:1fr}
  .home-page .mock-analytics{justify-self:start;max-width:680px}
}
@media(max-width:900px){
  .home-page .mock-hero{min-height:0;padding:46px 0 40px}
  .home-page .mock-copy h1{font-size:clamp(40px,11vw,52px)}
  .home-page .mock-analytics{grid-template-columns:1fr;grid-template-rows:auto;max-width:540px;margin-top:26px}
  .home-page .network-graphic,.home-page .survival-panel svg{height:96px}
  .home-page .forest-lines{height:100px}
  .home-page .heatmap,.home-page .scatter{height:92px}
  .analysis-mosaic{grid-template-columns:1fr;max-width:520px;justify-self:start;margin-top:24px}
  .analysis-box,.analysis-box.wide{min-height:0}
  .analysis-box svg{height:104px}
  .analysis-box.wide svg{height:155px}
}