/* Components confined to the pulmonary embolism guide. */
#pe .pe-ct-figure,#pe .pe-mechanism{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);gap:12px;align-items:center;margin:8px 0;padding:8px;border:1px solid var(--rule);background:var(--paper-warm)}
#pe .pe-ct-figure{grid-template-columns:minmax(130px,.55fr) minmax(0,1.45fr)}
#pe .pe-ct-figure img{display:block;width:100%;max-width:220px;height:auto;margin:auto}
#pe .pe-ct-figure figcaption,#pe .pe-mechanism figcaption{font-size:9pt;line-height:1.3}
#pe .pe-credit{font-size:.85em;color:var(--ink-3)}
#pe .pe-mechanism svg{display:block;width:100%;height:auto;overflow:visible}
#pe .pe-mechanism p{margin:4px 0}
#pe .pe-rv-node rect{fill:var(--paper);stroke:var(--rule);stroke-width:2}
#pe .pe-rv-node.pe-active rect{fill:var(--tint);stroke:var(--guide-red-deep);stroke-width:3}
#pe .pe-rv-node text{fill:var(--ink);font:700 18px Arial,sans-serif;text-anchor:middle}
#pe .pe-rv-node .pe-rv-detail{font-size:18px;font-weight:400}
#pe .pe-rv-links path{fill:none;stroke:var(--guide-red-deep);stroke-width:3;marker-end:url(#pe-rv-arrow)}
#pe #pe-rv-arrow path{fill:var(--guide-red-deep)}
#pe .pe-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
#pe .pe-controls[hidden]{display:none}
#pe .pe-controls button{font:inherit;padding:6px 10px;border:1px solid var(--guide-red-deep);border-radius:4px;background:var(--paper);color:var(--guide-red-deep);cursor:pointer}
#pe .pe-controls button:focus-visible{outline:3px solid var(--guide-red-deep);outline-offset:3px}
#pe .pe-controls button:disabled{opacity:.7;cursor:default}
#pe [data-pe-status]{font-size:.85em;color:var(--ink-3)}
#pe .pe-trial-update{border-left:3px solid var(--guide-red-deep);background:var(--paper-warm);padding:5px 8px;margin:6px 0;font-size:7pt;line-height:1.25}
#pe .pe-trial-update p{margin:3px 0}
@media screen and (max-width:700px){
 #pe .hold{flex-direction:column;align-items:flex-start;gap:5px}
 #pe .pe-ct-figure,#pe .pe-mechanism{grid-template-columns:1fr}
 #pe .pe-ct-figure img{max-width:100%}
 #pe .pe-ct-figure figcaption,#pe .pe-mechanism figcaption,#pe .pe-trial-update{font-size:14px}
 #pe .pe-mechanism svg{max-width:360px;margin:auto}
 #pe .pe-controls button{min-height:44px}
}
@media (prefers-reduced-motion:reduce){#pe .pe-rv-node rect{fill:var(--paper);stroke:var(--rule);stroke-width:2}}
@media print{
 #pe .pe-ct-figure,#pe .pe-mechanism{gap:8px;padding:5px;margin:5px 0;break-inside:avoid}
 #pe .pe-ct-figure{grid-template-columns:1.4in minmax(0,1fr)}
 #pe .pe-ct-figure img{max-height:1.05in;width:auto;max-width:100%}
 #pe .pe-mechanism{grid-template-columns:2.55in minmax(0,1fr)}
 #pe .pe-ct-figure figcaption,#pe .pe-mechanism figcaption{font-size:7pt;line-height:1.2}
 #pe .pe-controls{display:none!important}
 #pe .pe-rv-node rect,#pe .pe-rv-node.pe-active rect{fill:var(--paper);stroke:var(--ink);stroke-width:2}
}
