/* MRI Exam Prep v3 — clinical editorial visual system */
:root{
  color-scheme:light;
  --bg:#f4f1e8;--bg2:#fffdf7;--bg3:#e9e6dc;--bg4:#d9d6cc;
  --ink:#101820;--mute:#56616a;--dim:#77818a;
  --line:#c9c7bd;--line2:#101820;
  --cyan:#1457ff;--gold:#ffb000;--green:#148a6a;--red:#ee553d;--purple:#7655d6;
  --accent:var(--cyan);
}
html,body{background-color:var(--bg);background-image:linear-gradient(rgba(16,24,32,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,32,.035) 1px,transparent 1px);background-size:32px 32px;color:var(--ink);font-family:'Manrope',system-ui,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(16,24,32,.04) 50%,transparent calc(50% + .5px));z-index:-1}
.wrap{max-width:1180px;padding:0 2rem}
.topbar{background:rgba(244,241,232,.94);border-bottom:1px solid var(--ink);backdrop-filter:blur(16px)}
.topbar .wrap{height:76px}.brand{gap:.85rem;text-transform:uppercase;letter-spacing:-.02em}.brand .mk{width:38px;height:38px;border-radius:0;background:var(--ink);color:var(--bg);font-family:'IBM Plex Mono',monospace;font-size:.95rem}.brand b{font-weight:800}.brand span{color:var(--ink)}
.nav{gap:.05rem}.nav button{border-radius:0;color:#4b565e;font-family:'IBM Plex Mono',monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;padding:.65rem .55rem;border-bottom:2px solid transparent}.nav button:hover{background:transparent;color:var(--cyan);border-bottom-color:var(--cyan)}.nav button.on{background:transparent;color:var(--ink);border-bottom-color:var(--red)}
.menu-toggle{border-radius:0;border-color:var(--ink);color:var(--ink)}
.study-subnav{top:76px;background:rgba(255,253,247,.97);border-bottom:1px solid var(--ink);box-shadow:none}
.study-subnav .wrap{min-height:52px;gap:0}
.study-subnav button{border:0;border-radius:0;border-bottom:2px solid transparent;color:#4b565e;font-family:'IBM Plex Mono',monospace;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1.15rem}
.study-subnav button:hover{color:var(--cyan);border-color:transparent;border-bottom-color:var(--cyan)}
.study-subnav button.on{color:var(--ink);background:transparent;border-bottom-color:var(--red)}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:4rem;padding:6rem 0 0;align-items:center}
.hero-copy{padding-bottom:2.5rem}.eyebrow{border:0;border-radius:0;padding:0 0 .65rem;margin-bottom:1.5rem;border-bottom:1px solid var(--ink);color:var(--red);font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:.68rem;letter-spacing:.12em}
.hero h1{font-family:'Newsreader',serif;font-weight:600;font-size:clamp(3.5rem,7vw,6.6rem);line-height:.86;letter-spacing:-.055em;margin-bottom:1.8rem}.hero h1 em{color:var(--cyan);font-style:normal}
.hero p.lede{color:var(--mute);font-size:1.08rem;line-height:1.75;max-width:610px;margin-bottom:2.2rem}
.btn{border-radius:0;border:1px solid var(--ink);background:var(--bg2);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:700}.btn:hover{border-color:var(--ink);background:#fff;transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.primary{background:var(--cyan);color:white;border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.btn.primary:hover{filter:none;background:#0045e8}.btn.ghost{background:transparent;box-shadow:none}
.scan-board{background:var(--ink);color:white;padding:1.15rem;min-height:430px;display:grid;grid-template-rows:auto 1fr auto;box-shadow:12px 12px 0 var(--red);transform:rotate(1.25deg)}
.scan-meta,.scan-caption{display:flex;justify-content:space-between;gap:1rem;font-family:'IBM Plex Mono',monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.scan-meta{padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.22)}.scan-meta span{color:#8fa6b8}.scan-field{position:relative;min-height:320px;overflow:hidden;background:radial-gradient(circle at center,rgba(20,87,255,.24),transparent 52%),repeating-radial-gradient(circle at center,transparent 0 27px,rgba(255,255,255,.07) 28px 29px)}
.scan-ring{position:absolute;border:1px solid rgba(255,255,255,.78);border-radius:48% 52% 47% 53%;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ring-a{width:240px;height:270px}.ring-b{width:166px;height:198px;border-color:var(--red);transform:translate(-50%,-50%) rotate(17deg)}.ring-c{width:88px;height:112px;border-style:dashed}.scan-axis{position:absolute;background:rgba(255,255,255,.22)}.axis-x{height:1px;left:8%;right:8%;top:50%}.axis-y{width:1px;top:8%;bottom:8%;left:50%}.scan-field>b{position:absolute;right:10px;bottom:7px;color:var(--gold);font:600 .68rem 'IBM Plex Mono',monospace}.scan-caption{padding-top:.9rem;border-top:1px solid rgba(255,255,255,.22);color:#a8b6c1}
.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:3rem;border:1px solid var(--ink);background:var(--bg2)}.hero-stats .hs{padding:1.3rem 1.5rem;border-right:1px solid var(--ink)}.hero-stats .hs:last-child{border-right:0}.hero-stats .hs b{font-family:'Newsreader',serif;font-size:2.35rem}.hero-stats .hs span{font-family:'IBM Plex Mono',monospace;color:var(--mute);text-transform:uppercase;font-size:.62rem}
.section{padding:4.5rem 0 1rem}.section h2{font-family:'Newsreader',serif;font-size:clamp(2.4rem,4vw,3.8rem);font-weight:600;letter-spacing:-.04em}.section .sub{max-width:660px;color:var(--mute)}
.cat-grid,.mode-grid{gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.cat,.mode,.stat,.runner,.plan{background:var(--bg2);border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0;box-shadow:none}.cat{min-height:220px;padding:1.5rem}.cat:hover{transform:none;background:#fff}.cat .bar{inset:0 0 auto;height:5px;width:auto}.cat .ic,.mode .ic{border-radius:0;background:transparent;border:1px solid currentColor}.cat h3,.mode h3{font-weight:800;letter-spacing:-.02em}.cat .prog{background:var(--bg3);border-radius:0}.cat .prog i{border-radius:0}.mode{padding:1.65rem;min-height:255px}.mode:hover{border-color:var(--ink);background:#fff}
.runner{padding:2rem;border:1px solid var(--ink)}.pbar,.prog,.rr-guide-progress{border-radius:0;background:var(--bg3)}.pbar i{background:var(--accent)}.qtag,.chip,.pill{border-radius:0;font-family:'IBM Plex Mono',monospace}.qtag{background:transparent;border-color:var(--accent);color:var(--accent)}.qstem{font-family:'Newsreader',serif;font-size:1.55rem}.opt{border-radius:0;background:var(--bg);border-color:var(--line)}.opt:hover:not(:disabled){background:#fff;border-color:var(--ink)}.opt .k{border-radius:0;background:var(--ink);color:white}.expl{border-radius:0;border-left:5px solid var(--cyan);background:#e8eeff;color:var(--ink)}.expl b{color:var(--cyan)}
.fc-f,.fc-b{border-radius:0;border-color:var(--ink);background:var(--bg2)}.fc-b{background:#e8eeff}.fc-a{color:var(--ink)}
.tbl-wrap{border-radius:0;border-color:var(--ink);background:var(--bg2)}th{background:var(--ink);color:white}td{color:var(--ink);border-color:var(--line)}tr:hover td{background:#fff}
.price-grid{gap:0;border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.plan{padding:2rem}.plan.feat{border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#e8eeff}.plan .tag{border-radius:0;background:var(--red);color:white;top:0;left:0}.plan .pr{font-family:'Newsreader',serif}.foot{border-color:var(--ink)}.foot .disc{border-radius:0;background:var(--bg2);border-color:var(--ink)}
.rr-guides-hero,.rr-guide-card,.rr-guide-note{border-radius:0!important;background:var(--bg2)!important;border-color:var(--ink)!important}.rr-guide-grid{gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.rr-guide-card{border-top:0!important;border-left:0!important;min-height:270px}.rr-guide-card h4,.rr-guides-hero h3{font-family:'Newsreader',serif!important}.rr-guide-summary span,.rr-guide-icon{border-radius:0!important;background:transparent!important}
.review-this-link{color:var(--cyan)}
@media(max-width:980px){.nav button{font-size:.6rem;padding:.6rem .38rem}.hero{grid-template-columns:1fr;gap:2rem}.scan-board{max-width:620px;width:100%;transform:none}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats .hs:nth-child(2){border-right:0}.hero-stats .hs:nth-child(-n+2){border-bottom:1px solid var(--ink)}}
@media(max-width:760px){.wrap{padding:0 1rem}.nav.open{top:76px;background:var(--bg);border-color:var(--ink)}.study-subnav{top:auto}.study-subnav .wrap{padding:0 1rem}.study-subnav button{flex:1;padding:.8rem .55rem}.hero{padding-top:3.5rem}.hero h1{font-size:3.8rem}.scan-board{min-height:360px}.hero-stats{margin-top:1rem}.hero-stats .hs{padding:1rem}.mode{min-height:auto}}
@media(max-width:480px){.hero h1{font-size:3rem}.hero-stats{grid-template-columns:1fr}.hero-stats .hs{border-right:0;border-bottom:1px solid var(--ink)}.hero-stats .hs:last-child{border-bottom:0}.scan-board{min-height:320px}.scan-field{min-height:240px}}
