/* v1.0.1 — Radar-first mobile hierarchy
   Purpose: make the radar the first analytical object, keep Weekly Brief secondary,
   align card widths, and reduce above-the-fold chrome on mobile without changing data logic. */

/* Weekly Brief now lives in the same content stack as the radar. */
.brief{
  border-left:1px solid var(--line);
}

/* Radar retains the strongest visual priority in the analytical column. */
.radar-card{
  border-color:#cfdfe1;
  box-shadow:0 18px 46px rgba(22,42,59,.09);
}

@media(max-width:650px){
  /* Compact masthead so the analytical object starts immediately. */
  .shell{padding-top:10px}
  .header{margin-bottom:8px;align-items:flex-start}
  .header .eyebrow{font-size:9px}
  .title{font-size:30px;line-height:1;letter-spacing:-.045em;margin:3px 0 0}
  .sub{display:none}

  .topbar{
    top:5px;
    padding:8px 9px;
    border-radius:14px;
  }
  .chip{padding:5px 8px;font-size:9px}
  .filter-open{padding:8px 10px}

  .grid{margin-top:10px;gap:10px}
  .stack{gap:10px}

  /* Radar first: denser header, larger usable plot, less dead space. */
  .radar-card{
    padding:12px 12px 13px;
    border-radius:18px;
  }
  .radar-card .card-title{font-size:18px}
  .radar-card .small{font-size:10px;margin-top:2px}
  .radar-wrap{
    min-height:0;
    margin:-3px 0 -5px;
  }
  .radar-wrap svg{
    width:100%;
    max-height:315px;
  }
  .mobile-axis-tabs{
    gap:5px;
    padding-top:2px;
  }
  .mobile-axis-tabs button{
    padding:7px 9px;
    font-size:9px;
  }
  .axis-readout,
  .moving{
    margin-top:8px;
    padding:9px 10px;
    font-size:10px;
  }

  /* Weekly Brief is now an interpretation layer after the radar, not the hero. */
  .brief{
    padding:13px;
    border-radius:18px;
    box-shadow:0 10px 28px rgba(22,42,59,.055);
  }
  .brief .card-title{font-size:18px}
  .brief .card-head .small{display:none}
  .brief-grid{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:10px;
  }
  .brief-item{
    min-height:0;
    padding:9px;
    border-radius:11px;
  }
  .brief-item span{font-size:8px}
  .brief-item strong{font-size:12px;margin-top:4px}
  .brief-item p{font-size:9px;line-height:1.35;margin-top:4px}
  .narrative-list{gap:7px;margin-top:9px}
  .narrative{padding:10px;border-radius:12px}
  .narrative h4{font-size:12px}
  .narrative-score{font-size:14px}
  .narrative-meta{margin-top:6px}
  .narrative p{font-size:9px;margin-top:6px}

  /* Keep remaining analysis visually downstream. */
  .card-pad{padding:13px}
  .card-title{font-size:18px}
}

@media(max-width:390px){
  .title{font-size:28px}
  .radar-wrap svg{max-height:292px}
  .brief-grid{grid-template-columns:1fr 1fr}
}