/* MVA Track 2 post: page-specific blocks on top of the shared editorial layout
   in nicu-article.css. Prose stays verbatim; these add structure around it. */

/* Hero: the screen drawn as a night plate, one square per compound comparison. */
.mva-screen { margin:0; }
.mva-plate { padding:28px 28px 22px; background:var(--plate); }
.mva-plate svg { display:block; width:100%; height:auto; }
.screen-well { fill:var(--lum-1); }
.screen-hit { fill:var(--lum-4); }
.screen-lead { fill:var(--lum-5); }
.screen-lead-ring { fill:none; stroke:var(--n-trace); stroke-width:1.5; }
.mva-plate-key { display:flex; flex-wrap:wrap; gap:8px 20px; margin:20px 0 0; padding:0; list-style:none; font-family:var(--mono); font-size:11px; line-height:1.5; color:var(--n-ink-muted); }
.mva-plate-key li { display:flex; align-items:center; gap:8px; }
.mva-plate-key i { display:inline-block; width:8px; height:8px; }
.key-lead { background:var(--lum-5); box-shadow:0 0 0 2px var(--plate), 0 0 0 3.5px var(--n-trace); }
.key-hit { background:var(--lum-4); }
.key-other { background:var(--lum-1); }

/* Figures break out of the reading column like the evidence panels. */
.nicu-body .mva-wide { margin:44px -70px; }

/* Genes per profile: measured (solid) against inferred (hatched). */
.mva-genes-row { display:grid; grid-template-columns:150px 1fr 170px; gap:16px; align-items:center; padding:12px 0; }
.mva-genes-row:first-child { border-top:1px solid var(--line); padding-top:22px; }
.mva-genes-name { font-size:16px; font-weight:600; }
.mva-genes-bar { display:flex; height:22px; }
.mva-measured { background:var(--trace); }
.mva-inferred { background:repeating-linear-gradient(135deg,transparent 0 4px,#c8d8e8 4px 6px); border:1px solid var(--line); }
.mva-genes-value { font-family:var(--mono); font-size:12px; line-height:1.5; color:var(--ink-muted); }
.mva-compare-table { width:100%; border-collapse:collapse; margin:8px 0 4px; font-size:15px; line-height:1.5; }
.mva-compare-table th, .mva-compare-table td { padding:12px 16px 12px 0; border-top:1px solid var(--line); text-align:left; vertical-align:top; }
.mva-compare-table thead th, .mva-compare-table thead td { border-top:0; }
.mva-compare-table thead th { font-family:var(--mono); font-size:11px; font-weight:400; letter-spacing:.09em; text-transform:uppercase; color:var(--trace); }
.mva-compare-table tbody th { width:150px; font-weight:600; }
.mva-compare-table td { color:var(--ink-muted); }

@media(max-width:950px) { .nicu-body .mva-wide { margin-inline:0; } }
@media(max-width:640px) {
 .mva-plate { padding:20px 20px 16px; }
 .mva-genes-row { grid-template-columns:1fr; gap:8px; }
 .mva-compare-table { font-size:14px; }
 .mva-compare-table tbody th { width:auto; }
}