/* Article-specific editorial system. Brand Lato/navy/blue; no global shell overrides.
   Variance 4 / motion 2 / density 4. Soft 16px surfaces, pill CTA only.
   Static connectors intentionally retain meaning without JS or animation. */
.ivr-editorial { --ivr-ink:#071144; --ivr-accent:#0568C4; --ivr-line:#B6DDFF; --ivr-paper:#FFFFFF; --ivr-tint:#EAF4FF; max-width:1280px; margin:auto; padding:48px 32px 88px; color:var(--ivr-ink); }
.ivr-editorial .ivr-hero { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:64px; align-items:center; margin-bottom:64px; }
.ivr-editorial .ivr-eyebrow { color:var(--ivr-accent); font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.ivr-editorial h1 { font-size:clamp(34px,3.25vw,48px); line-height:1.15; letter-spacing:-.035em; margin:20px 0 24px; font-weight:900; text-wrap:balance; }
.ivr-editorial .ivr-lead { font-size:20px; line-height:1.6; color:#4B5563; margin:0; max-width:55ch; }
.ivr-editorial .ivr-byline { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; color:#4B5563; font-size:14px; }
.ivr-editorial .ivr-portrait { margin:0; text-align:center; }
.ivr-editorial .ivr-portrait img { width:100%; height:340px; object-fit:contain; object-position:center; display:block; }
.ivr-editorial .ivr-portrait figcaption { margin-top:12px; color:#4B5563; font-size:14px; }
.ivr-editorial .ivr-layout { display:grid; grid-template-columns:minmax(0,1fr) 224px; gap:48px; align-items:start; }
.ivr-editorial .ivr-layout > .post-body { grid-column:1; grid-row:1; min-width:0; font-size:18px; line-height:1.75; }
.ivr-editorial .ivr-layout > .ivr-toc { grid-column:2; grid-row:1; }
.ivr-editorial .post-body p { text-align:left; margin:0 0 20px; hyphens:none; -webkit-hyphens:none; word-break:normal; overflow-wrap:normal; }
.ivr-editorial .post-body h2 { font-size:30px; line-height:1.25; letter-spacing:-.025em; margin:0 0 24px; text-wrap:balance; }
.ivr-editorial .ivr-section { margin-bottom:56px; scroll-margin-top:104px; }
.ivr-editorial .ivr-toc { position:sticky; top:100px; padding:0 0 0 20px; border-left:1px solid var(--ivr-line); max-height:calc(100dvh - 124px); overflow:auto; }
.ivr-editorial .ivr-toc h2 { font-size:15px; font-weight:700; margin:0 0 12px; }
.ivr-editorial .ivr-toc a { display:block; padding:8px 0; color:#4B5563; font-size:14px; line-height:1.5; text-decoration:none; }
.ivr-editorial .ivr-toc a:hover { color:var(--ivr-accent); text-decoration:underline; }
.ivr-editorial :focus-visible { outline:3px solid var(--ivr-accent); outline-offset:4px; }
.ivr-editorial .ivr-dialogue { padding:24px; border:1px solid var(--ivr-line); border-radius:16px; background:var(--ivr-paper); }
.ivr-editorial .ivr-dialogue li { font-size:17px; background:var(--ivr-tint); max-width:88%; }
.ivr-editorial .ivr-dialogue .ivr-patient { background:var(--ivr-ink); color:var(--ivr-paper); }
.ivr-editorial .ivr-banner { padding:28px; border-left:3px solid var(--ivr-accent); background:var(--ivr-tint); font-size:21px; font-weight:700; line-height:1.5; }
.ivr-editorial .mdm-note { padding:24px; background:var(--ivr-tint); border-radius:16px; }
.ivr-editorial .mdm-note p { margin:0; }
.ivr-editorial .mdm-pull { padding:8px 0 8px 24px; border-left:3px solid var(--ivr-accent); background:none; margin:28px 0; }
.ivr-editorial .mdm-pull p { color:var(--ivr-ink); font-size:22px; line-height:1.5; font-weight:700; font-style:normal; margin:0; }
.ivr-editorial .ivr-line-icon { width:28px; height:28px; display:block; flex-shrink:0; color:var(--ivr-accent); }
.ivr-editorial .ivr-journey-intro { padding:28px; border-radius:16px; background:var(--ivr-tint); margin-top:28px; }
.ivr-editorial .ivr-action { font-size:15px; color:var(--ivr-accent); font-weight:700; }
.ivr-editorial .ivr-need { display:flex; align-items:center; gap:16px; font-size:26px; font-weight:700; line-height:1.3; }
.ivr-editorial .ivr-need q { quotes:'«' '»'; }
.ivr-editorial .ivr-scenario { font-size:15px; line-height:1.6; color:#4B5563; }
.ivr-editorial .ivr-journey-intro p:last-child { margin:0; }
.ivr-editorial .ivr-steps { list-style:none; padding:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin:32px 0 24px; }
.ivr-editorial .ivr-steps li { position:relative; min-width:0; margin:0; padding:0; border:0; background:none; border-radius:0; font-size:15px; }
.ivr-editorial .ivr-steps li::before { content:none; }
.ivr-editorial .ivr-steps li:not(:last-child)::after { content:''; position:absolute; left:28px; right:-16px; top:59px; height:2px; background:var(--ivr-line); z-index:0; }
.ivr-editorial .ivr-step-number { display:block; font-size:12px; font-weight:700; color:#4B5563; letter-spacing:.05em; margin-bottom:12px; }
.ivr-editorial .ivr-step-node { display:flex; align-items:center; justify-content:center; position:relative; z-index:1; width:48px; height:48px; background:var(--ivr-tint); border:1px solid var(--ivr-line); border-radius:50%; margin-bottom:20px; }
.ivr-editorial .ivr-steps h3 { font-size:19px; line-height:1.3; margin:0 0 14px; font-weight:900; }
.ivr-editorial .ivr-steps p { font-size:15px; line-height:1.7; margin:0; padding:14px; background:var(--ivr-tint); border-radius:16px; }
.ivr-editorial .ivr-steps strong { display:inline; font-size:inherit; margin:0; font-weight:700; color:var(--ivr-ink); }
.ivr-editorial .ivr-steps li:hover .ivr-step-node, .ivr-editorial .ivr-steps li:focus-visible .ivr-step-node { background:var(--ivr-line); border-color:var(--ivr-accent); }
.ivr-editorial .ivr-steps li:hover h3, .ivr-editorial .ivr-steps li:focus-visible h3 { color:var(--ivr-accent); }
.ivr-editorial .ivr-outcome { display:flex; gap:16px; align-items:flex-start; padding:24px 0; border-top:1px solid var(--ivr-line); margin-bottom:16px; }
.ivr-editorial .ivr-outcome p { margin:0; }
.ivr-editorial .ivr-outcome strong { display:block; font-size:22px; }
.ivr-editorial .ivr-outcome span { display:block; font-size:16px; color:#4B5563; }
.ivr-editorial .ivr-expert { margin:16px 0 56px; padding:32px 0; display:grid; grid-template-columns:150px minmax(0,1fr); gap:32px; align-items:center; border-block:1px solid var(--ivr-line); }
.ivr-editorial .ivr-expert img { display:block; width:150px; height:202px; object-fit:contain; object-position:center; }
.ivr-editorial .ivr-expert blockquote { padding:0; margin:0 0 20px; border:0; background:none; }
.ivr-editorial .ivr-expert blockquote p { font-size:25px; line-height:1.4; font-weight:700; color:var(--ivr-ink); margin:0; font-style:normal; }
.ivr-editorial .ivr-expert figcaption { font-size:14px; line-height:1.6; }
.ivr-editorial .ivr-expert figcaption > * { display:block; }
.ivr-editorial .ivr-expert figcaption a { color:var(--ivr-accent); text-underline-offset:3px; }
.ivr-editorial .ivr-expert small { font-size:13px; color:#4B5563; margin-top:4px; }
.ivr-editorial .ivr-integration { margin:28px 0; background:var(--ivr-tint); padding:24px; border-radius:16px; }
.ivr-editorial .ivr-integration figcaption { font-size:15px; font-weight:700; margin-bottom:24px; }
.ivr-editorial .ivr-integration ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:0; }
.ivr-editorial .ivr-integration li { position:relative; display:flex; flex-direction:column; gap:8px; margin:0; font-size:15px; }
.ivr-editorial .ivr-integration li:not(:last-child)::after { content:'↔'; position:absolute; right:-18px; top:0; color:var(--ivr-accent); font-size:22px; }
.ivr-editorial .ivr-integration span { color:#4B5563; font-size:14px; }
.ivr-editorial .ivr-principles, .ivr-editorial .ivr-metrics { list-style:none; display:block; margin:28px 0; padding:0; }
.ivr-editorial .ivr-principles li, .ivr-editorial .ivr-metrics li { display:grid; grid-template-columns:44px minmax(0,1fr); gap:20px; position:relative; padding:0 0 28px; margin:0; border:0; background:none; border-radius:0; font-size:17px; }
.ivr-editorial .ivr-principles li:last-child, .ivr-editorial .ivr-metrics li:last-child { padding-bottom:0; }
.ivr-editorial .ivr-principles li:not(:last-child)::after, .ivr-editorial .ivr-metrics li:not(:last-child)::after { content:''; position:absolute; top:44px; bottom:0; left:21px; width:2px; background:var(--ivr-line); }
.ivr-editorial .ivr-milestone-node { display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:var(--ivr-tint); border:1px solid var(--ivr-line); border-radius:50%; }
.ivr-editorial .ivr-principles strong, .ivr-editorial .ivr-metrics strong { display:block; font-size:19px; line-height:1.4; margin-bottom:6px; }
.ivr-editorial #ivr-section-5 h2 > svg { display:inline-block; vertical-align:middle; margin-right:12px; }
.ivr-editorial .ivr-comparison, .ivr-editorial .ivr-questions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:28px 0; }
.ivr-editorial .ivr-comparison p, .ivr-editorial .ivr-questions > div { margin:0; padding:24px; background:var(--ivr-paper); border:1px solid var(--ivr-line); border-radius:16px; }
.ivr-editorial .ivr-comparison p:last-child, .ivr-editorial .ivr-questions > div:last-child { background:var(--ivr-tint); }
.ivr-editorial .ivr-questions p:last-child { margin:0; font-weight:700; font-size:21px; }
.ivr-editorial .ivr-closing { font-size:22px; font-weight:700; line-height:1.5; padding-top:16px; }
.ivr-editorial .ivr-cta { border:1px solid var(--ivr-line); border-radius:16px; background:var(--ivr-tint); padding:32px; margin:36px 0 0; }
.ivr-editorial .ivr-cta h2 { font-size:27px; margin-top:0; }
.ivr-editorial .ivr-cta p:last-child { margin:0; }
.ivr-editorial .ivr-cta a { display:inline-block; color:var(--ivr-paper); background:var(--ivr-ink); border-radius:999px; padding:12px 24px; font-size:16px; text-decoration:none; }
.ivr-editorial .ivr-cta a:hover { background:var(--ivr-accent); text-decoration:underline; }

@media(max-width:1199px) { .ivr-editorial .ivr-steps { grid-template-columns:1fr; gap:0; } .ivr-editorial .ivr-steps li { padding:0 0 28px 72px; } .ivr-editorial .ivr-step-node { position:absolute; top:0; left:0; } .ivr-editorial .ivr-step-number { margin-bottom:6px; } .ivr-editorial .ivr-steps li:not(:last-child)::after { left:23px; top:48px; bottom:0; width:2px; height:auto; right:auto; } .ivr-editorial .ivr-steps h3 { margin-bottom:10px; } }
@media(max-width:1023px) { .ivr-editorial .ivr-layout { grid-template-columns:1fr; gap:32px; } .ivr-editorial .ivr-layout > .ivr-toc { grid-column:1; grid-row:1; position:static; max-height:none; } .ivr-editorial .ivr-layout > .post-body { grid-column:1; grid-row:2; } .ivr-editorial .ivr-toc nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; } .ivr-editorial .ivr-hero { gap:32px; } }
@media(max-width:767px) { .ivr-editorial { padding:28px 20px 64px; } .ivr-editorial .ivr-hero { grid-template-columns:1fr; gap:24px; margin-bottom:40px; } .ivr-editorial h1 { font-size:34px; } .ivr-editorial .ivr-lead { font-size:18px; } .ivr-editorial .ivr-portrait img { height:280px; } .ivr-editorial .ivr-toc nav { grid-template-columns:1fr; } .ivr-editorial .post-body h2 { font-size:27px; } .ivr-editorial .ivr-journey-intro { padding:20px; } .ivr-editorial .ivr-need { font-size:23px; } .ivr-editorial .ivr-steps li { padding-left:64px; } .ivr-editorial .ivr-steps p { font-size:16px; } .ivr-editorial .ivr-expert { grid-template-columns:1fr; gap:24px; } .ivr-editorial .ivr-expert img { margin:auto; } .ivr-editorial .ivr-expert blockquote p { font-size:24px; } .ivr-editorial .ivr-integration ol { grid-template-columns:1fr; gap:28px; } .ivr-editorial .ivr-integration li { padding-left:44px; } .ivr-editorial .ivr-integration svg { position:absolute; left:0; } .ivr-editorial .ivr-integration li:not(:last-child)::after { content:''; left:4px; top:32px; right:auto; } .ivr-editorial .ivr-comparison, .ivr-editorial .ivr-questions { grid-template-columns:1fr; } .ivr-editorial .ivr-cta { padding:24px; } .ivr-editorial .ivr-dialogue { padding:16px; } .ivr-editorial .ivr-dialogue li { max-width:95%; } .ivr-editorial .ivr-section { margin-bottom:40px; } }
/* No scroll hiding/reveal dependency. Only opt-in, brief feedback animation. */
@media(prefers-reduced-motion:no-preference) { .ivr-editorial .ivr-step-node { transition:background-color .18s ease,border-color .18s ease; } .ivr-editorial .ivr-cta a:active { transform:translateY(1px); } }
@media(prefers-reduced-motion:reduce) {
  /* The document root is the scrolling box for native TOC links. */
  html.ivr-editorial-page { scroll-behavior:auto!important; }
  .ivr-editorial *, .ivr-editorial *::before, .ivr-editorial *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
.ivr-editorial .ivr-expert { grid-template-rows:auto auto; gap:16px 32px; }
.ivr-editorial .ivr-expert > img { grid-row:1 / 3; }
.ivr-editorial .ivr-expert > blockquote, .ivr-editorial .ivr-expert > figcaption { grid-column:2; margin:0; }
@media(max-width:767px) { .ivr-editorial .ivr-expert > img { grid-row:auto; } .ivr-editorial .ivr-expert > blockquote, .ivr-editorial .ivr-expert > figcaption { grid-column:1; } }
.ivr-editorial .post-body a { color:var(--ivr-accent); }
.ivr-editorial .post-body .ivr-cta a { color:var(--ivr-paper); }
/* Preserve the CTA foreground when the product name is emphasized. */
.ivr-editorial .ivr-cta a strong { color:inherit; }

/* Match the earlier patient bubble without changing the quoted sentence. */
.ivr-editorial .ivr-dialogue li > p { margin:0; font-size:inherit; line-height:inherit; color:inherit; }
/* Center the hospital integration diagram; keep its supporting prose justified. */
.ivr-editorial .ivr-integration { text-align:center; }
.ivr-editorial .ivr-integration li { align-items:center; text-align:center; }
.ivr-editorial #ivr-section-3 > p { text-align:justify; }
@media(max-width:767px) {
  .ivr-editorial .ivr-integration li { padding-left:0; }
  .ivr-editorial .ivr-integration svg { position:static; }
  .ivr-editorial .ivr-integration li:not(:last-child)::after { left:50%; top:auto; bottom:-22px; width:2px; height:16px; background:var(--ivr-line); transform:translateX(-50%); }
}

/* Original supplied artwork stays sharp, uncropped and unmodified. */
.ivr-editorial .ivr-maria-visual { margin:28px 0; border:1px solid var(--ivr-line); border-radius:16px; background:var(--ivr-paper); }
.ivr-editorial .ivr-maria-visual figcaption { display:flex; gap:12px; align-items:center; padding:20px 24px; }
.ivr-editorial .ivr-maria-mark { display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex-shrink:0; border-radius:50%; background:var(--ivr-ink); color:var(--ivr-paper); font-size:18px; font-weight:900; }
.ivr-editorial .ivr-maria-channels { display:block; font-size:14px; color:#4B5563; }
.ivr-editorial .ivr-maria-visual img { display:block; width:100%; max-width:1062px; height:auto; object-fit:contain; margin:0 auto; border-radius:0 0 16px 16px; filter:none; }

.ivr-editorial .ivr-hero > .ivr-cover { display:block; width:100%; height:auto; aspect-ratio:1448/1086; object-fit:contain; border-radius:16px; }

/* Article-only detail of the supplied cover: x=746..1448, y=200..800.
   Keep the full cover unchanged in archive cards and social metadata. */
.ivr-editorial .ivr-hero-art { width:100%; max-width:460px; justify-self:center; aspect-ratio:702/600; border-radius:16px; background-repeat:no-repeat; background-size:206.267807% auto; background-position:100% 41.152263%; }
/* Compact original MarIA artwork beside the introductory copy, not full-width. */
.ivr-editorial .ivr-maria-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,30%); gap:28px; align-items:start; margin:0 0 24px; }
.ivr-editorial .ivr-maria-intro > div { min-width:0; }
.ivr-editorial .ivr-maria-intro .ivr-maria-visual { margin:0; width:100%; max-width:300px; justify-self:end; }
.ivr-editorial .ivr-maria-intro .ivr-maria-visual figcaption { padding:16px; gap:10px; font-size:16px; }
@media(max-width:767px) {
  .ivr-editorial .ivr-hero-art { max-width:350px; }
  .ivr-editorial .ivr-maria-intro { grid-template-columns:1fr; gap:4px; }
  .ivr-editorial .ivr-maria-intro .ivr-maria-visual { max-width:280px; justify-self:center; }
}