.mv-panel { background:var(--panel); border:1px solid var(--line); border-radius:var(--radius); padding:clamp(1rem,2.5vw,1.8rem); margin:1.2rem 0; }
.mv-panel h2,.mv-panel h3 { line-height:1.16; max-width:850px; }
.mv-panel p { max-width:950px; }
.mv-chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.mv-bars { margin:0; border:1px solid var(--line); border-radius:7px; padding:1rem; min-width:0; }
.mv-bars figcaption { display:flex; flex-direction:column; margin-bottom:1rem; }
.mv-bars figcaption span,.mv-small { font-size:.85rem; color:var(--muted); }
.mv-bar-row { display:grid; grid-template-columns:9.5rem 1fr 4.5rem; gap:.5rem; align-items:center; margin:.85rem 0; font-size:.84rem; }
.mv-bar-track { background:#e6eeee; min-width:0; height:1.1rem; }
.mv-bar-track i { display:block; height:100%; background:#346b7a; }
.mv-bar-track .mv-walking { background:repeating-linear-gradient(135deg,#865522,#865522 5px,#b48952 5px,#b48952 7px); }
.mv-bar-track .mv-pt_skating { background:#183f58; }
.mv-bar-row b { text-align:right; font-variant-numeric:tabular-nums; }
.mv-panel svg { width:100%; height:auto; background:#f8fbfa; border:1px solid var(--line); border-radius:7px; }
.mv-svg-text { font:14px sans-serif; fill:#213f49; }
.mv-svg-small { font:12px sans-serif; fill:#213f49; }
.mv-scroll { max-width:100%; overflow-x:auto; margin:1rem 0; }
.mv-scroll table { width:100%; border-collapse:collapse; font-size:.85rem; font-variant-numeric:tabular-nums; }
.mv-scroll caption { text-align:left; font-weight:700; padding:.5rem 0; }
.mv-scroll th,.mv-scroll td { padding:.6rem; border-bottom:1px solid var(--line); text-align:left; min-width:6rem; }
.mv-scroll thead { background:#edf3f3; }
.mv-panel summary { cursor:pointer; font-weight:700; padding:.8rem 0; }
.mv-panel summary:focus-visible,.mv-panel select:focus-visible,.mv-scroll:focus-visible { outline:3px solid var(--teal); outline-offset:3px; }
.mv-band-key { display:flex; flex-wrap:wrap; gap:.5rem; margin:1rem 0; }
.mv-band-key span { padding:.4rem .65rem; border:1px solid #7697a1; border-radius:4px; font-size:.84rem; }
.mv-band-key-0 { background:#e5eeef; }
.mv-band-key-1 { background:#a3c4cc; }
.mv-band-key-2 { background:#477e90; color:#fff; }
.mv-band-key-3 { background:#173e57; color:#fff; }
.mv-selector { display:block; margin:1rem 0; font-weight:700; }
.mv-selector select { padding:.6rem; font:inherit; max-width:100%; }
.mv-overlap { border-left:4px solid var(--teal); padding-left:1rem; }
.tb-synopsis-row { margin:1rem 0; display:grid; gap:.35rem; }
.tb-synopsis-row>span { height:1.15rem; background:var(--blue); display:block; }
.mv-ai-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:.8rem; margin:1rem 0; }
.mv-ai-grid article,.mv-ai-grid>p { margin:0; padding:1rem; border:1px solid var(--line); border-left:4px solid var(--teal); background:#f8fbfa; }
.mv-ai-grid strong { display:block; color:var(--blue); font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.15; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.mv-ai-grid span { display:block; margin-top:.45rem; }
.mv-ai-grid p { margin:.45rem 0 0; }
#ai-state-evidence,#ai-evidence,#walking-ai-evidence { scroll-margin-top:5rem; }
@media(max-width:620px) { #ai-state-evidence,#ai-evidence,#walking-ai-evidence { scroll-margin-top:18rem; } }
@media(max-width:800px) { .mv-chart-grid { grid-template-columns:1fr; } }
@media(max-width:520px) { .mv-bar-row { grid-template-columns:7.5rem 1fr 4.1rem; font-size:.76rem; gap:.3rem; } .mv-bars { padding:.75rem; } .mv-scroll th,.mv-scroll td { padding:.4rem; } }

.mv-heatmap-grid { border:1px solid var(--line); border-radius:7px; padding:1rem; background:#f8fbfa; }
.mv-band-row { display:grid; grid-template-columns:9rem 1fr; gap:.6rem; align-items:center; margin:.8rem 0; }
.mv-band-row strong { font-size:.85rem; font-weight:600; }
.mv-band-strip { display:flex; height:30px; min-width:0; }
.mv-band-strip i { display:block; height:100%; border-right:1px solid #fff; box-sizing:border-box; }
.mv-band-fill-0 { background:#e5eeef; }
.mv-band-fill-1,.mv-band-key-1 { background:radial-gradient(#294f5b 1px,transparent 1px) 0 0/8px 8px,#a3c4cc; }
.mv-band-fill-2,.mv-band-key-2 { background:repeating-linear-gradient(135deg,#477e90,#477e90 5px,#b5d4dc 5px,#b5d4dc 6px); }
.mv-band-fill-3,.mv-band-key-3 { background:repeating-linear-gradient(0deg,#173e57,#173e57 6px,#9cb9c7 6px,#9cb9c7 7px); }
.mv-band-fill-missing { background:repeating-linear-gradient(45deg,#fff,#fff 4px,#777 4px,#777 5px); }
.mv-band-axis { display:flex; justify-content:space-between; margin-left:9.6rem; font-size:.8rem; }
@media(max-width:620px) { .mv-band-row { grid-template-columns:1fr; gap:.4rem; } .mv-band-axis { margin-left:0; } }

/* Compression uses the existing colors and components. */
.mv-return-panels { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mv-return-panels .mv-bar-row { grid-template-columns:minmax(0,1fr) 4rem; }
.mv-return-panels .mv-bar-row>span { grid-column:1/-1; }
.evidence-tracks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.evidence-tracks article { border-left:4px solid var(--teal); background:var(--panel); padding:1rem; min-width:0; }
.evidence-tracks p { margin:.4rem 0; }
.science-details > summary {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
  padding: clamp(2.5rem, 5vw, 4rem) var(--space-3);
  background: var(--color-highlight-soft);
  border-block: 1px solid var(--color-border);
  color: var(--color-text);
  text-align: center;
  list-style: none;
}
.science-details > summary::-webkit-details-marker { display: none; }
.science-details > summary::marker { content: ""; }
.science-details > summary > * { max-width: min(100%, 54rem); }
.science-details > summary .eyebrow { margin: 0; font-size: var(--text-xs); }
.science-details-title { font-size: var(--text-h2); font-weight: 850; line-height: 1.14; text-wrap: balance; }
.science-details-intro { font-size: var(--text-lead); font-weight: 450; line-height: 1.5; }
.science-details-action {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 44px;
  margin-top: var(--space-2);
  padding: .55rem 1.15rem;
  border: 1px solid var(--color-primary);
  border-radius: 999px;
  background: var(--color-primary);
  color: var(--color-primary-text);
  font-size: 1rem;
  font-weight: 800;
}
.science-details[open] .science-details-action span { transform: rotate(180deg); }
.science-details > summary:hover .science-details-action { background: var(--color-primary-hover); }
.science-details > summary:focus-visible { outline: 3px solid var(--teal); outline-offset: -5px; }
.result-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.result-grid .metric { border-left:4px solid var(--teal); padding:1rem; background:var(--panel); }
.result-grid .metric strong,.result-grid .metric span { display:block; }
.result-grid .metric strong { font-size:1.2rem; }
@media(max-width:800px) { .mv-return-panels,.evidence-tracks,.result-grid { grid-template-columns:1fr; } }

.mv-return-panels figcaption strong { min-height:3.3em; }
.mv-return-panels figcaption span { min-height:2.4em; }

@media(max-width:800px) { .mv-return-panels figcaption strong,.mv-return-panels figcaption span { min-height:0; } }

/* Compact first-screen summary; detailed measurements live on linked Evidence pages. */
.evidence-summary-inner>h2 { margin:.2rem 0 .8rem; }
.evidence-summary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.evidence-summary-card { display:flex; flex-direction:column; align-items:flex-start; border:1px solid var(--color-border); border-left:4px solid var(--teal); border-radius:var(--radius-md); background:var(--color-surface); padding:var(--space-4); min-width:0; box-shadow:var(--shadow-card); }
.evidence-summary-card .eyebrow { margin:0 0 .35rem; font-size:var(--text-xs); }
.evidence-summary-card h3 { font-size:1.08rem; margin:.1rem 0 .4rem; line-height:1.2; }
.evidence-summary-card p:not(.eyebrow) { font-size:.9rem; margin:.25rem 0 .45rem; line-height:1.38; }
.evidence-summary-card>a { margin-top:auto; font-size:1rem; }
@media(max-width:700px) { .evidence-summary-grid { grid-template-columns:1fr; } }