@media (max-width: 1200px) {
  .portfolio-layout { grid-template-columns: 220px 1fr 320px; }
  .dna-layout { grid-template-columns: 1fr; }
  .pulse-layout { grid-template-columns: 1fr; }
  .gauges-row { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  :root { --sidebar-w: 60px; }
  .side-label { display: none; }
  .portfolio-layout { grid-template-columns: 1fr; height: auto; }
  .session-sidebar { max-height: 200px; }
  .portfolio-output { max-height: 400px; }
  .header-center { display: none; }
  .panel-title { font-size: 20px; }
}
@media (max-width: 560px) {
  .main-content { padding: var(--sp-4); }
  .logo-sub { display: none; }
}