/* Cardiac-only interactions; colours for flow retain their clinical meaning. */
.ef-flow-controls {display:grid;grid-template-columns:1fr;gap:12px}
.ef-flow-controls label {display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,1fr) 66px;white-space:normal;gap:12px;line-height:1.5;font:15px/1.5 var(--sans,'NTF Sans',sans-serif)}
.ef-flow-controls input[type=range] {width:100%;min-width:0;min-height:44px}
.ef-flow-controls output {font:14px/1.5 var(--mono);text-align:right}
#efFlowCanvas {margin-top:16px;max-width:600px;background:#f7f5ef;border-block:1px solid #d7d2c8}
#ef-forward-flow details.card {margin-top:16px}
#ef-forward-flow details.card summary {cursor:pointer;min-height:44px;padding-block:10px;color:var(--accent)}
#efFlowStatus {min-height:76px}
@media(max-width:520px){.ef-flow-controls label{grid-template-columns:minmax(0,1fr) 66px}.ef-flow-controls input{grid-column:1;grid-row:2}.ef-flow-controls output{grid-column:2;grid-row:2}.ef-flow-controls{gap:6px}}
.real-cine {margin:24px 0 0;padding-top:18px;border-top:1px solid #d7d2c8}
.real-cine video {display:block;width:100%;max-height:480px;object-fit:contain;background:#000}
.real-cine figcaption {font:15px/1.6 var(--sans,'NTF Sans',sans-serif);color:#504e47}
.real-cine figcaption p {font-size:15px!important;line-height:1.6;max-width:68ch}
.real-cine summary {min-height:44px;cursor:pointer;display:list-item;padding-block:10px;color:#633d3c}
.real-cine a {overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}

#rvMeasureLab svg{display:block;width:100%;height:auto;margin-block:20px}#rvMeasureLab svg text{fill:var(--ink);font-family:var(--sans,Arial,sans-serif)}#rv-measurements .ef-flow-controls{margin-block:18px}#rv-anatomy .panel svg{width:100%;height:auto}

/* RV part: real clips, comparison, algorithm and clip questions (18 Oct 2026). */
.rv-clip{margin:0;min-width:0}
.rv-clip video,.rv-clip img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#000}
.rv-clip figcaption{font:15px/1.55 var(--sans,'NTF Sans',sans-serif);color:#504e47;margin-top:8px}
.rv-clip figcaption b{color:#272722;font-weight:600}
.rv-credit{display:block;font-size:12px;color:#5f5c55;margin-top:4px}
.rv-clip-tag{display:inline-block;font:12px/1.4 var(--mono,'NTF Mono',monospace);letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;margin-right:4px;border:1px solid currentColor}
.rv-clip-tag-norm{color:#2f6b4f}.rv-clip-tag-abn{color:#633d3c}
.rv-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0}
.rv-pair[hidden]{display:none}
.rv-pair-stack{grid-template-columns:minmax(0,1fr)}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px;margin:16px 0}
.rv-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rv-still img{background:#0d0d0d}
.rv-compare .seg{margin-bottom:4px}
.rv-algo{border:1px solid #c7bdb0;background:#fffdf8;padding:20px}
.rv-algo-root{font:400 24px/1.2 var(--serif,'NTF Serif',Georgia,serif);text-align:center;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #272722}
.rv-algo-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rv-algo-branch{border-top:3px solid #633d3c;padding-top:10px;min-width:0}
.rv-algo-head{font:600 16px/1.3 var(--sans,'NTF Sans',sans-serif);margin:0 0 8px}
.rv-algo-head span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;background:#633d3c;color:#fff;font:12px var(--mono,'NTF Mono',monospace)}
.rv-algo ol{margin:0;padding-left:18px;font-size:15px;line-height:1.5}
.rv-algo li{margin-bottom:6px}
.rv-algo-foot{margin:14px 0 0;font-size:15px;border-top:1px solid #d7d2c8;padding-top:10px}
.rvq{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start;border-top:1px solid #272722;padding:22px 0;margin:0}
.rvq-wide{grid-template-columns:minmax(0,1fr)}
.rvq h3{margin:4px 0 12px}
.rvq-opts button{min-height:48px;font-size:15px;border-radius:0}
.rvq-opts button:disabled{opacity:.55;cursor:default}
.rvq-why{margin-top:14px;border-left:2px solid #633d3c;padding:4px 0 4px 16px;font-size:15px}
.rvq-why ul{margin:6px 0 0;padding-left:18px}
.rvq-verdict{font-weight:600;margin:0 0 4px}
.rvq-reset{margin-top:12px}
.rvq-same{border:1px dashed #c7bdb0;padding:16px;margin:0}
.rvq-stem{margin:22px 0 0}
.rvq .rv-pair{margin:0}
@media(max-width:900px){.rvq{grid-template-columns:minmax(0,1fr);gap:14px}.rv-algo-branches{grid-template-columns:minmax(0,1fr)}.rv-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rv-pair,.rv-grid-3{grid-template-columns:minmax(0,1fr)}.rv-grid{grid-template-columns:minmax(0,1fr)}.rv-clip video,.rv-clip img{max-height:300px}}
#rv-anatomy svg text{fill:#272722;font-family:var(--sans,"NTF Sans",Arial,sans-serif)}
/* LV part: four-up clip grid, two columns on tablets, one on phones */
.lv-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.lv-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.lv-grid-4{grid-template-columns:minmax(0,1fr)}}
#lv-linear .card,#lv-function .card{margin-bottom:14px}