/* ============================================================
   WANDM CONTENT PAGES — reader / deep / mock / report reskin
   Restyles the real content components to WANDM Package design.
   Loaded LAST; markup/scripts untouched. Dark via [data-theme].
   Templates: 03_Notes_Index / 04_Note_With_Questions / 06_Study_Deep
   / 07_Free_Mock / 08_Exam_Report.
   ============================================================ */
body{background:var(--bg)!important;color:var(--ink)!important;font-family:'Inter',system-ui,sans-serif!important}

/* orbs already present in these pages -> ensure DNA colors */
.orb,.orb-1,.o1{opacity:.18}
.bg,.orbs{z-index:0}

/* headings -> Fraunces/Spectral with blue underline (the WANDM signature) */
h1,.page-title,.brand-text,.brand{font-family:'Spectral',serif!important;color:var(--navy)!important}
h2,h3,.sh,.chap-crumb,.sidebar-title,.review-score-label,.stat-label,.review-stat-label{font-family:'Fraunces',serif!important;color:var(--navy)!important}
.sh,h2.sh{position:relative;display:inline-block;padding-bottom:6px}
.sh::after,h2.sh::after{content:"";position:absolute;left:0;right:15%;bottom:0;height:2px;background:var(--blue);border-radius:2px}

/* body / note text -> Source Serif */
.qbody,.reader-body,.note-body,.explanation,.q-text,p.stem,.qstem{font-family:'Source Serif 4',serif!important;color:var(--ink)!important;line-height:1.75}

/* kickers / counters / timers -> IBM Plex Mono */
.kicker,.crumb,.crumb-sep,.qcounter,.timer,.stat-num,.review-stat-num,.review-score-num,.sb-progress-pct,.pill{font-family:'IBM Plex Mono',monospace!important}

/* cards / panels */
.card,.qcard,.note-card,.review-breakdown,.review-banner,.stat,.review-stat,.deep-index-controls,.sidebar{
  background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--cardsh-sm)!important}

/* MCQ option buttons (qbtn/qbody option rows) — DNA pill options */
.qbtn,.opt,.mcq-option,.option{border:1.5px solid var(--line)!important;border-radius:12px!important;background:var(--paper)!important;
  color:var(--ink)!important;font-family:'Inter',sans-serif!important;transition:border-color .14s,background .14s}
.qbtn:hover,.opt:hover,.mcq-option:hover{border-color:color-mix(in srgb,var(--blue) 40%,var(--line))!important;background:var(--lav)!important}
.qbtn.correct,.opt.correct,.mcq-option.correct{border-color:var(--green)!important;background:color-mix(in srgb,var(--green) 12%,var(--paper))!important}
.qbtn.wrong,.opt.wrong,.mcq-option.wrong,.wrong{border-color:var(--red)!important;background:color-mix(in srgb,var(--red) 10%,var(--paper))!important}

/* primary buttons / submit / back / toolbar */
.primary,.submit-btn,.btn-primary,.deep-index-ctrl.primary{background:var(--navy)!important;color:var(--bg)!important;border:none!important;
  font-family:'Inter',sans-serif!important;font-weight:700;border-radius:12px!important}
[data-theme="dark"] .primary,[data-theme="dark"] .submit-btn,[data-theme="dark"] .btn-primary{color:#0d111e!important}
.tb-btn,.back-btn,.sidebar-toggle,.deep-index-ctrl,.qbtn.pill,.pill{border-radius:11px!important}
.tb-btn,.back-btn{background:var(--paper)!important;border:1px solid var(--line)!important;color:var(--ink)!important}

/* timer capsule -> DNA amber */
.timer{background:color-mix(in srgb,var(--amber) 14%,var(--paper))!important;color:var(--amber)!important;border:1px solid color-mix(in srgb,var(--amber) 30%,var(--line))!important;border-radius:999px!important}

/* progress bars */
.qcounter-bar,.sidebar-progress{background:var(--track)!important;border-radius:999px!important}
.qcounter-fill,.sb-progress-fill{background:var(--blue)!important;border-radius:999px!important}

/* review / report score */
.review-score-big,.review-score-pct{color:var(--blue)!important;font-family:'Fraunces',serif!important}

/* key medical terms */
.kw,.term{color:var(--blue)!important;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px;font-style:italic}

/* mobile safety */
html,body{overflow-x:hidden;max-width:100%}