.mri-page{--navy:#172c47;--navy-2:#334d70;--red:#6753b6;--ice:#f2f0fb;--gold:#aaa0ed}
.mri-page .brand-mark{background:linear-gradient(145deg,#6654b5,#253451);font-size:.72rem}
.mri-hero{background:linear-gradient(112deg,#fff 0 58%,#f2f0fb 58%)}
.mri-hero h1{letter-spacing:-.038em}
.mri-book{background:linear-gradient(155deg,#6654b5,#172c47 78%)}
.mri-page .book-kicker{color:#d3cdf8}
.mri-rings{width:6.5rem;height:6.5rem;border:2px solid #aaa0ed;border-radius:50%;margin:2rem auto 1.4rem;display:grid;place-items:center;position:relative}
.mri-rings span{position:absolute;border:1px solid rgba(211,205,248,.78);border-radius:50%;inset:.8rem}.mri-rings span:nth-child(2){inset:1.6rem}.mri-rings span:nth-child(3){inset:2.4rem;background:#aaa0ed}
.mri-page .format-chip{background:#6753b6}.mri-page .chip-two{background:#172c47}
.mri-page .availability-pill{display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:#f0eefb;color:#514399;font-size:.74rem;font-weight:900;letter-spacing:.08em}
.mri-page .availability-card h3{margin:.7rem 0 1rem;color:var(--navy);font-size:1.4rem;line-height:1.2}
.mri-page .availability-card .button{display:block;text-align:center;text-decoration:none;width:100%}
.mri-page .availability-card small{display:block}
.mri-page .checkout-note{margin:1rem 0;padding:.85rem 1rem;border-left:3px solid #6753b6;background:#f2f0fb;color:#363052;font-size:.95rem;line-height:1.5}
.mri-page .hero-copy>.checkout-note{max-width:32rem}
.mri-preview{padding:6rem max(1.25rem,calc((100vw - 76rem)/2));background:linear-gradient(180deg,#f2f0fb,#fff)}
.mri-preview .section-heading{max-width:54rem;margin:0 auto 2rem;text-align:center}
.mri-preview .sample-question{max-width:56rem;margin:0 auto;padding:clamp(1.4rem,4vw,2.6rem);border:1px solid #dad5f1;border-radius:1.25rem;background:#fff;box-shadow:0 1.2rem 3rem rgba(23,44,71,.08)}
.mri-preview .sample-question h3{font-size:clamp(1.25rem,2.7vw,1.65rem);line-height:1.38;color:#172c47}
.mri-preview .sample-question ol{padding-left:1.5rem;display:grid;gap:.65rem;line-height:1.55}
.mri-preview .sample-question li{padding-left:.3rem}
.mri-preview .sample-question details{margin-top:1.3rem;padding-top:1rem;border-top:1px solid #dad5f1}
.mri-preview .sample-question summary{font-weight:800;color:#514399;cursor:pointer}
.mri-preview .sample-question details p{line-height:1.65}
@media(max-width:900px){.mri-hero{background:linear-gradient(180deg,#fff 0 52%,#f2f0fb 52%)}}
@media(max-width:600px){.mri-hero h1{font-size:clamp(2.9rem,13vw,3.4rem);line-height:.98;letter-spacing:-.022em}}