/* Site redesign round 3, inner pages (docs/site-redesign.md, step B3; scripts/lib/r3-inner.mjs).
   The frame under the short cover band (.r3-body, pulled up over the band's foot), and the parts of the
   exams, progress, exam day and unit test pages (boards R10-Exams, R10-AP-Exams, R10-AP-UnitTest,
   R10-Progress, R10-ExamDay, R10-Exam-Live, R10-Exam-Results). Loaded after r3.css, scoped to .r3-inner.
   Colours only through theme tokens and the course tokens r3.css sets per data-cover. */

/* ---- the band on inner pages ---- */
.r3-inner{padding-bottom:0}
.r3-inner .band.short .deck span{display:block}
.r3-inner .band.short .deck .tag.beta{display:inline-block;vertical-align:middle;font:800 12px var(--font-ui);letter-spacing:0;margin:0 0 0 2px}
.r3-inner .band.short .hwrap{padding-bottom:84px}
.r3-inner .band.short .lede{font-size:16.5px;margin-bottom:22px}
.r3-inner .r3-crumb{font:700 13px var(--font-ui);color:rgba(255,255,255,.74);margin:0 0 12px}
.r3-inner .r3-crumb a{color:rgba(255,255,255,.86);text-decoration:none}
.r3-inner .r3-crumb a:hover{color:#fff;text-decoration:underline}
.r3-inner .r3-crumb [aria-current]{color:#fff}
.r3-inner .band.short .art{max-width:280px}
/* the site's own breadcrumb row is replaced by the one in the band */
body:has(.r3-inner) > [data-crumb]{display:none}

/* ---- the body, pulled up over the band ---- */
.r3-inner .r3-body{position:relative;z-index:2;margin-top:-56px;padding-bottom:40px}
.r3-inner .r3-body > .page-head{display:none}

/* ---- cards and the dark rail, shared by every page kind ---- */
.r3-inner .r3-card,.r3-inner .cx-card,.r3-inner .cx-db .panel,.r3-inner .cx-db-panel{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 50px -36px rgba(11,26,51,.45)}
.r3-inner .r3-card{padding:20px 22px}
.r3-inner .r3-card-h{font:900 18px/1.25 var(--font-ui)!important;letter-spacing:-.01em!important;margin:0 0 6px!important}
.r3-inner .r3-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.r3-inner .r3-card a{color:var(--accent-text)}
.r3-inner .r3-navy{background:var(--r3-navy);color:#fff;border-radius:20px;padding:20px 22px;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px}
.r3-inner .r3-navy .kicker{color:#FFD23F}
.r3-inner .r3-navy p{color:#C4D1E8;font-size:14px;margin:12px 0 0}
.r3-inner .r3-navy a{color:#fff}

/* ---- a page with a rail (unit tests) ---- */
.r3-inner .r3-split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.r3-inner .r3-rail{display:grid;gap:14px;position:sticky;top:16px}
.r3-inner .r3-railbtns{display:grid;gap:8px}
.r3-inner .r3-railbtns a{display:block;text-align:center;text-decoration:none;font:900 15px var(--font-ui);padding:11px 14px;border-radius:12px}
.r3-inner .r3-railbtns .btn-gold{background:#FFD23F;color:#0B1A33}
.r3-inner .r3-railbtns .btn-line{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.r3-inner .r3-railbtns .btn-line:hover{box-shadow:inset 0 0 0 1.5px #fff}
.r3-inner .r3-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px!important}
.r3-inner .r3-chips a,.r3-inner .r3-chips span{font:800 13px var(--font-ui);background:var(--ctint);color:var(--accent);border-radius:999px;padding:4px 11px;text-decoration:none}
.r3-inner .r3-chips span[aria-current]{background:var(--accent);color:var(--white)}
:root[data-theme="dark"] .r3-inner .r3-chips span[aria-current]{color:#0B1A33}

/* unit test questions: each set (and each single question) is a white card */
.r3-unit-test .r3-col > [data-set="check"]{display:grid;gap:18px}
.r3-unit-test .r3-col > [data-set="check"] > *{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:22px 24px;margin:0;box-shadow:0 24px 50px -36px rgba(11,26,51,.45)}

/* ---- the free unit tests row (AP® exams pages) ---- */
.r3-inner .r3-units{margin:52px 0 10px}
.r3-inner .r3-unit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.r3-inner .r3-unit{padding:16px 18px}
.r3-inner .r3-unit .cmeta{margin:0 0 4px}
.r3-inner .r3-unit .cdesc{margin:0}

@media (max-width:980px){
  .r3-inner .r3-split{grid-template-columns:1fr}
  .r3-inner .r3-rail{position:static}
  .r3-inner .r3-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .r3-inner .band.short .hwrap{grid-template-columns:minmax(0,1fr);padding-bottom:70px}
  .r3-inner .band.short .deck{font-size:30px}
  .r3-inner .band.short .hand{font-size:19px}
  .r3-inner .band.short .art{display:none}
  .r3-inner .r3-body{margin-top:-46px}
  .r3-unit-test .r3-col > [data-set="check"] > *{padding:18px}
}
@media (max-width:560px){
  .r3-inner .r3-unit-grid{grid-template-columns:1fr}
}

/* ---- headings the course scripts render keep their own size; only the round 3 headings are display size ---- */
.r3-inner .r3-body h2{font:900 19px/1.25 var(--font-ui);letter-spacing:-.01em;margin:0}
.r3-inner .r3-body h2 :where(span:not(.cx-step-n)){display:inline;color:inherit}
.r3-inner .r3-body h3{letter-spacing:-.005em}
.r3-inner .r3-body .ruled-h h2,.r3-inner .r3-body .cx-builder-head h2,.r3-inner .r3-body .r3-h2{font:900 clamp(28px,3.4vw,38px)/1.05 var(--display);letter-spacing:-.035em}
.r3-inner .r3-body .ruled-h h2 span,.r3-inner .r3-body .cx-builder-head h2 span,.r3-inner .r3-body .r3-h2 span{color:var(--accent)}

/* ---- exam setup (boards R10-Exams, R10-AP-Exams): the setup card with its heading, the dark numbers rail ---- */
.r3-inner .cx-body.has-rail{grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.r3-inner .cx-builder{padding:26px 28px}
.r3-inner .cx-builder-head{margin:0 0 14px}
.r3-inner .cx-builder-head p{margin:4px 0 0;color:var(--muted);font-size:15px}
.r3-inner .cx-builder .cx-notice{display:block;max-width:none;margin:0 0 18px;border-radius:14px;background:#FFF6DD;border:1px solid #F2DFA8;color:var(--ink)}
:root[data-theme="dark"] .r3-inner .cx-builder .cx-notice{background:rgba(245,176,74,.1);border-color:rgba(245,176,74,.3)}
.r3-inner .cx-step .cx-choices{grid-template-columns:minmax(0,1fr);gap:8px}
.r3-inner .cx-step legend,.r3-inner .cx-step-h{display:flex;align-items:center;gap:10px;width:100%}
.r3-inner .cx-step legend::after,.r3-inner .cx-step-h::after{content:"";flex:1;height:1px;background:var(--line)}
.r3-inner .r3-body .cx-step-n{background:var(--r3-navy);color:#2EE6D6}
.r3-inner .cx-choice:has(input:checked){background:var(--ctint);border-color:var(--accent)}
.r3-inner .cx-start{background:none;border:0;padding:6px 0 0;box-shadow:none}
.r3-inner .cx-start .btn-press,.r3-inner .cx-start button{background:var(--chan);color:var(--on-chan);border-radius:12px;box-shadow:none}

/* the rail: "Your numbers" and its tiles on navy, then white cards */
.r3-inner .cx-rail{display:grid;gap:12px}
.r3-inner .cx-rail > .cx-rail-h{margin:0 0 -12px;padding:18px 20px 10px;background:var(--r3-navy);border-radius:20px 20px 0 0;color:#FFD23F;font:900 12px var(--font-ui);letter-spacing:.1em}
.r3-inner .cx-rail > .cx-stats{background:var(--r3-navy);border-radius:0 0 20px 20px;padding:0 14px 14px;gap:8px;box-shadow:none}
.r3-inner .cx-rail > .cx-stats .cx-stat{background:rgba(255,255,255,.07);border-radius:12px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.r3-inner .cx-rail > .cx-stats .cx-stat *{color:inherit}
.r3-inner .cx-rail > .cx-stats .cx-stat small,.r3-inner .cx-rail > .cx-stats .cx-stat span:not(.cx-stat-num){color:#B9C8E2}
.r3-inner .cx-rail .cx-qcard,.r3-inner .cx-rail .cx-links{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 50px -36px rgba(11,26,51,.45)}
.r3-inner .cx-rail .cx-links{padding:6px 18px;display:grid}
.r3-inner .cx-rail .cx-link{background:none;color:var(--ink);box-shadow:none;border-radius:0;padding:12px 0;border-top:1px solid var(--line)}
.r3-inner .cx-rail .cx-link:first-child{border-top:0}
.r3-inner .cx-rail .cx-link small{color:var(--muted)}
.r3-inner .cx-rail .cx-link > span{color:var(--accent)}
@media (max-width:980px){.r3-inner .cx-body.has-rail{grid-template-columns:1fr}}

/* ---- NREMT exams: the facts, how the exam is built, your exam record ---- */
.r3-exams .r3-facts{margin:28px 0 40px}
.r3-exams .r3-built{margin:0 0 40px}
.r3-exams .r3-built-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;align-items:start}
.r3-exams .r3-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.r3-exams .r3-steps .step p a{color:var(--accent-text)}
.r3-exams .r3-record{margin:0 0 20px}
.r3-exams .r3-record-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}
.r3-exams .r3-record-row > *:not(:empty){background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.r3-exams .r3-record-row > div:last-child{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px 20px}
/* the running exam and its results sit in a page width column of their own (focus mode: no band) */
.r3-inner > #quizScreen,.r3-inner > #resultsScreen,.r3-inner > #flashcardScreen{max-width:1180px;margin:0 auto;padding:28px clamp(18px,3.5vw,48px) 60px;box-sizing:border-box}
.r3-exams:has(.bio-app-mount[data-view]:not([data-view="setup"])) > .band,
.r3-exams:has([id$="app"][data-view]:not([data-view="setup"])) > .band{display:none}
.r3-exams:has(.bio-app-mount[data-view]:not([data-view="setup"])) .r3-units,
.r3-exams:has([id$="app"][data-view]:not([data-view="setup"])) .r3-units{display:none}
.r3-exams:has(.bio-app-mount[data-view]:not([data-view="setup"])) .r3-body,
.r3-exams:has([id$="app"][data-view]:not([data-view="setup"])) .r3-body{margin-top:24px}

/* ---- progress (board R10-Progress): lead row, numbers, then kicker sections of two columns ---- */
.r3-dashboard .r3-db{display:block}
.r3-dashboard .r3-db-lead{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start;margin:0 0 20px}
.r3-dashboard .r3-db-lead > div:empty{display:none}
.r3-dashboard .r3-db-lead:has(> div:empty){grid-template-columns:1fr}
.r3-dashboard .r3-db-side{display:grid;gap:16px;align-content:start}
.r3-dashboard .r3-db-side:empty{display:none}
.r3-dashboard .r3-db-sec{margin:40px 0 0}
.r3-dashboard .r3-db-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
.r3-dashboard .r3-db-sec:not(:has(.panel,.cx-db-panel,section,article,li,table,canvas,svg,[class*="card"])){display:none}
.r3-dashboard .r3-db-premium{margin:40px 0 0}
.r3-dashboard .cx-db .panel,.r3-dashboard .cx-db [class*="-panel"]{margin:0}
.r3-dashboard .cx-db .panel + .panel{margin-top:16px}
.r3-dashboard .cx-db .panel h2,.r3-dashboard .cx-db .panel h3:first-child{font:900 22px/1.2 var(--display)!important;letter-spacing:-.02em!important}
.r3-dashboard #examDateCard > *{margin:0}
.r3-dashboard #statCards,.r3-dashboard #ocStats{margin:0 0 8px}

/* ---- exam day (board R10-ExamDay): the real exam beside the dark "get ready" card, contents beside the text ---- */
.r3-exam-day .r3-ed-lead{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start;margin:0 0 40px}
.r3-exam-day .r3-ed-facts .updated{margin:0 0 8px;font:800 12.5px var(--font-ui);color:var(--amber-text)}
.r3-exam-day .r3-ed-facts h2{margin:0 0 14px}
.r3-exam-day .r3-ed-facts .fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.r3-exam-day .r3-ed-facts .fact-card{background:var(--surface2);border:0;border-radius:14px;padding:12px 14px}
.r3-exam-day .r3-ed-facts .fact-card .big{font:900 26px/1.05 var(--display);letter-spacing:-.03em;color:var(--accent)}
.r3-exam-day .r3-ed-facts .fact-card .sub{font-size:13px;color:var(--muted);margin-top:4px}
.r3-exam-day .r3-ed-facts .verify{margin:0;font-size:13.5px;color:var(--muted)}
.r3-exam-day .r3-ed-ready h2{font:900 21px/1.2 var(--display);letter-spacing:-.02em;color:#fff;margin:4px 0 0}
.r3-exam-day .r3-ed-ready p{margin:8px 0 14px}
.r3-exam-day .xgrid{grid-template-columns:240px minmax(0,1fr);gap:32px}
.r3-exam-day .xlabel{grid-column:1/-1;font:900 13px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px}
.r3-exam-day .xlabel::after{content:"";flex:1;height:2px;background:var(--ink)}
:root[data-theme="dark"] .r3-exam-day .xlabel::after{background:var(--line)}
.r3-exam-day .r3-toc{position:sticky;top:16px;align-self:start;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.r3-exam-day .r3-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.r3-exam-day .r3-toc a{display:block;padding:5px 8px;border-radius:8px;font:800 13.5px/1.3 var(--font-ui);color:var(--ink);text-decoration:none}
.r3-exam-day .r3-toc a:hover{background:var(--ctint);color:var(--accent)}
.r3-exam-day .xcontent h2{font:900 clamp(24px,2.6vw,30px)/1.1 var(--display);letter-spacing:-.03em;margin:34px 0 10px;scroll-margin-top:16px}
.r3-exam-day .xcontent h2:first-child{margin-top:0}
.r3-exam-day .xcontent h2 span{color:var(--accent)}
.r3-exam-day .xcontent{font-size:16px;line-height:1.65}
/* the common questions: one card each */
.r3-exam-day #ed-common-questions + .xcontent h2{font:900 17px/1.3 var(--font-ui);letter-spacing:-.01em;margin:12px 0 0;padding:16px 18px 0;background:var(--white);border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0}
.r3-exam-day #ed-common-questions + .xcontent h2 + p{margin:0 0 4px;padding:6px 18px 16px;background:var(--white);border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;color:var(--muted)}
.r3-exam-day #ed-common-questions + .xcontent .verify{margin-top:18px;font:800 15px/1.5 var(--font-ui);color:var(--amber-text)}
.r3-foot{padding-bottom:30px}

@media (max-width:980px){
  .r3-exams .r3-built-grid,.r3-exams .r3-record-row,.r3-dashboard .r3-db-lead,.r3-dashboard .r3-db-two,.r3-exam-day .r3-ed-lead{grid-template-columns:1fr}
  .r3-exam-day .xgrid{grid-template-columns:1fr}
  .r3-exam-day .r3-toc{position:static}
}
@media (max-width:640px){
  .r3-exam-day .r3-ed-facts .fact-grid{grid-template-columns:1fr 1fr}
  .r3-exams .r3-facts{display:none}
}

.r3-exams .r3-best-empty{margin:0;color:var(--muted);font-size:14.5px}
.r3-exams .r3-best-empty b{display:block;color:var(--ink);font:900 17px var(--font-ui);margin:0 0 4px}
.r3-exams .best-score:not(:empty) ~ .r3-best-empty{display:none}

/* the Premium card at the foot of the progress page: the navy plan card of the course home */
.r3-dashboard .r3-db-premium .premium-card{background:var(--r3-navy);color:#fff;border:0;border-radius:22px;padding:26px 28px;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px}
.r3-dashboard .r3-db-premium .premium-card *{color:inherit}
.r3-dashboard .r3-db-premium .premium-card b{font:900 24px/1.2 var(--display);letter-spacing:-.02em;display:block;margin:6px 0 8px}
.r3-dashboard .r3-db-premium .premium-card p{font-size:14.5px;opacity:.9}
.r3-dashboard .r3-db-premium .premium-card__price{color:#FFD23F!important;font:900 18px var(--font-ui)!important}
.r3-dashboard .r3-db-premium .premium-card .btn-press{background:#FFD23F;color:#0B1A33;box-shadow:none;border-radius:12px}
.r3-dashboard .r3-db-premium .premium-card .premium-badge,.r3-dashboard .r3-db-premium .premium-card .cx-kicker{color:#FFD23F}
.r3-dashboard .r3-db-premium .premium-card.is-joined{background:var(--tint-good);color:var(--ink);background-image:none}
/* a section with only one part filled runs full width */
.r3-dashboard .r3-db-two:has(> div:empty){grid-template-columns:1fr}
.r3-dashboard .r3-db-two > div:empty{display:none}

/* exam day: the Details read as one column of text beside its contents list, not a card */
.r3-exam-day .xgrid:has(> .xlabel){display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px 36px;align-items:start}
.r3-exam-day .xgrid:has(> .xlabel) > .xlabel{grid-column:1/-1;display:flex;align-items:center;gap:12px;font:900 13px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}
.r3-exam-day .xgrid:has(> .xlabel) > .xcontent{background:none;border:0;box-shadow:none;padding:0;max-width:68ch}
.r3-exam-day .xgrid:has(> .xlabel) > .xlabel:last-of-type + .xcontent,.r3-exam-day #ed-common-questions + .xcontent{grid-column:1/-1;max-width:none}
.r3-exam-day .r3-ed-facts .verify{background:none;border:0;padding:0}
/* the five domains, as the course home's contents rows */
.r3-exam-day #ed-what-it-covers-the-2025-exam-outline + p + ul{list-style:none;padding:0;margin:14px 0 18px;counter-reset:dom}
.r3-exam-day #ed-what-it-covers-the-2025-exam-outline + p + ul li{counter-increment:dom;position:relative;padding:12px 0 12px 62px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.r3-exam-day #ed-what-it-covers-the-2025-exam-outline + p + ul li::before{content:"0" counter(dom);position:absolute;left:0;top:10px;font:900 34px/1 var(--display);letter-spacing:-.05em;color:var(--accent)}
.r3-exam-day #ed-what-it-covers-the-2025-exam-outline + p + ul li strong{color:var(--ink);font:900 16.5px var(--font-ui)}
@media (max-width:980px){.r3-exam-day .xgrid:has(> .xlabel){grid-template-columns:1fr}}

/* ---- the running exam (board R10-Exam-Live): focus mode, the site bars give way to a slim exam bar ---- */
.r3-focusbar{display:none}
body:has(.r3-exams > #quizScreen[style*="grid"]) :is(#site-header,.course-nav,.bottom-nav,.site-header,[data-crumb]){display:none!important}
body:has(.r3-exams > #quizScreen[style*="grid"]) .r3-focusbar{display:block;position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.r3-focusbar-in{max-width:1180px;margin:0 auto;padding:10px clamp(18px,3.5vw,48px);display:flex;align-items:center;gap:14px}
.r3-fb-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#0B1A33;color:#2EE6D6;text-decoration:none;font:900 22px/1 var(--font-ui)}
.r3-fb-t{min-width:0}
.r3-fb-t b{display:block;font:900 16px var(--font-ui);color:var(--ink)}
.r3-fb-t small{display:block;font:700 12.5px var(--font-ui);color:var(--muted)}
.r3-fb-acts{margin-left:auto;display:flex;gap:8px}
.r3-fb-acts button{font:900 14px var(--font-ui);border-radius:10px;padding:9px 14px;cursor:pointer;border:0}
.r3-fb-exit{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.r3-fb-submit{background:var(--chan,#0B1A33);color:var(--on-chan,#fff)}
.r3-focusbar ~ #quizScreen .exit-row{display:none}
/* the question on a white card, the clock and the map in the rail, the clock on navy */
.r3-exams > #quizScreen .quiz-main{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:26px 28px;box-shadow:0 24px 50px -36px rgba(11,26,51,.45)}
.r3-exams > #quizScreen .quiz-side{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:0 0 18px;overflow:hidden;box-shadow:0 24px 50px -36px rgba(11,26,51,.45)}
.r3-exams > #quizScreen #timerBar{background:var(--r3-navy);color:#fff;padding:16px 18px;margin:0 0 14px;border:0;border-radius:0}
.r3-exams > #quizScreen #timerBar .timer-row{display:block}
.r3-exams > #quizScreen #timerBar .timer-row > span:first-child{display:block;font:900 11.5px var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:#B9C8E2}
.r3-exams > #quizScreen #timerBar .time-remaining{display:block;font:900 44px/1.05 var(--display);letter-spacing:-.03em;color:#FFD23F;font-variant-numeric:tabular-nums}
.r3-exams > #quizScreen #timerBar .pace-line{display:inline-block;margin-top:6px;font:800 12px var(--font-ui);color:#2EE6D6;background:rgba(46,230,214,.12);border-radius:8px;padding:4px 8px}
.r3-exams > #quizScreen .quiz-side > :not(#timerBar){margin-left:18px;margin-right:18px}

/* ---- the results (board R10-Exam-Results): a band with the score, the domains beside the score rail ---- */
.r3-exams > .r3-results-band[hidden]{display:none}
.r3-exams > .r3-results-band .deck .r3-res-score{display:block;color:#fff}
.r3-exams > .r3-results-band .hero-ctas button{cursor:pointer;border:0;font:900 16px var(--font-ui);padding:13px 20px;border-radius:12px}
.r3-exams > .r3-results-band .hero-ctas .btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.r3-exams > .r3-results-band + #resultsScreen{position:relative;z-index:2;margin-top:-56px}
.r3-exams > #resultsScreen[style*="grid"]{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"dom side" "main main";gap:22px 24px}
.r3-exams > #resultsScreen .results-top-row{display:none}
.r3-exams > #resultsScreen .r3-domcard{grid-area:dom;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px 26px;box-shadow:0 24px 50px -36px rgba(11,26,51,.45)}
.r3-exams > #resultsScreen .r3-domcard .sub{margin:4px 0 14px;color:var(--muted);font-size:15px}
.r3-exams > #resultsScreen .r3-domcard .domain-breakdown{color:var(--ink)}
.r3-exams > #resultsScreen .r3-domcard .domain-breakdown *{color:inherit}
.r3-exams > #resultsScreen .results-side{grid-area:side;display:grid;gap:14px;align-content:start}
.r3-exams > #resultsScreen .results-main{grid-area:main}
.r3-exams > #resultsScreen .score-card{background:var(--r3-navy);color:#fff;border-radius:22px;padding:20px 22px}
.r3-exams > #resultsScreen .score-card .big{font:900 64px/1 var(--display);letter-spacing:-.04em;color:#FFD23F}
.r3-exams > #resultsScreen .score-card .sub{color:#C4D1E8}
.r3-exams > #resultsScreen .filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.r3-exams > #resultsScreen .filter-row button{border-radius:999px}
@media (max-width:980px){
  .r3-exams > #resultsScreen[style*="grid"]{grid-template-columns:1fr;grid-template-areas:"side" "dom" "main"}
  .r3-fb-t small{display:none}
}
/* a column whose slots are all still empty (a new visitor) gives its room to the other one */
.r3-dashboard .r3-db-side:not(:has(> :not(:empty))){display:none}
.r3-dashboard .r3-db-two:has(> .r3-db-side:not(:has(> :not(:empty)))){grid-template-columns:1fr}
.r3-dashboard .r3-db-lead:has(> .r3-db-side:not(:has(> :not(:empty)))){grid-template-columns:1fr}

.r3-units-line{margin:18px 0 0;font:600 15px/1.7 var(--font-ui);color:var(--muted)}
.r3-units-line b{color:var(--ink)}
.r3-units-line a{color:var(--accent-text,var(--accent));font-weight:800}