.mri-standalone { margin: 0; background: #f5f7fa; color: #233044; font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mri-standalone main { max-width: 1140px; margin: auto; padding: 28px 24px 64px; }
.mri-back { display: inline-block; margin-bottom: 24px; color: #1d428a; }
[data-mri-comparison] { container-type: inline-size; }
.mri-compare { color: #233044; line-height: 1.65; overflow-wrap: anywhere; }
.mri-compare * { box-sizing: border-box; }
.mri-compare p { margin: 0 0 14px; }
.mri-compare h2 { font-size: clamp(1.65rem, 4cqi, 2.5rem); line-height: 1.2; margin: 5px 0 16px; color: #203453; }
.mri-compare h3 { font-size: 1.35rem; line-height: 1.35; margin: 0 0 12px; }
.mri-compare h4 { font-size: 1.1rem; margin: 0 0 16px; }
.mri-compare a { color: #1d428a; text-decoration: underline; text-underline-offset: 3px; }
.mri-eyebrow { font-size: .75rem; letter-spacing: .12em; font-weight: 700; color: #637287; }
.mri-takeaway { border-left: 4px solid #1d428a; background: #eaf0f9; padding: 18px 22px; margin: 24px 0; border-radius: 0 12px 12px 0; }
.mri-takeaway strong { display: block; margin-bottom: 8px; font-size: 1.1rem; }
.mri-takeaway p { margin: 0; }
.mri-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.mri-compare button { min-height: 42px; border: 1px solid #b6c4d7; background: #fff; border-radius: 8px; color: #233044; font: inherit; padding: 8px 13px; cursor: pointer; }
.mri-compare button:hover { background: #edf2f9; }
.mri-compare button[aria-pressed="true"] { color: #fff; background: #1d428a; border-color: #1d428a; }
.mri-compare :focus-visible { outline: 3px solid #c8102e; outline-offset: 3px; }
.mri-compare .mri-pair-note { font-size: .9rem; color: #526278; margin: 12px 0 18px; }
.mri-panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.mri-panel { border: 1px solid #d7dfea; border-top: 4px solid #1d428a; border-radius: 12px; background: #fff; padding: 16px; min-width: 0; }
.mri-panel[data-study="recent"] { border-top-color: #c8102e; }
.mri-panel h3 { font-size: 1.12rem; margin: 0 0 4px; }
.mri-panel .mri-study-info { font-size: .82rem; color: #617087; margin: 0 0 14px; }
.mri-panel label { display: block; font-size: .85rem; font-weight: 650; margin-bottom: 6px; }
.mri-panel select { display: block; width: 100%; max-width: 100%; font: inherit; font-size: .9rem; background: #fff; border: 1px solid #adbbcd; border-radius: 7px; padding: 10px 7px; color: #233044; margin-bottom: 12px; }
.mri-panel video { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; background: #000; border-radius: 7px; touch-action: pan-y; }
.mri-panel .mri-slice-label { font-variant-numeric: tabular-nums; margin: 12px 0 0; }
.mri-panel input[type="range"] { width: 100%; height: 38px; margin: 0; accent-color: #1d428a; touch-action: pan-y; }
.mri-panel[data-study="recent"] input[type="range"] { accent-color: #c8102e; }
.mri-frame-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin: 3px 0 12px; }
.mri-frame-buttons button { padding: 6px 11px; font-size: .88rem; }
.mri-panel .mri-technical { font-size: .78rem; color: #617087; margin: 0 0 8px; }
.mri-panel .mri-download { font-size: .85rem; }
.mri-panel .mri-media-links { font-size: .85rem; margin: 0; }
.mri-panel .mri-load-state { font-size: .85rem; color: #617087; margin-top: 8px; }
.mri-compare button:disabled { opacity: .55; cursor: wait; }
.mri-panel .mri-error { color: #a4102c; font-size: .85rem; margin-top: 8px; }
.mri-compare .mri-help { font-size: .88rem; color: #526278; margin: 18px 0 24px; }
.mri-details { padding: 18px 0; border-top: 1px solid #d7dfea; border-bottom: 1px solid #d7dfea; margin: 22px 0; }
.mri-details summary { font-weight: 650; cursor: pointer; }
.mri-details ul { margin: 16px 0 10px; padding-left: 22px; }
.mri-details li { margin: 0 0 12px; }
.mri-evidence { margin: 36px 0; }
.mri-findings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.mri-findings article { background: #fff; padding: 20px; border: 1px solid #d7dfea; border-radius: 12px; }
.mri-tag { display: inline-block; font-size: .76rem; font-weight: 750; padding: 1px 7px; border-radius: 4px; margin-right: 5px; }
.mri-tag.prior { background: #eaf0f9; color: #1d428a; }
.mri-tag.recent { background: #fce9ed; color: #a80d27; }
.mri-meaning { padding-top: 12px; border-top: 1px solid #e1e6ee; font-size: .92rem; }
.mri-compare .mri-meaning:last-child { margin-bottom: 0; }
.mri-next { background: #eef2f7; border-radius: 12px; padding: 24px; margin: 28px 0; }
@container (max-width: 579px) {
  .mri-panels, .mri-findings { grid-template-columns: 1fr; }
  .mri-panel { padding: 12px; }
  .mri-takeaway, .mri-next { padding: 16px; }
  .mri-presets button { flex: 1 1 44%; font-size: .82rem; }
}
@media (max-width: 600px) { .mri-standalone main { padding: 18px 14px 42px; } }