/* Structural layout — hero, panel grid, section spacing. Stub, port from reference prototype. */

.hero{
  display:flex; gap:28px; align-items:center; justify-content:space-between;
  border-bottom:1px solid var(--border); padding-bottom:28px; margin-bottom:28px;
  flex-wrap:wrap;
}

.panel{
  background:var(--surface); border:1px solid var(--border); border-radius:14px;
  padding:22px 24px; margin-bottom:26px;
}
.panel h2{font-family:var(--font-heading); font-weight:500; font-size:20px; margin:0 0 16px;}

.profile-grid, .rev-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(140px, 1fr)); gap:20px;
}
.rev-split{margin-top:16px;}

.pnl-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:20px 24px;
}
.pnl-section{
  grid-column:1 / -1;
  font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--muted); margin:24px 0 4px; border-bottom:1px solid var(--border); padding-bottom:6px;
}
.pnl-section:first-child{margin-top:0;}
.pnl-section-note{text-transform:none; letter-spacing:0; color:var(--muted-2); font-weight:400;}