/* WO-MAPMOG-PORT-008: NYC Live (live pattern) full view. --v-* tokens and full-view.css parts only.
   Live lane batch2 (founder: "UI quality degrades when maximized"): sections are a grid of
   rounded cards built from the SAME parts as the compact #live-panel (.pc-live-big,
   .pc-live-row2, .pc-live-chips, .pc-live-nr -- style.css ~1552-1616, read only), grown. */
.pl-body { flex-direction: column; gap: 16px; padding: 18px 22px; overflow: auto; }
.pl-growth, .pl-news, .pl-hot, .pl-today {
  border: 1px solid var(--v-line); border-radius: 16px; padding: 14px 18px; background: var(--v-surf2);
}
.pl-cap { margin: 0 0 10px; }
/* .pc-live-big already sets the font; grown here so the stat reads bigger expanded than small. */
.pl-big.pc-live-big { font: 800 44px/1.2 var(--v-font); letter-spacing: -.8px; margin-bottom: 2px; }
.pl-big .pl-none, .pc-live-big .pl-none { font: 600 18px/1.4 var(--v-font); color: var(--v-mut); letter-spacing: 0; }
.pl-unit { font: 500 16px var(--v-font); color: var(--v-mut); letter-spacing: 0; }
.pl-row2.pc-live-row2 { margin: 10px 0 2px; font: 600 15px/1.4 var(--v-font); color: var(--v-ink); }
.pl-chips.pc-live-chips { margin: 10px 0 2px; flex-wrap: wrap; }
.pl-ranges { display: flex; align-items: center; gap: 8px; margin: 14px 0 10px; flex-wrap: wrap; }
.pl-range {
  padding: 8px 18px; border-radius: 999px; border: 1px solid var(--v-line); background: var(--v-surf);
  color: var(--v-mut); font: 700 13px/1.2 var(--v-font); letter-spacing: .02em; opacity: .7; cursor: not-allowed;
}
.pl-empty { margin: 8px 0; color: var(--v-mut); font: 600 14px/1.5 var(--v-font); }
.pl-stats { margin-top: 10px; }
.pl-stat.pc-live-row2 { font: 600 14px/1.4 var(--v-font); color: var(--v-mut); }
.pl-stat b { color: var(--v-ink); font: 700 14px/1.4 var(--v-font); }
.pl-stat-l { color: var(--v-mut); }
.pl-nr.pc-live-nr { color: var(--v-ink); }
@media (min-width: 901px) {
  .pl-body { display: grid; grid-template-columns: 1fr 1fr; align-items: start; align-content: start; gap: 16px; }
  .pl-growth { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .pl-body { padding: 14px 16px; width: 100%; box-sizing: border-box; }
  .pl-big.pc-live-big { font-size: 32px; }
  .pl-ranges { flex-wrap: wrap; }
  .pl-empty, .pl-nr.pc-live-nr { overflow-wrap: anywhere; }
}