/* CESM responsive breakpoints — ported from upstream jarvis.html (Phase 1 split). */

@media(max-width:1400px){
  .grid{grid-template-columns:240px 1fr 320px}
  .metrics-row{grid-template-columns:repeat(3,1fr)}
  .src-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1100px){
  #main{padding:8px}
  .topbar{padding:10px 12px}
  .top-left,.top-center,.top-right{width:100%}
  .top-center{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .map-region-bar{display:none}
  .top-right{gap:6px;flex-wrap:wrap;justify-content:center}
  .region-btn,.meta-pill,.alert-badge,.guide-btn,.lang-btn{font-size:10px}
  .grid{display:flex;flex-direction:column}
  #centerCol{order:1}
  #rightRail{order:2}
  #leftRail{order:3}
  .map-container{min-height:420px}
  .map-hint{font-size:8px;right:8px}
  .map-legend{left:8px;right:8px;bottom:8px;gap:4px}
  .leg-item{font-size:8px}
  .lower .lp-ticker,.lower .lp-osint,.lower .lp-macro,.lower .lp-ideas{flex:1 1 100%;max-width:none}
  .metrics-row{grid-template-columns:repeat(2,1fr)}
  .src-grid{grid-template-columns:repeat(2,1fr)}
  .glossary-panel{top:auto;right:0;left:0;bottom:0;width:100%;max-height:min(72vh,720px);border-left:none;border-right:none;border-bottom:none}
}