/* MEDIPHARM Clinical Q&A v1.5.4
   Performance & UI Consistency Hotfix
   Cool pastel specialty palette, host-owned theme control, lighter runtime rendering. */

.mcqa-app{
  --mcqa-bg:#f3f7fb;
  --mcqa-surface:#ffffff;
  --mcqa-surface-2:#f3f8ff;
  --mcqa-surface-3:#edf4fb;
  --mcqa-ink:#0b2a3d;
  --mcqa-text:#334e60;
  --mcqa-muted:#718696;
  --mcqa-line:#dce7ee;
  --mcqa-line-strong:#c8d8e2;
  --mcqa-blue:#0a67c4;
  --mcqa-blue-2:#1179e6;
  --mcqa-teal:#0f8b8d;
  --mcqa-shadow:0 18px 42px rgba(18,54,79,.10);
  --mcqa-shadow-soft:0 8px 22px rgba(18,54,79,.07);
  --mcqa-sticky-top:0px;
  box-sizing:border-box;
  width:min(1480px,100%);
  margin:0 auto;
  padding:14px 18px 30px;
  color:var(--mcqa-text);
  background:var(--mcqa-bg);
  font-family:Inter,"SF Pro Text","Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  font-size:15px;
  line-height:1.55;
  overflow-x:clip;
  color-scheme:light;
}
.mcqa-app *,.mcqa-app *::before,.mcqa-app *::after{box-sizing:border-box}
.mcqa-app a{color:inherit;text-decoration:none}
.mcqa-app button,.mcqa-app input,.mcqa-app select{font:inherit}
.mcqa-app button{cursor:pointer}
.mcqa-app [hidden]{display:none!important}
.mcqa-app h1,.mcqa-app h2,.mcqa-app h3,.mcqa-app p{margin-top:0}
.mcqa-app svg{display:block}
.mcqa-app .mcqa-svg-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}

/* Accent tokens */
.mcqa-app [data-accent="blue"]{--accent:#2563eb;--accent-soft:#eff6ff;--accent-line:#bfdbfe}
.mcqa-app [data-accent="sky"]{--accent:#0284c7;--accent-soft:#f0f9ff;--accent-line:#bae6fd}
.mcqa-app [data-accent="cyan"]{--accent:#0891b2;--accent-soft:#ecfeff;--accent-line:#a5f3fc}
.mcqa-app [data-accent="teal"]{--accent:#0b7285;--accent-soft:#e9f8fb;--accent-line:#9bdbe5}
.mcqa-app [data-accent="green"]{--accent:#0f9f6e;--accent-soft:#e9fbf4;--accent-line:#6ee7b7}
.mcqa-app [data-accent="lime"]{--accent:#5b9e18;--accent-soft:#f5fde9;--accent-line:#bef264}
.mcqa-app [data-accent="amber"],.mcqa-app [data-accent="gold"]{--accent:#d97706;--accent-soft:#fffbeb;--accent-line:#fde68a}
.mcqa-app [data-accent="orange"]{--accent:#ea580c;--accent-soft:#fff7ed;--accent-line:#fed7aa}
.mcqa-app [data-accent="red"]{--accent:#dc2626;--accent-soft:#fef2f2;--accent-line:#fecaca}
.mcqa-app [data-accent="rose"]{--accent:#e11d48;--accent-soft:#fff1f2;--accent-line:#fecdd3}
.mcqa-app [data-accent="pink"]{--accent:#db2777;--accent-soft:#fdf2f8;--accent-line:#fbcfe8}
.mcqa-app [data-accent="magenta"]{--accent:#c026d3;--accent-soft:#fdf4ff;--accent-line:#f5d0fe}
.mcqa-app [data-accent="violet"],.mcqa-app [data-accent="purple"]{--accent:#7c3aed;--accent-soft:#f5f3ff;--accent-line:#ddd6fe}
.mcqa-app [data-accent="indigo"]{--accent:#4f46e5;--accent-soft:#eef2ff;--accent-line:#c7d2fe}
.mcqa-app [data-accent="slate"]{--accent:#334e72;--accent-soft:#eef3f9;--accent-line:#b9c9dd}
.mcqa-app [data-accent="aqua"]{--accent:#0f8fa4;--accent-soft:#ecfeff;--accent-line:#67e8f9}

/* App header */
.mcqa-app .mcqa-app-header{
  position:sticky;top:var(--mcqa-sticky-top);z-index:1100;
  display:grid;grid-template-columns:220px minmax(320px,1fr) auto;align-items:center;gap:20px;
  min-height:72px;margin:0 0 14px;padding:10px 12px;
  border:1px solid rgba(214,227,235,.92);border-radius:18px;
  background:rgba(255,255,255,.985);box-shadow:0 7px 22px rgba(23,57,78,.05);
}
.mcqa-app .mcqa-app-brand{display:flex;align-items:center;gap:10px;min-width:0}
.mcqa-app .mcqa-app-brand img{width:44px;height:44px;object-fit:contain;flex:0 0 44px}
.mcqa-app .mcqa-brand-copy{display:grid;line-height:1.05;min-width:0}
.mcqa-app .mcqa-brand-copy strong{font-size:15px;letter-spacing:.04em;color:#075a91}
.mcqa-app .mcqa-brand-copy small{margin-top:4px;color:var(--mcqa-muted);font-size:11px;font-weight:700}
.mcqa-app .mcqa-search-wrap{position:relative;min-width:0}
.mcqa-app .mcqa-header-search{display:grid;grid-template-columns:22px minmax(0,1fr) auto 44px;align-items:center;gap:8px;min-height:48px;padding:3px 4px 3px 14px;border:1px solid var(--mcqa-line-strong);border-radius:14px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.mcqa-app .mcqa-header-search>svg{width:20px;height:20px;fill:none;stroke:#1689a0;stroke-width:2;stroke-linecap:round}
.mcqa-app .mcqa-header-search input{width:100%;height:40px;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--mcqa-ink)!important;font-size:15px!important;box-shadow:none!important}
.mcqa-app .mcqa-header-search input::placeholder{color:#8396a4;opacity:1}
.mcqa-app .mcqa-header-clear{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--mcqa-muted);font-size:22px;line-height:1}
.mcqa-app #mcqa-search-submit{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:11px;background:linear-gradient(135deg,#0875ad,#075f99);color:#fff;box-shadow:0 7px 14px rgba(8,104,165,.16)}
.mcqa-app #mcqa-search-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mcqa-app .mcqa-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.mcqa-app .mcqa-header-action,.mcqa-app .mcqa-header-icon{display:flex;align-items:center;justify-content:center;gap:7px;height:42px;border:1px solid var(--mcqa-line);border-radius:12px;background:var(--mcqa-surface);color:var(--mcqa-ink);font-weight:800;box-shadow:none}
.mcqa-app .mcqa-header-action{padding:0 13px}
.mcqa-app .mcqa-header-icon{width:42px;padding:0}
.mcqa-app .mcqa-header-action svg,.mcqa-app .mcqa-header-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mcqa-app .mcqa-header-action:hover,.mcqa-app .mcqa-header-icon:hover{border-color:#b8d5e4;background:#f5fbfe;color:var(--mcqa-blue)}
.mcqa-app .mcqa-app-menu{position:absolute;right:12px;top:calc(100% + 8px);z-index:1200;width:220px;padding:7px;border:1px solid var(--mcqa-line);border-radius:14px;background:var(--mcqa-surface);box-shadow:0 18px 50px rgba(15,45,62,.16)}
.mcqa-app .mcqa-app-menu>*{display:flex;width:100%;align-items:center;gap:10px;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:var(--mcqa-text);text-align:left;font-weight:700}
.mcqa-app .mcqa-app-menu>*:hover{background:var(--mcqa-surface-2);color:var(--mcqa-blue)}
.mcqa-app .mcqa-app-menu span{display:grid;place-items:center;width:22px;color:var(--mcqa-blue)}

/* Search suggestions */
.mcqa-app .mcqa-search-suggestions{position:absolute;z-index:1300;top:calc(100% + 8px);left:0;right:0;max-height:min(62vh,520px);overflow:auto;padding:8px;border:1px solid var(--mcqa-line);border-radius:14px;background:var(--mcqa-surface);box-shadow:0 20px 50px rgba(13,42,60,.16)}
.mcqa-app .mcqa-search-suggestions button{display:grid;width:100%;gap:3px;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:var(--mcqa-text);text-align:left}
.mcqa-app .mcqa-search-suggestions button:hover{background:var(--mcqa-surface-2)}
.mcqa-app .mcqa-search-suggestions button span,.mcqa-app .mcqa-search-suggestions button small{color:var(--mcqa-muted);font-size:12px}
.mcqa-app .mcqa-search-suggestions button strong{color:var(--mcqa-ink);font-size:14px;line-height:1.35}
.mcqa-app .mcqa-search-suggestion-label{padding:8px 11px 4px;color:var(--mcqa-blue);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.mcqa-app .mcqa-search-all{margin-top:4px!important;border-top:1px solid var(--mcqa-line)!important;color:var(--mcqa-blue)!important;font-weight:850!important}
.mcqa-app .mcqa-search-mark{padding:0 1px;border-radius:3px;background:#fff0a8;color:inherit}
.mcqa-app .mcqa-search-no-suggestion{display:grid;gap:4px;padding:18px;color:var(--mcqa-muted);text-align:center}

/* Hero */
.mcqa-app .mcqa-hero-shell{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.95fr);align-items:stretch;gap:24px;
  min-height:330px;padding:36px 38px;border:1px solid #d5e5ef;border-radius:24px;overflow:hidden;
  background:
    radial-gradient(circle at 12% 15%,rgba(186,230,253,.58),transparent 28%),
    radial-gradient(circle at 82% 120%,rgba(219,234,254,.7),transparent 38%),
    linear-gradient(118deg,#f7fcff 0%,#eef8ff 48%,#f7fbff 100%);
  box-shadow:var(--mcqa-shadow);
}
.mcqa-app .mcqa-hero-shell::after{content:"";position:absolute;inset:auto auto -120px 36%;width:420px;height:260px;border-radius:50%;border:1px solid rgba(8,104,165,.08);transform:rotate(-18deg)}
.mcqa-app .mcqa-hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:6px 0}
.mcqa-app .mcqa-eyebrow{margin-bottom:12px;color:#1783a7;font-size:12px;font-weight:900;letter-spacing:.09em}
.mcqa-app .mcqa-hero-copy h1{max-width:650px;margin:0 0 14px;color:#083350;font-size:clamp(38px,3.35vw,58px);line-height:1.04;letter-spacing:-.035em}
.mcqa-app .mcqa-hero-copy>p{max-width:720px;margin:0;color:#486779;font-size:17px;line-height:1.65}
.mcqa-app .mcqa-hero-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;color:#315a70;font-size:13px;font-weight:750}
.mcqa-app .mcqa-hero-trust span{display:flex;align-items:center;gap:8px}
.mcqa-app .mcqa-hero-trust i{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e6f6fb;color:#0878a6;font-size:14px;font-style:normal;font-weight:900}
.mcqa-app .mcqa-hero-spotlight{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px;min-width:0;min-height:250px;padding:24px 22px 48px;border:1px solid rgba(168,205,228,.9);border-radius:21px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,249,255,.92));box-shadow:0 18px 45px rgba(36,100,138,.10);overflow:hidden}
.mcqa-app .mcqa-spotlight-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}
.mcqa-app .mcqa-spotlight-kicker{align-self:flex-start;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#0a78b1;color:#fff;font-size:10px;font-weight:900;letter-spacing:.05em}
.mcqa-app .mcqa-spotlight-copy>small{color:var(--accent,#0878a6);font-size:12px;font-weight:850}
.mcqa-app .mcqa-spotlight-copy>strong{display:block;margin:8px 0;color:#092f4a;font-size:22px;line-height:1.25;letter-spacing:-.015em}
.mcqa-app .mcqa-spotlight-copy>p{display:block;margin:0 0 14px;color:#526c80;font-size:13.5px;line-height:1.58}
.mcqa-app .mcqa-spotlight-cta{align-self:flex-start;padding:8px 12px;border:1px solid #9ec9df;border-radius:9px;background:#fff;color:#075f99;font-size:12px;font-weight:850}
.mcqa-app .mcqa-spotlight-art{display:grid;place-items:center;min-width:0}
.mcqa-app .mcqa-spotlight-art svg{width:100%;max-width:210px;height:auto;filter:drop-shadow(0 12px 16px rgba(19,89,130,.12))}
.mcqa-app .mcqa-spotlight-controls{position:absolute;left:20px;right:20px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mcqa-app .mcqa-spotlight-controls>button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c7ddea;border-radius:50%;background:rgba(255,255,255,.8);color:#0a628f;font-size:20px;line-height:1}
.mcqa-app .mcqa-spotlight-controls>div{display:flex;align-items:center;gap:6px}
.mcqa-app .mcqa-spotlight-controls>div button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#b8cddd}
.mcqa-app .mcqa-spotlight-controls>div button.is-active{width:20px;background:#0b7ab4}
.mcqa-app .mcqa-spotlight-loading,.mcqa-app .mcqa-featured-skeleton,.mcqa-app .mcqa-loading,.mcqa-app .mcqa-loading-inline{color:var(--mcqa-muted)}

/* Marquee */
.mcqa-app .mcqa-marquee-shell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:12px 0 24px;padding:8px 12px;border:1px solid var(--mcqa-line);border-radius:13px;background:var(--mcqa-surface);box-shadow:var(--mcqa-shadow-soft);overflow:hidden}
.mcqa-app .mcqa-marquee-label{display:flex;align-items:center;gap:6px;padding-right:12px;border-right:1px solid var(--mcqa-line);white-space:nowrap;color:#0f766e;font-size:11px;font-weight:900;letter-spacing:.04em}
.mcqa-app .mcqa-marquee-label span{font-size:15px}
.mcqa-app .mcqa-hero-dynamic-strip{min-width:0;overflow:hidden}
.mcqa-app .mcqa-marquee-track{display:flex;width:max-content;align-items:center;animation:mcqa-marquee 42s linear infinite}
.mcqa-app .mcqa-marquee-track:hover{animation-play-state:paused}
.mcqa-app .mcqa-marquee-track button{display:flex;align-items:center;gap:9px;max-width:430px;padding:3px 16px;border:0;border-right:1px solid var(--mcqa-line);background:transparent;color:var(--mcqa-text);white-space:nowrap}
.mcqa-app .mcqa-marquee-track button span{color:var(--mcqa-blue);font-size:11px;font-weight:850}
.mcqa-app .mcqa-marquee-track button strong{max-width:300px;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:650}
.mcqa-app .mcqa-marquee-track button i{color:#a3b3bd;font-style:normal}
@keyframes mcqa-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mcqa-app .mcqa-marquee-track{animation:none}.mcqa-app *{scroll-behavior:auto!important}}

/* Section headings */
.mcqa-app .mcqa-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 12px}
.mcqa-app .mcqa-section-heading h2{margin:0;color:var(--mcqa-ink);font-size:20px;line-height:1.2;letter-spacing:-.012em}
.mcqa-app .mcqa-section-heading>span{margin-left:auto;color:var(--mcqa-muted);font-size:12px;font-weight:650}.mcqa-app .mcqa-section-heading>span:empty{display:none}
.mcqa-app .mcqa-section-heading--compact{align-items:center}
.mcqa-app .mcqa-section-link{border:0;background:transparent;color:var(--mcqa-blue);font-size:12px;font-weight:850}
.mcqa-app .mcqa-section-link span{font-size:18px;vertical-align:-1px}

/* Specialty navigation */
.mcqa-app .mcqa-specialty-hub{margin:0 0 26px}
.mcqa-app .mcqa-specialty-rail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px}
.mcqa-app .mcqa-specialty-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:100px;padding:12px 7px;border:1px solid var(--mcqa-line);border-radius:14px;background:var(--mcqa-surface);color:var(--mcqa-text)!important;text-align:center;box-shadow:var(--mcqa-shadow-soft)}
.mcqa-app .mcqa-specialty-pill>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--accent-soft,#eff6ff);color:var(--accent,var(--mcqa-blue))}
.mcqa-app .mcqa-specialty-pill>span .mcqa-svg-icon{width:23px;height:23px}
.mcqa-app .mcqa-specialty-pill b{display:-webkit-box;max-width:100%;overflow:hidden;color:#385364;font-size:12px;line-height:1.25;font-weight:800;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.mcqa-app .mcqa-specialty-pill:hover{transform:translateY(-2px);border-color:var(--accent-line,#bfdbfe);box-shadow:0 10px 24px rgba(24,69,94,.09)}
.mcqa-app .mcqa-specialty-pill--more{border-style:dashed}

/* Editorial dashboard */
.mcqa-app .mcqa-editorial-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 22px}
.mcqa-app .mcqa-dash-column{min-width:0}
.mcqa-app #mcqa-featured,.mcqa-app #mcqa-side-updates,.mcqa-app #mcqa-practice-updates{display:grid;gap:9px}
.mcqa-app .mcqa-dash-card{position:relative;display:grid;grid-template-columns:1fr;gap:6px;min-height:142px;padding:14px 15px;border:1px solid var(--mcqa-line);border-radius:14px;background:var(--mcqa-surface);box-shadow:var(--mcqa-shadow-soft);overflow:hidden}
.mcqa-app .mcqa-dash-card.is-highlighted{min-height:200px;padding:16px 17px;border-color:var(--accent-line,#bfdbfe);background:linear-gradient(145deg,var(--accent-soft,#eff6ff) 0%,#fff 72%);box-shadow:0 12px 28px rgba(31,76,100,.08)}
.mcqa-app .mcqa-dash-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mcqa-app .mcqa-dash-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft,#eff6ff);color:var(--accent,var(--mcqa-blue))}
.mcqa-app .mcqa-dash-icon .mcqa-svg-icon{width:21px;height:21px}
.mcqa-app .mcqa-dash-badge{padding:4px 7px;border-radius:999px;background:var(--accent,var(--mcqa-blue));color:#fff;font-size:9px;font-weight:900;letter-spacing:.045em}
.mcqa-app .mcqa-dash-card>small{color:var(--accent,var(--mcqa-blue));font-size:11px;font-weight:800}
.mcqa-app .mcqa-dash-card h3{display:block;margin:0;color:var(--mcqa-ink);font-size:15.5px;line-height:1.35;letter-spacing:-.008em}
.mcqa-app .mcqa-dash-card.is-highlighted h3{font-size:18px}
.mcqa-app .mcqa-dash-card p{display:block;margin:0;color:#536c7d;font-size:12.9px;line-height:1.55}
.mcqa-app .mcqa-dash-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:8px;border-top:1px solid rgba(210,224,232,.75)}
.mcqa-app .mcqa-dash-card footer>span{color:#8293a0;font-size:10.5px}
.mcqa-app .mcqa-dash-card footer button{min-width:30px;height:30px;padding:0 8px;border:0;border-radius:9px;background:#fff;color:var(--accent,var(--mcqa-blue));font-size:11px;font-weight:850;box-shadow:0 2px 10px rgba(36,73,93,.05)}

/* Statistics */
.mcqa-app .mcqa-library-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 28px;padding:15px 10px;border:1px solid var(--mcqa-line);border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f4f9fc);box-shadow:var(--mcqa-shadow-soft)}
.mcqa-app .mcqa-library-strip>div{display:grid;place-items:center;gap:2px;padding:4px 14px;border-right:1px solid var(--mcqa-line);text-align:center}
.mcqa-app .mcqa-library-strip>div:last-child{border-right:0}
.mcqa-app .mcqa-library-strip strong{color:#0869a4;font-size:23px;line-height:1.1}
.mcqa-app .mcqa-library-strip span{color:#657c8c;font-size:11px;font-weight:700}
.mcqa-app .mcqa-library-quality strong{display:grid;place-items:center;width:28px;height:28px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#0a67c4;font-size:15px}

/* Browse cards */
.mcqa-app .mcqa-browse-section{margin:0 0 22px;padding:20px;border:1px solid var(--mcqa-line);border-radius:20px;background:var(--mcqa-surface);box-shadow:var(--mcqa-shadow-soft)}
.mcqa-app .mcqa-magazine-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.mcqa-app .mcqa-magazine-title{display:grid;gap:2px}.mcqa-app .mcqa-magazine-title h2{margin:0;color:var(--mcqa-ink);font-size:21px}.mcqa-app .mcqa-magazine-title span{color:var(--mcqa-muted);font-size:12px}
.mcqa-app .mcqa-filter-label{display:grid;gap:4px;color:var(--mcqa-muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.mcqa-app .mcqa-filter-label select{min-width:210px;height:39px;padding:0 34px 0 11px;border:1px solid var(--mcqa-line);border-radius:10px;background:var(--mcqa-surface);color:var(--mcqa-text);font-size:13px;text-transform:none;letter-spacing:0;outline:none}
.mcqa-app .mcqa-magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.mcqa-app .mcqa-card{display:flex;flex-direction:column;min-width:0;min-height:230px;padding:15px;border:1px solid var(--mcqa-line);border-radius:14px;background:var(--mcqa-surface);box-shadow:var(--mcqa-shadow-soft);transition:.18s ease}
.mcqa-app .mcqa-card:hover{transform:translateY(-2px);border-color:var(--accent-line,#bfdbfe);box-shadow:0 11px 26px rgba(24,69,94,.09)}
.mcqa-app .mcqa-card-top{display:flex;align-items:center;gap:9px;min-width:0}
.mcqa-app .mcqa-card-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:var(--accent-soft,#eff6ff);color:var(--accent,var(--mcqa-blue))}
.mcqa-app .mcqa-card-icon .mcqa-svg-icon{width:19px;height:19px}
.mcqa-app .mcqa-card-path{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;color:var(--mcqa-muted);font-size:10.5px;font-weight:750;white-space:nowrap}
.mcqa-app .mcqa-card-path a{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--accent,var(--mcqa-blue))}
.mcqa-app .mcqa-status-chip{margin-left:auto;padding:3px 6px;border-radius:999px;background:#fff7ed;color:#c2410c;font-size:9px;font-weight:900;white-space:nowrap}
.mcqa-app .mcqa-card h3{display:block;margin:14px 0 8px;color:var(--mcqa-ink);font-size:16px;line-height:1.38;letter-spacing:-.008em}
.mcqa-app .mcqa-card>p{display:block;margin:0;color:#587083;font-size:13px;line-height:1.56}
.mcqa-app .mcqa-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--mcqa-line)}
.mcqa-app .mcqa-card-signals{display:flex;align-items:center;gap:7px;color:#8394a0;font-size:10.5px}
.mcqa-app .mcqa-verified-check{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#e6f4ff;color:#0a67c4;font-size:12px;font-weight:900}
.mcqa-app .mcqa-card-foot button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent,var(--mcqa-blue));font-size:11px;font-weight:850}
.mcqa-app .mcqa-card-foot button i{font-style:normal;font-size:16px}
.mcqa-app .mcqa-more-wrap{display:flex;justify-content:center;margin-top:16px}.mcqa-app .mcqa-load-more{padding:9px 15px;border:1px solid #bcd7e6;border-radius:10px;background:#f6fbfe;color:var(--mcqa-blue);font-weight:850}
.mcqa-app .mcqa-empty{grid-column:1/-1;display:grid;gap:4px;padding:30px;text-align:center;color:var(--mcqa-muted)}.mcqa-app .mcqa-empty strong{color:var(--mcqa-ink)}

/* Help */
.mcqa-app .mcqa-help-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 22px;padding:22px 24px;border:1px solid #cfe3ee;border-radius:18px;background:linear-gradient(120deg,#f7fcff,#eef8fc);overflow:hidden}.mcqa-app .mcqa-help-panel h2{margin:0 0 4px;color:var(--mcqa-ink);font-size:19px}.mcqa-app .mcqa-help-panel p{margin:0;color:var(--mcqa-muted);font-size:13px}.mcqa-app .mcqa-help-btn{position:relative;z-index:2;flex:0 0 auto;padding:9px 13px;border:1px solid #a7ccdf;border-radius:10px;background:#fff;color:var(--mcqa-blue);font-weight:850}.mcqa-app .mcqa-help-art{position:absolute;right:130px;top:-38px;color:rgba(8,104,165,.055);font-size:150px;line-height:1}

/* Taxonomy landing */
.mcqa-app #mcqa-taxonomy-view{display:grid;gap:18px}.mcqa-app #mcqa-taxonomy-view[hidden]{display:none!important}
.mcqa-app .mcqa-taxonomy-hero{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:18px;padding:26px;border:1px solid #d6e5ee;border-radius:20px;background:linear-gradient(120deg,#f7fcff,#eef8ff)}
.mcqa-app .mcqa-taxonomy-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;color:var(--mcqa-blue);box-shadow:var(--mcqa-shadow-soft)}.mcqa-app .mcqa-taxonomy-icon .mcqa-svg-icon{width:34px;height:34px}
.mcqa-app .mcqa-taxonomy-hero span{color:#1c83a5;font-size:11px;font-weight:900;letter-spacing:.07em}.mcqa-app .mcqa-taxonomy-hero h1{margin:4px 0 5px;color:var(--mcqa-ink);font-size:30px}.mcqa-app .mcqa-taxonomy-hero p{margin:0;color:var(--mcqa-muted)}
.mcqa-app .mcqa-taxonomy-home{padding:9px 12px;border:1px solid #bcd7e6;border-radius:10px;background:#fff;color:var(--mcqa-blue);font-size:12px;font-weight:850}
.mcqa-app .mcqa-taxonomy-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mcqa-app .mcqa-taxonomy-summary>div{display:grid;gap:2px;padding:14px;border:1px solid var(--mcqa-line);border-radius:12px;background:var(--mcqa-surface)}.mcqa-app .mcqa-taxonomy-summary strong{color:var(--mcqa-blue);font-size:21px}.mcqa-app .mcqa-taxonomy-summary span{color:var(--mcqa-muted);font-size:11px}
.mcqa-app .mcqa-taxonomy-groups,.mcqa-app .mcqa-taxonomy-featured,.mcqa-app .mcqa-tax-section{padding:18px;border:1px solid var(--mcqa-line);border-radius:17px;background:var(--mcqa-surface)}
.mcqa-app .mcqa-taxonomy-chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mcqa-app .mcqa-taxonomy-chip-grid>*{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid var(--mcqa-line);border-radius:10px;background:var(--mcqa-surface-2);color:var(--mcqa-text);font-size:12px}.mcqa-app .mcqa-taxonomy-chip-grid b{color:var(--mcqa-blue)}
.mcqa-app .mcqa-taxonomy-controls{display:flex;align-items:end;gap:10px;padding:13px;border:1px solid var(--mcqa-line);border-radius:14px;background:var(--mcqa-surface)}.mcqa-app .mcqa-taxonomy-controls label{display:grid;gap:4px;color:var(--mcqa-muted);font-size:10px;font-weight:850}.mcqa-app .mcqa-taxonomy-controls select{min-width:190px;height:39px;padding:0 10px;border:1px solid var(--mcqa-line);border-radius:9px;background:var(--mcqa-surface);color:var(--mcqa-text)}
.mcqa-app .mcqa-taxonomy-sections{display:grid;gap:14px}.mcqa-app .mcqa-section-note{color:var(--mcqa-muted);font-size:11px}

/* Specialty drawer */
.mcqa-app .mcqa-specialty-drawer{position:fixed;z-index:2300;inset:0;display:none;align-items:flex-end;justify-content:center;padding:18px}.mcqa-app .mcqa-specialty-drawer.is-open{display:flex}.mcqa-app .mcqa-specialty-backdrop{position:absolute;inset:0;background:rgba(4,24,36,.52);backdrop-filter:blur(4px)}
.mcqa-app .mcqa-specialty-drawer>section{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;width:min(800px,100%);max-height:min(84vh,800px);padding:20px;border:1px solid var(--mcqa-line);border-radius:20px;background:var(--mcqa-surface);box-shadow:0 28px 80px rgba(0,0,0,.25)}
.mcqa-app .mcqa-specialty-drawer>section>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.mcqa-app .mcqa-specialty-drawer>section>header span{color:var(--mcqa-blue);font-size:10px;font-weight:900;letter-spacing:.07em}.mcqa-app .mcqa-specialty-drawer>section>header h2{margin:2px 0 0;color:var(--mcqa-ink);font-size:23px}.mcqa-app .mcqa-specialty-drawer>section>header button{width:36px;height:36px;border:1px solid var(--mcqa-line);border-radius:10px;background:var(--mcqa-surface-2);color:var(--mcqa-ink);font-size:20px}
.mcqa-app .mcqa-specialty-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:44px;padding:0 11px;border:1px solid var(--mcqa-line);border-radius:11px;background:var(--mcqa-surface-2);color:var(--mcqa-blue)}.mcqa-app .mcqa-specialty-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:var(--mcqa-ink)!important;font-size:16px!important;box-shadow:none!important}
.mcqa-app .mcqa-specialty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:0;overflow:auto}.mcqa-app .mcqa-specialty-drawer-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:8px 10px;border:1px solid var(--mcqa-line);border-radius:12px;background:var(--mcqa-surface)}.mcqa-app .mcqa-specialty-drawer-item>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft,#eff6ff);color:var(--accent,var(--mcqa-blue))}.mcqa-app .mcqa-specialty-drawer-item b{color:var(--mcqa-ink);font-size:13px}.mcqa-app .mcqa-specialty-drawer-item small{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--mcqa-surface-2);color:var(--mcqa-muted);font-size:11px;font-weight:850}.mcqa-app .mcqa-specialty-all{display:flex;justify-content:space-between;padding:10px 11px;border:1px solid #c3dce9;border-radius:11px;background:#f5fbfe;color:var(--mcqa-blue)!important;font-size:12px;font-weight:850}
.mcqa-app .mcqa-specialty-recent{display:grid;gap:5px}.mcqa-app .mcqa-specialty-recent>span{color:var(--mcqa-muted);font-size:10px;font-weight:850}.mcqa-app .mcqa-specialty-recent>div{display:flex;gap:6px;overflow:auto}.mcqa-app .mcqa-specialty-recent a{flex:0 0 auto;padding:5px 8px;border:1px solid var(--mcqa-line);border-radius:999px;background:var(--mcqa-surface-2);font-size:11px}
.mcqa-app .mcqa-specialty-empty{grid-column:1/-1;padding:20px;text-align:center;color:var(--mcqa-muted)}

/* Detail drawer */
body.mcqa-v110-scroll-lock,body.mcqa-v112-specialty-lock{overflow:hidden!important}
.mcqa-app .mcqa-drawer{position:fixed;z-index:2500;left:var(--mcqa-dialog-vv-left,0px);top:var(--mcqa-dialog-vv-top,0px);display:none;align-items:center;justify-content:center;width:var(--mcqa-dialog-vv-width,100vw);height:var(--mcqa-dialog-vv-height,100dvh);max-width:100vw;max-height:100dvh;padding:clamp(8px,2vw,22px);box-sizing:border-box;overflow:hidden;overscroll-behavior:contain}.mcqa-app .mcqa-drawer.is-open{display:flex}.mcqa-app .mcqa-backdrop{position:absolute;inset:0;background:rgba(4,22,34,.62)}
.mcqa-app .mcqa-detail{position:relative;z-index:1;display:flex;flex-direction:column;width:min(880px,100%);max-width:100%;max-height:100%;min-height:0;overflow:hidden;border:1px solid var(--mcqa-line);border-radius:20px;background:var(--mcqa-surface);box-shadow:0 24px 80px rgba(0,0,0,.24)}
.mcqa-app .mcqa-modal-bar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:9px 16px;border-bottom:1px solid var(--mcqa-line);background:var(--mcqa-surface);color:var(--mcqa-ink);font-weight:850}.mcqa-app .mcqa-close{flex:0 0 auto;width:36px;height:36px;border:1px solid var(--mcqa-line);border-radius:10px;background:var(--mcqa-surface-2);color:var(--mcqa-ink);font-size:21px}
.mcqa-app .mcqa-detail-scroll{flex:1 1 auto;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px 24px 32px}.mcqa-app .mcqa-detail-head{padding:18px;border:1px solid var(--accent-line,#bfdbfe);border-radius:17px;background:linear-gradient(145deg,var(--accent-soft,#eff6ff),#fff)}.mcqa-app .mcqa-detail-path{display:flex;flex-wrap:wrap;gap:6px;color:var(--accent,var(--mcqa-blue));font-size:11px;font-weight:800}.mcqa-app .mcqa-detail-path i{font-style:normal;color:#a9bac5}.mcqa-app .mcqa-detail-head h2{margin:9px 0 11px;color:var(--mcqa-ink);font-size:27px;line-height:1.25}.mcqa-app .mcqa-detail-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--mcqa-muted);font-size:11px}
.mcqa-app .mcqa-detail-nav{position:sticky;top:-20px;z-index:3;display:flex;gap:6px;margin:12px 0;padding:8px 0;background:var(--mcqa-surface);overflow:auto}.mcqa-app .mcqa-detail-nav button{flex:0 0 auto;padding:7px 9px;border:1px solid var(--mcqa-line);border-radius:999px;background:var(--mcqa-surface-2);color:var(--mcqa-text);font-size:11px;font-weight:800}
.mcqa-app .mcqa-answer-box,.mcqa-app .mcqa-pearl-box{margin:12px 0;padding:17px 18px;border-radius:15px}.mcqa-app .mcqa-answer-box{border:1px solid #b9dced;background:#f3fbff}.mcqa-app .mcqa-pearl-box{border:1px solid #bce8dc;background:#f3fdf9}.mcqa-app .mcqa-answer-box>span,.mcqa-app .mcqa-pearl-box>span{display:block;margin-bottom:5px;color:var(--mcqa-blue);font-size:10px;font-weight:900;letter-spacing:.06em}.mcqa-app .mcqa-pearl-box>span{color:#0b8566}.mcqa-app .mcqa-answer-box p,.mcqa-app .mcqa-pearl-box p{margin:0;color:var(--mcqa-ink);font-size:16px;line-height:1.62}
.mcqa-app .mcqa-detail-section{margin:12px 0;padding:17px;border:1px solid var(--mcqa-line);border-radius:14px;background:var(--mcqa-surface)}.mcqa-app .mcqa-detail-section h3{margin:0 0 7px;color:var(--mcqa-ink);font-size:16px}.mcqa-app .mcqa-detail-section p{margin:0;color:var(--mcqa-text);line-height:1.65}.mcqa-app .mcqa-apply-grid,.mcqa-app .mcqa-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mcqa-app .mcqa-apply-grid>div,.mcqa-app .mcqa-two-col>div{padding:13px;border-radius:11px;background:var(--mcqa-surface-2)}
.mcqa-app .mcqa-outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mcqa-app .mcqa-outcome-card{padding:13px;border:1px solid var(--mcqa-line);border-radius:11px;background:var(--mcqa-surface-2)}
.mcqa-app .mcqa-evidence-list{display:grid;gap:8px}.mcqa-app .mcqa-source{padding:12px;border:1px solid var(--mcqa-line);border-radius:10px;background:var(--mcqa-surface-2)}.mcqa-app .mcqa-source-top{display:flex;justify-content:space-between;gap:10px}.mcqa-app .mcqa-source-top strong{color:var(--mcqa-ink)}.mcqa-app .mcqa-source-meta{color:var(--mcqa-muted);font-size:11px}.mcqa-app .mcqa-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mcqa-app .mcqa-related-card{display:grid;gap:4px;padding:12px;border:1px solid var(--mcqa-line);border-radius:10px;background:var(--mcqa-surface-2);text-align:left}.mcqa-app .mcqa-related-card span{color:var(--mcqa-muted);font-size:10px}.mcqa-app .mcqa-related-card strong{color:var(--mcqa-ink);font-size:13px}.mcqa-app .mcqa-related-card i{color:var(--mcqa-blue);font-size:11px;font-style:normal;font-weight:850}
.mcqa-app .mcqa-scroll-btn{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:var(--mcqa-blue);color:#fff;box-shadow:0 10px 25px rgba(8,104,165,.25)}

/* About */
.mcqa-app .mcqa-about{position:fixed;z-index:2600;inset:0;display:grid;place-items:center;padding:18px}.mcqa-app .mcqa-about-backdrop{position:absolute;inset:0;background:rgba(5,23,34,.55)}.mcqa-app .mcqa-about>section{position:relative;z-index:1;width:min(420px,100%);padding:24px;border-radius:18px;background:var(--mcqa-surface);box-shadow:0 30px 80px rgba(0,0,0,.25);text-align:center}.mcqa-app .mcqa-about>section>button{position:absolute;right:12px;top:12px;width:34px;height:34px;border:1px solid var(--mcqa-line);border-radius:9px;background:var(--mcqa-surface-2);color:var(--mcqa-ink)}.mcqa-app .mcqa-about img{width:72px;height:72px}.mcqa-app .mcqa-about h2{margin:8px 0;color:var(--mcqa-ink)}.mcqa-app .mcqa-about p{color:var(--mcqa-muted)}.mcqa-app .mcqa-about small{color:var(--mcqa-muted)}

/* Footer */
.mcqa-app .mcqa-app-footer{display:flex;justify-content:flex-start;align-items:center;margin-top:6px;padding:15px 4px 8px;border-top:1px solid var(--mcqa-line);color:var(--mcqa-muted);font-size:11.5px;text-align:left}
.mcqa-app .mcqa-footer-access{margin:0;max-width:100%;line-height:1.6}
.mcqa-app .mcqa-footer-quota{color:var(--mcqa-ink);font-weight:900}
.mcqa-app .mcqa-footer-access a{color:var(--mcqa-blue);font-weight:900;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.mcqa-app .mcqa-footer-access a:hover{color:var(--mcqa-blue-2)}
.mcqa-app .mcqa-footer-member{color:var(--mcqa-text);font-weight:700}

/* Dark mode */

















/* Standalone / host shell */
.mcqa-app.is-standalone{width:100%;max-width:none;padding-top:0}.mcqa-app.is-standalone .mcqa-app-header{top:0;margin-top:0;border-radius:0 0 16px 16px}
body.mcqa-canonical-page .mcqa-host-content-shell{margin-top:0!important;padding-top:0!important;padding-bottom:0!important;border:0!important}
body.mcqa-standalone-mode #wpadminbar,body.mcqa-standalone-mode .syh-site-header,body.mcqa-standalone-mode .yhlsm-site-header,body.mcqa-standalone-mode .site-header,body.mcqa-standalone-mode #masthead,body.mcqa-standalone-mode .site-footer,body.mcqa-standalone-mode .nah-sdp-dock{display:none!important}

/* Tablet */
@media (max-width:1199px){
  .mcqa-app{width:100%;padding:10px 12px 26px}
  .mcqa-app .mcqa-app-header{grid-template-columns:180px minmax(280px,1fr) auto;gap:12px;min-height:66px;padding:8px 10px;border-radius:15px}
  .mcqa-app .mcqa-brand-copy strong{font-size:14px}.mcqa-app .mcqa-brand-copy small{font-size:10px}
  .mcqa-app .mcqa-header-action span{display:none}.mcqa-app .mcqa-header-action{width:42px;padding:0}
  .mcqa-app .mcqa-hero-shell{grid-template-columns:minmax(0,.82fr) minmax(430px,1fr);gap:18px;min-height:300px;padding:28px 26px}
  .mcqa-app .mcqa-hero-copy h1{font-size:42px}.mcqa-app .mcqa-hero-copy>p{font-size:15px}
  .mcqa-app .mcqa-hero-spotlight{grid-template-columns:minmax(0,1fr) 170px;min-height:232px;padding:20px 18px 44px}.mcqa-app .mcqa-spotlight-copy>strong{font-size:19px}
  .mcqa-app .mcqa-specialty-rail{grid-template-columns:repeat(5,minmax(0,1fr))}
  .mcqa-app .mcqa-editorial-dashboard{gap:13px}.mcqa-app .mcqa-dash-card{padding:12px;min-height:148px}.mcqa-app .mcqa-dash-card.is-highlighted{min-height:205px}.mcqa-app .mcqa-dash-card h3{font-size:14px}.mcqa-app .mcqa-dash-card.is-highlighted h3{font-size:16px}
  .mcqa-app .mcqa-magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Compact tablet / mobile: one-row app header contract */
@media (max-width:900px){
  .mcqa-app{padding:8px 8px 22px}
  .mcqa-app .mcqa-app-header{grid-template-columns:46px minmax(0,1fr) 42px;gap:8px;min-height:58px;padding:6px 7px;margin-bottom:10px;border-radius:14px}
  .mcqa-app .mcqa-app-brand{width:46px}.mcqa-app .mcqa-app-brand img{width:42px;height:42px}.mcqa-app .mcqa-brand-copy{display:none}
  .mcqa-app .mcqa-header-search{grid-template-columns:18px minmax(0,1fr) auto 38px;min-height:44px;padding-left:10px;border-radius:12px}.mcqa-app .mcqa-header-search>svg{width:17px;height:17px}.mcqa-app .mcqa-header-search input{height:36px;font-size:16px!important}.mcqa-app #mcqa-search-submit{width:36px;height:36px;border-radius:10px}
  .mcqa-app .mcqa-header-specialty{display:none}.mcqa-app .mcqa-header-actions{display:block}.mcqa-app .mcqa-header-icon{width:40px;height:40px}
  .mcqa-app .mcqa-search-suggestions{position:fixed;left:8px;right:8px;top:calc(var(--mcqa-sticky-top) + 62px);max-height:55vh}
  .mcqa-app .mcqa-hero-shell{grid-template-columns:1fr;gap:16px;min-height:0;padding:24px 20px;border-radius:19px}
  .mcqa-app .mcqa-hero-copy{padding:0}.mcqa-app .mcqa-eyebrow{margin-bottom:8px}.mcqa-app .mcqa-hero-copy h1{max-width:none;margin-bottom:8px;font-size:36px}.mcqa-app .mcqa-hero-copy>p{max-width:none;font-size:14px}.mcqa-app .mcqa-hero-trust{gap:12px;margin-top:16px;font-size:11px}.mcqa-app .mcqa-hero-trust i{width:24px;height:24px}
  .mcqa-app .mcqa-hero-spotlight{grid-template-columns:minmax(0,1fr) 180px;min-height:225px;padding:18px 16px 42px}.mcqa-app .mcqa-spotlight-copy>strong{font-size:18px}.mcqa-app .mcqa-spotlight-art svg{max-width:175px}
  .mcqa-app .mcqa-marquee-shell{margin-bottom:20px}.mcqa-app .mcqa-marquee-label{font-size:10px}.mcqa-app .mcqa-marquee-track button{max-width:330px;padding-inline:12px}.mcqa-app .mcqa-marquee-track button strong{max-width:220px}
  .mcqa-app .mcqa-specialty-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mcqa-app .mcqa-specialty-pill{min-height:88px;padding:9px 5px}.mcqa-app .mcqa-specialty-pill>span{width:36px;height:36px}.mcqa-app .mcqa-specialty-pill b{font-size:11px}
  .mcqa-app .mcqa-editorial-dashboard{grid-template-columns:1fr;gap:20px}.mcqa-app .mcqa-dash-column{display:grid}.mcqa-app #mcqa-featured,.mcqa-app #mcqa-side-updates,.mcqa-app #mcqa-practice-updates{grid-template-columns:repeat(2,minmax(0,1fr))}.mcqa-app .mcqa-dash-card.is-highlighted{grid-row:span 2}
  .mcqa-app .mcqa-library-strip{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 4px}.mcqa-app .mcqa-library-strip strong{font-size:20px}.mcqa-app .mcqa-library-strip span{font-size:10px}
  .mcqa-app .mcqa-browse-section{padding:15px 13px;border-radius:16px}.mcqa-app .mcqa-help-panel{padding:18px}
  .mcqa-app .mcqa-taxonomy-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mcqa-app .mcqa-taxonomy-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mcqa-app .mcqa-taxonomy-controls{flex-wrap:wrap}.mcqa-app .mcqa-taxonomy-controls label{flex:1 1 220px}.mcqa-app .mcqa-taxonomy-controls select{width:100%;min-width:0}
}

/* Mobile */
@media (max-width:640px){
  .mcqa-app{padding:6px 6px 20px;font-size:14px}
  .mcqa-app .mcqa-app-header{grid-template-columns:40px minmax(0,1fr) 38px;gap:6px;min-height:54px;padding:5px 6px;border-radius:12px}.mcqa-app .mcqa-app-brand{width:40px}.mcqa-app .mcqa-app-brand img{width:38px;height:38px}.mcqa-app .mcqa-header-icon{width:36px;height:36px;border-radius:10px}.mcqa-app .mcqa-header-search{grid-template-columns:16px minmax(0,1fr) auto 34px;gap:5px;min-height:40px;padding:2px 3px 2px 8px}.mcqa-app .mcqa-header-search input{height:34px;font-size:16px!important}.mcqa-app #mcqa-search-submit{width:32px;height:32px}.mcqa-app #mcqa-search-submit svg{width:16px;height:16px}.mcqa-app .mcqa-header-clear{width:24px;height:24px;font-size:19px}
  .mcqa-app .mcqa-hero-shell{padding:19px 15px 15px;border-radius:17px}.mcqa-app .mcqa-eyebrow{font-size:9.5px}.mcqa-app .mcqa-hero-copy h1{font-size:31px;line-height:1.07;letter-spacing:-.03em}.mcqa-app .mcqa-hero-copy>p{font-size:13px;line-height:1.55}.mcqa-app .mcqa-hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:14px}.mcqa-app .mcqa-hero-trust span{flex-direction:column;gap:4px;text-align:center;font-size:9px}.mcqa-app .mcqa-hero-trust i{width:22px;height:22px;border-radius:7px}
  .mcqa-app .mcqa-hero-spotlight{grid-template-columns:minmax(0,1fr) 118px;gap:8px;min-height:190px;padding:15px 12px 38px;border-radius:15px}.mcqa-app .mcqa-spotlight-kicker{margin-bottom:6px;padding:4px 7px;font-size:8px}.mcqa-app .mcqa-spotlight-copy>small{font-size:9px}.mcqa-app .mcqa-spotlight-copy>strong{margin:5px 0;font-size:15px;line-height:1.25}.mcqa-app .mcqa-spotlight-copy>p{margin-bottom:8px;font-size:10.5px;line-height:1.4;-webkit-line-clamp:2}.mcqa-app .mcqa-spotlight-cta{padding:6px 8px;font-size:9px}.mcqa-app .mcqa-spotlight-art svg{max-width:116px}.mcqa-app .mcqa-spotlight-controls{left:10px;right:10px;bottom:7px}.mcqa-app .mcqa-spotlight-controls>button{width:24px;height:24px;font-size:17px}
  .mcqa-app .mcqa-marquee-shell{grid-template-columns:1fr;margin:8px 0 18px;padding:0;border-radius:10px}.mcqa-app .mcqa-marquee-label{padding:7px 9px;border-right:0;border-bottom:1px solid var(--mcqa-line)}.mcqa-app .mcqa-hero-dynamic-strip{padding:5px 0}.mcqa-app .mcqa-marquee-track button{max-width:280px;padding:2px 10px}.mcqa-app .mcqa-marquee-track button span{font-size:9px}.mcqa-app .mcqa-marquee-track button strong{max-width:180px;font-size:10px}
  .mcqa-app .mcqa-section-heading{align-items:center;margin-bottom:9px}.mcqa-app .mcqa-section-heading h2{font-size:17px}.mcqa-app .mcqa-section-heading--compact>span{display:none}
  .mcqa-app .mcqa-specialty-hub{margin-bottom:20px}.mcqa-app .mcqa-specialty-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mcqa-app .mcqa-specialty-pill{min-height:78px;padding:7px 4px;border-radius:11px;box-shadow:none}.mcqa-app .mcqa-specialty-pill>span{width:33px;height:33px;border-radius:10px}.mcqa-app .mcqa-specialty-pill>span .mcqa-svg-icon{width:19px;height:19px}.mcqa-app .mcqa-specialty-pill b{font-size:9.5px;line-height:1.2}
  .mcqa-app .mcqa-editorial-dashboard{gap:17px}.mcqa-app #mcqa-featured,.mcqa-app #mcqa-side-updates,.mcqa-app #mcqa-practice-updates{grid-template-columns:1fr;gap:7px}.mcqa-app .mcqa-dash-card,.mcqa-app .mcqa-dash-card.is-highlighted{min-height:0;padding:12px;border-radius:12px}.mcqa-app .mcqa-dash-card.is-highlighted{background:linear-gradient(145deg,var(--accent-soft,#eff6ff),var(--mcqa-surface) 82%)}.mcqa-app .mcqa-dash-icon{width:32px;height:32px}.mcqa-app .mcqa-dash-card h3,.mcqa-app .mcqa-dash-card.is-highlighted h3{font-size:14px;-webkit-line-clamp:3}.mcqa-app .mcqa-dash-card p{font-size:11px;-webkit-line-clamp:2}.mcqa-app .mcqa-dash-card footer{padding-top:6px}.mcqa-app .mcqa-dash-card footer button{height:28px}
  .mcqa-app .mcqa-library-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:20px;padding:5px}.mcqa-app .mcqa-library-strip>div{padding:9px 6px;border-right:1px solid var(--mcqa-line);border-bottom:1px solid var(--mcqa-line)}.mcqa-app .mcqa-library-strip>div:nth-child(2){border-right:0}.mcqa-app .mcqa-library-strip>div:nth-child(n/**/+3){border-bottom:0}.mcqa-app .mcqa-library-strip strong{font-size:18px}.mcqa-app .mcqa-library-strip span{font-size:9px}
  .mcqa-app .mcqa-magazine-head{align-items:stretch;flex-direction:column;gap:8px}.mcqa-app .mcqa-magazine-title h2{font-size:18px}.mcqa-app .mcqa-filter-label select{width:100%;min-width:0}.mcqa-app .mcqa-magazine-grid{grid-template-columns:1fr;gap:8px}.mcqa-app .mcqa-card{min-height:0;padding:12px;border-radius:12px;box-shadow:none}.mcqa-app .mcqa-card h3{margin:10px 0 6px;font-size:14px;-webkit-line-clamp:3}.mcqa-app .mcqa-card>p{font-size:11.5px;-webkit-line-clamp:2}.mcqa-app .mcqa-card-path{font-size:9px}.mcqa-app .mcqa-card-foot button span{display:none}.mcqa-app .mcqa-card-foot button i{font-size:18px}
  .mcqa-app .mcqa-help-panel{display:grid;gap:12px;padding:16px;border-radius:14px}.mcqa-app .mcqa-help-panel h2{font-size:16px}.mcqa-app .mcqa-help-panel p{font-size:11px}.mcqa-app .mcqa-help-btn{justify-self:start}.mcqa-app .mcqa-help-art{display:none}
  .mcqa-app .mcqa-taxonomy-hero{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:16px}.mcqa-app .mcqa-taxonomy-icon{width:48px;height:48px}.mcqa-app .mcqa-taxonomy-icon .mcqa-svg-icon{width:26px;height:26px}.mcqa-app .mcqa-taxonomy-hero h1{font-size:21px}.mcqa-app .mcqa-taxonomy-home{grid-column:1/-1;justify-self:start}.mcqa-app .mcqa-taxonomy-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mcqa-app .mcqa-taxonomy-groups,.mcqa-app .mcqa-taxonomy-featured,.mcqa-app .mcqa-tax-section{padding:12px}.mcqa-app .mcqa-taxonomy-chip-grid{grid-template-columns:1fr}
  .mcqa-app .mcqa-specialty-drawer{padding:6px}.mcqa-app .mcqa-specialty-drawer>section{padding:14px 10px 10px;border-radius:18px 18px 12px 12px}.mcqa-app .mcqa-specialty-grid{grid-template-columns:1fr}
  .mcqa-app .mcqa-drawer{padding:6px}.mcqa-app .mcqa-detail{width:100%;max-height:100%;border-radius:16px}.mcqa-app .mcqa-modal-bar{min-height:50px;padding:7px 10px}.mcqa-app .mcqa-detail-scroll{padding:14px 12px 24px}.mcqa-app .mcqa-detail-head{padding:14px}.mcqa-app .mcqa-detail-head h2{font-size:21px}.mcqa-app .mcqa-answer-box p,.mcqa-app .mcqa-pearl-box p{font-size:14px}.mcqa-app .mcqa-apply-grid,.mcqa-app .mcqa-two-col,.mcqa-app .mcqa-outcome-grid,.mcqa-app .mcqa-related-grid{grid-template-columns:1fr}
  .mcqa-app .mcqa-app-footer{align-items:flex-start;padding:12px 2px 6px;text-align:left}.mcqa-app .mcqa-footer-access{font-size:11px;line-height:1.55}
}

/* Host cleanup and standalone prepaint */
body.mcqa-canonical-page .tvm-breadcrumb,body.mcqa-canonical-page .yhlsm-breadcrumb,body.mcqa-canonical-page .tvm-page-hero,body.mcqa-canonical-page .yhlsm-page-hero,body.mcqa-canonical-page .mcqa-host-breadcrumb-hidden,body.mcqa-canonical-page .mcqa-host-page-hero-hidden{display:none!important}
body.mcqa-canonical-page .tvm-legacy-header-search,body.mcqa-canonical-page .yhlsm-legacy-header-search,body.mcqa-canonical-page .mcqa-host-search-hidden{display:none!important}
html.mcqa-standalone-prepaint body #wpadminbar,html.mcqa-standalone-prepaint body .syh-site-header,html.mcqa-standalone-prepaint body .yhlsm-site-header,html.mcqa-standalone-prepaint body .site-header,html.mcqa-standalone-prepaint body #masthead{display:none!important}


/* v1.5.1 — Desktop hierarchy, calmer metadata, access gate */
@media (min-width:1025px){
  .mcqa-app .mcqa-hero-shell{grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr);gap:30px;padding:38px 42px;min-height:340px}
  .mcqa-app .mcqa-hero-copy h1{font-size:clamp(40px,3.1vw,54px);max-width:610px}
  .mcqa-app .mcqa-hero-trust{gap:10px;margin-top:22px}
  .mcqa-app .mcqa-hero-trust span{padding:7px 10px;border:1px solid rgba(157,204,224,.7);border-radius:999px;background:rgba(255,255,255,.58);font-size:11.5px}
  .mcqa-app .mcqa-hero-trust i{width:22px;height:22px;border-radius:7px}
  .mcqa-app .mcqa-hero-spotlight{grid-template-columns:minmax(0,1fr) 230px;min-height:270px;padding:26px 24px 50px}
  .mcqa-app .mcqa-editorial-dashboard{grid-template-columns:1.18fr 1fr 1fr;gap:18px}
  .mcqa-app .mcqa-lead-feature{padding-right:4px}
  .mcqa-app #mcqa-featured .mcqa-dash-card.is-highlighted{min-height:220px}
  .mcqa-app .mcqa-dash-card:not(.is-highlighted){box-shadow:none}
  .mcqa-app .mcqa-library-strip{margin-top:22px}
}
.mcqa-app .mcqa-status-chip{background:#fff7ed;color:#b45309}
.mcqa-app .mcqa-card-signals:empty{display:none}
.mcqa-app .mcqa-card-foot{min-height:37px}
.mcqa-app .mcqa-card-foot:has(.mcqa-card-signals:empty){justify-content:flex-end}
.mcqa-app .mcqa-dash-card footer>span:empty{display:none}
.mcqa-app .mcqa-dash-card footer{min-height:34px}
.mcqa-app .mcqa-browse-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mcqa-app .mcqa-browse-filters button{min-height:36px;padding:0 13px;border:1px solid var(--mcqa-line);border-radius:999px;background:var(--mcqa-surface);color:var(--mcqa-muted);font-size:11px;font-weight:850;transition:.16s ease}
.mcqa-app .mcqa-browse-filters button:hover{border-color:#b7d7e6;color:var(--mcqa-blue);background:#f5fbfe}
.mcqa-app .mcqa-browse-filters button.is-active{border-color:#9bc9dd;background:#eaf7fc;color:#08638d;box-shadow:inset 0 0 0 1px rgba(8,104,165,.03)}
.mcqa-app .mcqa-marquee-track button{max-width:none!important}
.mcqa-app .mcqa-marquee-track button strong{max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap}
.mcqa-app .mcqa-access-gate{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:520px;padding:42px 38px;border:1px solid #cfe0e9;border-radius:22px;background:linear-gradient(145deg,#f8fcff,#eef8fc 72%,#f8fcff);box-shadow:var(--mcqa-shadow);text-align:left}
.mcqa-app .mcqa-access-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:16px;background:#e5f6fb;color:#0878a6;font-size:32px;font-weight:300}
.mcqa-app .mcqa-access-kicker{color:#0c789d;font-size:10px;font-weight:900;letter-spacing:.08em}
.mcqa-app .mcqa-access-gate h2{max-width:560px;margin:7px 0 12px;color:var(--mcqa-ink);font-size:30px;line-height:1.18;letter-spacing:-.02em}
.mcqa-app .mcqa-access-gate p{max-width:600px;margin:0;color:#506d7d;font-size:15px;line-height:1.65}
.mcqa-app .mcqa-access-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.mcqa-app .mcqa-access-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:11px;font-size:13px;font-weight:850}
.mcqa-app .mcqa-access-primary{border:1px solid #0870a7;background:#0870a7;color:#fff!important;box-shadow:0 8px 18px rgba(8,104,165,.16)}
.mcqa-app .mcqa-access-secondary{border:1px solid #b9d3df;background:#fff;color:#0a628c!important}
.mcqa-app .mcqa-access-gate small{margin-top:16px;color:#82939e;font-size:10.5px}



@media (max-width:640px){
  .mcqa-app .mcqa-browse-filters{gap:6px;overflow:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none}.mcqa-app .mcqa-browse-filters::-webkit-scrollbar{display:none}.mcqa-app .mcqa-browse-filters button{flex:0 0 auto;min-height:34px;padding-inline:11px;font-size:10px}
  .mcqa-app .mcqa-marquee-track button{padding-inline:12px!important}.mcqa-app .mcqa-marquee-track button strong{font-size:10px}
  .mcqa-app .mcqa-access-gate{min-height:440px;padding:28px 20px;border-radius:17px}.mcqa-app .mcqa-access-mark{width:48px;height:48px}.mcqa-app .mcqa-access-gate h2{font-size:24px}.mcqa-app .mcqa-access-gate p{font-size:13px}.mcqa-app .mcqa-access-actions{width:100%}.mcqa-app .mcqa-access-actions a{width:100%}
}

/* v1.5.2 — Viewport-safe answer popup hardening */
.mcqa-app .mcqa-detail,.mcqa-app .mcqa-detail *{box-sizing:border-box}
.mcqa-app .mcqa-detail-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y}
.mcqa-app .mcqa-detail-scroll:focus-visible,.mcqa-app .mcqa-close:focus-visible{outline:3px solid color-mix(in srgb,var(--mcqa-blue) 55%,transparent);outline-offset:2px}
.mcqa-app .mcqa-access-gate{min-height:0;max-width:100%}
@supports not (height:100dvh){.mcqa-app .mcqa-drawer{height:var(--mcqa-dialog-vv-height,100vh);max-height:100vh}}
@media (max-height:620px){
  .mcqa-app .mcqa-drawer{padding:6px}
  .mcqa-app .mcqa-modal-bar{min-height:46px;padding-block:5px}
  .mcqa-app .mcqa-detail-scroll{padding-top:12px;padding-bottom:16px}
  .mcqa-app .mcqa-access-gate{padding:20px 18px}
  .mcqa-app .mcqa-access-mark{width:42px;height:42px;margin-bottom:10px;font-size:26px}
  .mcqa-app .mcqa-access-gate h2{margin-block:5px 8px;font-size:22px}
  .mcqa-app .mcqa-access-actions{margin-top:14px}
}
@media (max-width:640px){
  .mcqa-app .mcqa-access-gate{padding:22px 16px}
  .mcqa-app .mcqa-access-gate h2{font-size:22px}
  .mcqa-app .mcqa-access-actions{gap:7px}
}



/* v1.5.3 — Featured Topics & Stronger Editorial Hero */
.mcqa-app .mcqa-hero-shell{
  border:1px solid rgba(128,170,219,.36);
  background:
    radial-gradient(circle at 16% 14%,rgba(56,189,248,.22),transparent 27%),
    radial-gradient(circle at 82% 18%,rgba(99,102,241,.16),transparent 25%),
    radial-gradient(circle at 80% 88%,rgba(20,184,166,.18),transparent 30%),
    linear-gradient(135deg,#f8fbff 0%,#edf5ff 42%,#f5fbff 100%);
  box-shadow:0 22px 48px rgba(16,61,97,.12);
}
.mcqa-app .mcqa-hero-shell::before{
  content:"";position:absolute;inset:-35% auto auto 48%;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(59,130,246,.14),transparent 62%);pointer-events:none;
}
.mcqa-app .mcqa-hero-shell::after{inset:auto auto -135px 34%;width:470px;height:270px;border-radius:50%;border:1px solid rgba(59,130,246,.11)}
.mcqa-app .mcqa-eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:7px 12px;border:1px solid rgba(147,197,253,.55);border-radius:999px;background:rgba(255,255,255,.68);box-shadow:0 8px 18px rgba(37,99,235,.08);color:#1064c7;font-size:11.5px}
.mcqa-app .mcqa-hero-copy h1{color:#082b4f;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.mcqa-app .mcqa-hero-copy>p{color:#436074}
.mcqa-app .mcqa-hero-trust{gap:12px;margin-top:22px}
.mcqa-app .mcqa-hero-trust span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(165,196,225,.72);border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 10px 18px rgba(30,81,120,.05)}
.mcqa-app .mcqa-hero-trust i{background:linear-gradient(135deg,#e0f2fe,#dbeafe);color:#0a67c4}
.mcqa-app .mcqa-hero-spotlight{
  border:1px solid rgba(147,197,253,.72);
  background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(244,249,255,.92) 44%,rgba(237,246,255,.96));
  box-shadow:0 22px 50px rgba(15,85,135,.16);
}
.mcqa-app .mcqa-hero-spotlight::before{content:"";position:absolute;inset:-20% -8% auto auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(191,219,254,.46),transparent 66%);pointer-events:none}
.mcqa-app .mcqa-spotlight-kicker{background:linear-gradient(135deg,#0a67c4,#14b8a6);box-shadow:0 12px 22px rgba(10,103,196,.16)}
.mcqa-app .mcqa-spotlight-copy>small{font-size:12.5px;letter-spacing:.01em}
.mcqa-app .mcqa-spotlight-copy>strong{font-size:23px;line-height:1.24}
.mcqa-app .mcqa-spotlight-cta{border:1px solid rgba(101,167,232,.72);background:linear-gradient(135deg,#ffffff,#eef6ff);color:#0a67c4;box-shadow:0 10px 18px rgba(10,103,196,.08)}
.mcqa-app .mcqa-spotlight-controls>button{border-color:#b8d6ef;background:rgba(255,255,255,.88)}
.mcqa-app .mcqa-spotlight-controls>div button{background:#b9cae8}
.mcqa-app .mcqa-spotlight-controls>div button.is-active{background:linear-gradient(90deg,#0a67c4,#14b8a6)}
.mcqa-app .mcqa-dash-card{border:1px solid #d8e6f0;background:linear-gradient(180deg,#ffffff,#fcfdff)}
.mcqa-app .mcqa-dash-card.is-highlighted{border-color:var(--accent-line,#bfdbfe);background:linear-gradient(155deg,color-mix(in srgb,var(--accent-soft,#eff6ff) 76%,#fff 24%) 0%,#ffffff 82%);box-shadow:0 16px 34px rgba(25,79,118,.10)}
.mcqa-app .mcqa-dash-badge{padding:5px 9px;background:linear-gradient(135deg,var(--accent,var(--mcqa-blue)),color-mix(in srgb,var(--accent,var(--mcqa-blue)) 55%,#14b8a6));font-size:9.5px}
.mcqa-app .mcqa-dash-card footer button{border:1px solid rgba(180,209,229,.75);background:linear-gradient(180deg,#fff,#f4f9ff)}
.mcqa-app .mcqa-card{border:1px solid #d8e5ef;background:linear-gradient(180deg,#ffffff,#fcfdff)}
.mcqa-app .mcqa-card-foot button{padding:7px 12px;border:1px solid rgba(187,214,231,.72);border-radius:10px;background:linear-gradient(180deg,#fff,#f6fbff)}
.mcqa-app .mcqa-help-panel{border-color:#d5e5f1;background:linear-gradient(135deg,#f8fbff,#eef6ff 54%,#f5fbff)}
.mcqa-app .mcqa-help-btn{border-color:#b7d5ea;background:linear-gradient(180deg,#fff,#f2f8ff)}






@media (max-width:1024px){
  .mcqa-app .mcqa-hero-shell{padding:24px 22px}
  .mcqa-app .mcqa-hero-spotlight{box-shadow:0 16px 36px rgba(15,85,135,.12)}
  .mcqa-app .mcqa-dash-card p,.mcqa-app .mcqa-card>p,.mcqa-app .mcqa-spotlight-copy>p{font-size:12.5px;line-height:1.55}
}
@media (max-width:640px){
  .mcqa-app .mcqa-spotlight-copy>p{font-size:11.2px;line-height:1.48}
  .mcqa-app .mcqa-dash-card p,.mcqa-app .mcqa-card>p{font-size:11.5px;line-height:1.52}
  .mcqa-app .mcqa-dash-card footer button,.mcqa-app .mcqa-card-foot button{padding:6px 10px}
}


/* v1.5.4 — Performance & UI Consistency Hotfix */
.mcqa-app .mcqa-specialty-pill,.mcqa-app .mcqa-dash-card,.mcqa-app .mcqa-card{transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.mcqa-app .mcqa-specialty-pill:hover,.mcqa-app .mcqa-card:hover{transform:translateY(-1px)}
.mcqa-app .mcqa-dash-card.is-highlighted{background:linear-gradient(150deg,color-mix(in srgb,var(--accent-soft,#eef2ff) 84%,#fff 16%),#fff 82%)}
.mcqa-app .mcqa-dash-icon,.mcqa-app .mcqa-card-icon,.mcqa-app .mcqa-specialty-pill>span{border:1px solid color-mix(in srgb,var(--accent-line,#bfdbfe) 76%,transparent)}
.mcqa-app .mcqa-dash-card>small,.mcqa-app .mcqa-card-path a{font-weight:850}
.mcqa-app .mcqa-library-strip,.mcqa-app .mcqa-browse-section,.mcqa-app .mcqa-help-panel{content-visibility:auto;contain-intrinsic-size:1px 520px}
.mcqa-app .mcqa-browse-section{contain-intrinsic-size:1px 900px}
.mcqa-app .mcqa-help-panel{contain-intrinsic-size:1px 150px}
.mcqa-app .mcqa-load-more:disabled{cursor:wait;opacity:.68}

@media (prefers-reduced-motion:reduce){
  .mcqa-app .mcqa-specialty-pill,.mcqa-app .mcqa-dash-card,.mcqa-app .mcqa-card{transition:none!important}
}

/* v1.5.5 — access-status footer and canonical Menu dark-mode control */
.mcqa-app .mcqa-theme-item{display:flex!important}






/* v1.5.5.2 — currentness/update block layout hotfix */
.mcqa-app .mcqa-update-status{
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;
  margin:14px 0;padding:14px 15px;border:1px solid var(--mcqa-line);border-radius:14px;
  background:linear-gradient(145deg,#f8fbff,#f2f7ff);box-shadow:0 6px 18px rgba(22,61,91,.05)
}
.mcqa-app .mcqa-update-icon{
  display:grid;place-items:center;width:36px;height:36px;border-radius:11px;
  background:#e8f1ff;color:#315fba;font-size:19px;font-weight:800;line-height:1
}
.mcqa-app .mcqa-update-copy{min-width:0}
.mcqa-app .mcqa-update-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;margin:0 0 5px}
.mcqa-app .mcqa-update-heading small{color:#667b8d;font-size:9.5px;font-weight:900;letter-spacing:.06em}
.mcqa-app .mcqa-update-heading strong{color:var(--mcqa-ink);font-size:12.5px;line-height:1.35}
.mcqa-app .mcqa-update-heading time{margin-left:auto;color:#6d8191;font-size:10.5px;font-weight:700;white-space:nowrap}
.mcqa-app .mcqa-update-status p{margin:0;color:#536b7c;font-size:12.5px;line-height:1.55}




@media (max-width:640px){
  .mcqa-app .mcqa-update-status{grid-template-columns:32px minmax(0,1fr);gap:9px;padding:12px;border-radius:12px}
  .mcqa-app .mcqa-update-icon{width:30px;height:30px;border-radius:9px;font-size:16px}
  .mcqa-app .mcqa-update-heading{gap:4px 7px}.mcqa-app .mcqa-update-heading time{margin-left:0}
  .mcqa-app .mcqa-update-status p{font-size:11.5px;line-height:1.5}
}


/* v1.5.6 — Search, Taxonomy & Reading Experience Optimization */
.mcqa-app .mcqa-taxonomy-more-wrap{display:flex;justify-content:center;padding:4px 0 2px}
.mcqa-app .mcqa-taxonomy-more{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid #b9d2e8;border-radius:12px;background:linear-gradient(180deg,#fff,#f4f8ff);color:#0a5da8;font-size:12px;font-weight:850;box-shadow:0 6px 16px rgba(20,68,105,.06)}
.mcqa-app .mcqa-taxonomy-more span{padding:2px 7px;border-radius:999px;background:#eaf3ff;color:#47677f;font-size:10px}
.mcqa-app .mcqa-taxonomy-more i{font-style:normal;font-size:15px}
.mcqa-app .mcqa-detail-nav{top:0;margin-top:10px;padding:8px 2px;border-bottom:1px solid rgba(216,230,240,.8);scrollbar-width:none;overscroll-behavior-x:contain}
.mcqa-app .mcqa-detail-nav::-webkit-scrollbar{display:none}
.mcqa-app .mcqa-detail-nav button{transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
.mcqa-app .mcqa-detail-nav button.is-active,.mcqa-app .mcqa-detail-nav button[aria-current="true"]{border-color:#9fc6e8;background:#eaf4ff;color:#075da6;box-shadow:inset 0 0 0 1px rgba(10,103,196,.04)}
.mcqa-app #mcqa-summary,.mcqa-app #mcqa-benefit-harm,.mcqa-app #mcqa-apply,.mcqa-app #mcqa-references{scroll-margin-top:70px}




@media (max-width:640px){
  .mcqa-app .mcqa-taxonomy-more{width:100%;justify-content:center;min-height:40px}
  .mcqa-app .mcqa-detail-nav{margin-inline:-2px;padding-inline:2px}
}


/* v1.5.6.1 — Mobile / Tablet Full-Width Card Geometry Hotfix
   Prevent host/theme width constraints and fixed empty grid tracks from making
   cards collapse into narrow centered columns on compact viewports. */
@media (max-width:1199px){
  body.mcqa-canonical-page .mcqa-host-content-shell{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .mcqa-app{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .mcqa-app #mcqa-home-view,
  .mcqa-app #mcqa-taxonomy-view,
  .mcqa-app .mcqa-hero-shell,
  .mcqa-app .mcqa-marquee-shell,
  .mcqa-app .mcqa-specialty-hub,
  .mcqa-app .mcqa-editorial-dashboard,
  .mcqa-app .mcqa-dash-column,
  .mcqa-app #mcqa-featured,
  .mcqa-app #mcqa-side-updates,
  .mcqa-app #mcqa-practice-updates,
  .mcqa-app .mcqa-library-strip,
  .mcqa-app .mcqa-browse-section,
  .mcqa-app .mcqa-magazine-grid,
  .mcqa-app .mcqa-help-panel,
  .mcqa-app .mcqa-taxonomy-hero,
  .mcqa-app .mcqa-taxonomy-summary,
  .mcqa-app .mcqa-taxonomy-groups,
  .mcqa-app .mcqa-taxonomy-featured,
  .mcqa-app .mcqa-taxonomy-controls,
  .mcqa-app .mcqa-taxonomy-sections,
  .mcqa-app .mcqa-tax-section{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0;
    margin-right:0;
    justify-self:stretch;
    align-self:stretch;
  }
  .mcqa-app .mcqa-dash-card,
  .mcqa-app .mcqa-card,
  .mcqa-app .mcqa-taxonomy-summary>div,
  .mcqa-app .mcqa-taxonomy-chip-grid>*{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:stretch!important;
  }
  .mcqa-app .mcqa-magazine-grid,
  .mcqa-app #mcqa-featured,
  .mcqa-app #mcqa-side-updates,
  .mcqa-app #mcqa-practice-updates{
    justify-items:stretch!important;
    align-items:stretch;
  }
}

/* Tablet: auto-fit collapses unused tracks. A section containing only one
   card expands to the complete row instead of occupying half of the screen. */
@media (min-width:641px) and (max-width:1199px){
  .mcqa-app .mcqa-magazine-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))!important;
  }
  .mcqa-app .mcqa-tax-section .mcqa-magazine-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr))!important;
  }
  .mcqa-app #mcqa-featured,
  .mcqa-app #mcqa-side-updates,
  .mcqa-app #mcqa-practice-updates{
    grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))!important;
  }
  .mcqa-app .mcqa-specialty-rail{
    width:100%;max-width:none;
    grid-template-columns:repeat(auto-fit,minmax(118px,1fr));
  }
}

/* Phone: every content card is explicitly one full-width track. */
@media (max-width:640px){
  body.mcqa-canonical-page .mcqa-host-content-shell{overflow-x:hidden!important}
  .mcqa-app #mcqa-featured,
  .mcqa-app #mcqa-side-updates,
  .mcqa-app #mcqa-practice-updates,
  .mcqa-app .mcqa-magazine-grid,
  .mcqa-app .mcqa-tax-section .mcqa-magazine-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .mcqa-app .mcqa-card,
  .mcqa-app .mcqa-dash-card{
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    width:100%!important;
    max-width:none!important;
  }
  .mcqa-app .mcqa-browse-section,
  .mcqa-app .mcqa-taxonomy-groups,
  .mcqa-app .mcqa-taxonomy-featured,
  .mcqa-app .mcqa-tax-section{
    padding-left:10px;
    padding-right:10px;
  }
}


/* v1.5.6.2 — Compact Embedded Shell & Hero Geometry Hotfix
   - embedded mobile/tablet app header stays in document flow instead of stacking
     as a second sticky bar under the site header;
   - canonical app can escape narrow theme containers on compact viewports;
   - Hero is shorter and controls remain component-sized despite host button CSS. */
@media (max-width:1024px){
  /* Canonical embedded page: use the device viewport rather than inheriting a
     narrow article/container width from the WordPress theme. Standalone PWA
     intentionally keeps its own normal viewport shell. */
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone){
    width:100vw!important;
    width:100dvw!important;
    max-width:100vw!important;
    max-width:100dvw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-left:calc(50% - 50dvw)!important;
    margin-right:calc(50% - 50dvw)!important;
    padding-left:10px!important;
    padding-right:10px!important;
    overflow-x:clip;
  }
  /* The host site already owns the sticky mobile/tablet header. Keeping a
     second sticky app header consumed a large part of the viewport and made
     the search row cover the Hero text. */
  .mcqa-app:not(.is-standalone) .mcqa-app-header{
    position:relative!important;
    top:auto!important;
    inset-block-start:auto!important;
    z-index:30;
    margin-top:0!important;
    margin-bottom:10px!important;
  }
  .mcqa-app:not(.is-standalone) .mcqa-search-suggestions{
    top:calc(100% + 7px)!important;
  }
  .mcqa-app .mcqa-hero-shell{min-height:0!important}
  .mcqa-app .mcqa-card-foot button,
  .mcqa-app .mcqa-dash-card footer button{
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:40px!important;
    max-width:none!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 10px!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    border-radius:11px!important;
  }
  .mcqa-app .mcqa-card-foot button i{line-height:1!important}
}

@media (min-width:641px) and (max-width:1024px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone){padding-left:12px!important;padding-right:12px!important}
  .mcqa-app .mcqa-hero-shell{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:22px 20px!important}
  .mcqa-app .mcqa-hero-copy h1{font-size:clamp(34px,5.2vw,44px)!important}
  .mcqa-app .mcqa-hero-spotlight{grid-template-columns:minmax(0,1fr) 145px!important;min-height:0!important;padding:18px 18px 44px!important}
  .mcqa-app .mcqa-spotlight-art svg{max-width:138px!important}
}

@media (max-width:640px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone){padding-left:7px!important;padding-right:7px!important}
  .mcqa-app:not(.is-standalone) .mcqa-app-header{
    min-height:52px!important;
    padding:5px!important;
    border-radius:12px!important;
  }
  .mcqa-app .mcqa-hero-shell{
    gap:12px!important;
    padding:14px 11px 12px!important;
    border-radius:15px!important;
  }
  .mcqa-app .mcqa-eyebrow{
    margin-bottom:7px!important;
    padding:5px 8px!important;
    border-radius:10px!important;
    font-size:9px!important;
  }
  .mcqa-app .mcqa-hero-copy h1{
    margin-bottom:7px!important;
    font-size:28px!important;
    line-height:1.08!important;
  }
  .mcqa-app .mcqa-hero-copy>p{font-size:12.5px!important;line-height:1.5!important}
  .mcqa-app .mcqa-hero-trust{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-top:11px!important;
  }
  .mcqa-app .mcqa-hero-trust span{
    min-width:0!important;
    min-height:62px!important;
    padding:7px 4px!important;
    border-radius:13px!important;
    justify-content:center!important;
    font-size:9px!important;
    line-height:1.25!important;
  }
  .mcqa-app .mcqa-hero-trust i{width:21px!important;height:21px!important}
  .mcqa-app .mcqa-hero-spotlight{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    min-height:0!important;
    padding:13px 12px 37px!important;
    border-radius:13px!important;
  }
  /* The decorative illustration is useful on larger screens; on phones it
     consumes almost half the card width and forces the editorial copy into a
     tall narrow column. */
  .mcqa-app .mcqa-spotlight-art{display:none!important}
  .mcqa-app .mcqa-spotlight-kicker{margin-bottom:7px!important;padding:5px 8px!important;font-size:8.5px!important}
  .mcqa-app .mcqa-spotlight-copy>small{font-size:10.5px!important}
  .mcqa-app .mcqa-spotlight-copy>strong{margin:6px 0!important;font-size:18px!important;line-height:1.28!important}
  .mcqa-app .mcqa-spotlight-copy>p{margin-bottom:9px!important;font-size:11.5px!important;line-height:1.48!important}
  .mcqa-app .mcqa-spotlight-cta{padding:7px 10px!important;font-size:10px!important}
  .mcqa-app .mcqa-browse-section,
  .mcqa-app .mcqa-taxonomy-groups,
  .mcqa-app .mcqa-taxonomy-featured,
  .mcqa-app .mcqa-tax-section{
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .mcqa-app .mcqa-magazine-grid,
  .mcqa-app .mcqa-tax-section .mcqa-magazine-grid{gap:7px!important}
  .mcqa-app .mcqa-card{padding:11px!important}
  .mcqa-app .mcqa-card-foot{padding-top:10px!important}
  .mcqa-app .mcqa-card-foot button,
  .mcqa-app .mcqa-dash-card footer button{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
  }
  .mcqa-app .mcqa-card-foot button i{font-size:18px!important}
  .mcqa-app .mcqa-verified-check{width:24px!important;height:24px!important}
}


/* v1.5.6.3 — Mobile / Tablet Density & CTA Presentation Hotfix
   Runtime screenshots from v1.5.6.2 showed four remaining compact-layout defects:
   duplicate app branding in embedded mode, vertically wrapped featured CTA,
   animated marquee blank space on phones, and over-tall specialty navigation. */
@media (max-width:1024px){
  /* Embedded pages already carry the site brand/account/global search. Keep the
     Clinical Q&A header as a compact contextual search row, not a second brand bar. */
  .mcqa-app:not(.is-standalone) .mcqa-app-header{
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:7px!important;
    min-height:0!important;
    padding:0!important;
    margin-bottom:9px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .mcqa-app:not(.is-standalone) .mcqa-app-brand{display:none!important}
  .mcqa-app:not(.is-standalone) .mcqa-header-actions{display:flex!important;align-items:center!important}
  .mcqa-app:not(.is-standalone) .mcqa-header-specialty{display:none!important}
  .mcqa-app:not(.is-standalone) .mcqa-header-search{
    min-height:46px!important;
    border-radius:14px!important;
    box-shadow:0 5px 16px rgba(24,69,94,.055)!important;
  }
  .mcqa-app:not(.is-standalone) .mcqa-header-icon{
    width:42px!important;height:42px!important;min-width:42px!important;
  }
  /* Host CSS must never force dashboard CTA text into a narrow vertical stack. */
  .mcqa-app .mcqa-dash-card footer button{
    width:auto!important;
    min-width:38px!important;
    max-width:100%!important;
    padding:0 10px!important;
    display:inline-flex!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
  }
}

@media (max-width:640px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone){padding-left:8px!important;padding-right:8px!important}
  .mcqa-app:not(.is-standalone) .mcqa-app-header{grid-template-columns:minmax(0,1fr) 40px!important;gap:6px!important}
  .mcqa-app:not(.is-standalone) .mcqa-header-search{min-height:44px!important;padding-left:10px!important}
  .mcqa-app:not(.is-standalone) .mcqa-header-search input{font-size:16px!important}
  .mcqa-app:not(.is-standalone) .mcqa-header-icon{width:40px!important;height:40px!important;min-width:40px!important}

  /* Hero remains editorial, but removes unnecessary vertical bulk. */
  .mcqa-app .mcqa-hero-shell{padding:13px 10px 11px!important;gap:10px!important}
  .mcqa-app .mcqa-hero-copy h1{font-size:27px!important;line-height:1.08!important}
  .mcqa-app .mcqa-hero-copy>p{font-size:12.5px!important;line-height:1.48!important}
  .mcqa-app .mcqa-hero-trust{gap:5px!important;margin-top:10px!important}
  .mcqa-app .mcqa-hero-trust span{min-height:56px!important;padding:6px 3px!important;border-radius:12px!important}
  .mcqa-app .mcqa-hero-spotlight{padding:12px 11px 35px!important}
  .mcqa-app .mcqa-spotlight-copy>strong{font-size:17px!important;line-height:1.27!important}
  .mcqa-app .mcqa-spotlight-copy>p{font-size:11.5px!important;line-height:1.46!important}

  /* Static swipeable update ticker on phones. Animation could leave the visible
     track temporarily blank in narrow browser viewports. */
  .mcqa-app .mcqa-marquee-shell{
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:0!important;
    min-height:42px!important;
    margin:8px 0 16px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .mcqa-app .mcqa-marquee-label{
    height:100%!important;
    padding:8px 9px!important;
    border-right:1px solid var(--mcqa-line)!important;
    border-bottom:0!important;
    font-size:9px!important;
  }
  .mcqa-app .mcqa-hero-dynamic-strip{
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
  }
  .mcqa-app .mcqa-hero-dynamic-strip::-webkit-scrollbar{display:none!important}
  .mcqa-app .mcqa-marquee-track{
    animation:none!important;
    transform:none!important;
    width:max-content!important;
  }
  .mcqa-app .mcqa-marquee-track button{min-height:40px!important;padding:4px 10px!important}
  .mcqa-app .mcqa-marquee-track button:nth-child(n/**/+6){display:none!important}

  /* Specialty navigation becomes a single horizontal rail instead of consuming
     three or more rows before the editorial content begins. */
  .mcqa-app .mcqa-specialty-rail{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 1px 5px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
  }
  .mcqa-app .mcqa-specialty-rail::-webkit-scrollbar{display:none!important}
  .mcqa-app .mcqa-specialty-pill{
    flex:0 0 108px!important;
    width:108px!important;
    min-height:74px!important;
    scroll-snap-align:start;
  }

  /* Featured editorial CTA keeps its text; browse-card CTA stays icon-only. */
  .mcqa-app .mcqa-dash-card footer button{
    width:auto!important;
    min-width:38px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 9px!important;
    font-size:10.5px!important;
  }
  .mcqa-app .mcqa-card-foot button{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
  }
  .mcqa-app .mcqa-card h3{font-size:15px!important;line-height:1.36!important}
  .mcqa-app .mcqa-card>p{font-size:12px!important;line-height:1.52!important}
}

@media (max-width:380px){
  .mcqa-app .mcqa-hero-copy h1{font-size:25px!important}
  .mcqa-app .mcqa-hero-trust span{font-size:8.5px!important}
  .mcqa-app .mcqa-dash-card footer button{font-size:10px!important;padding-inline:8px!important}
}


/* v1.5.6.4 — Premium Mobile/Tablet Visual Refresh
   - richer neutral-blue palette with less candy/pastel feel;
   - search bars use shorter, rotating prompts on compact screens;
   - specialty/icon rows are cleaner and footer tick/arrow controls are removed;
   - browse/featured cards rely on whole-card tap targets for clarity. */
.mcqa-app{
  --mcqa-bg:#eef3f8;
  --mcqa-surface:#ffffff;
  --mcqa-surface-2:#f6f9fc;
  --mcqa-surface-3:#f1f5f9;
  --mcqa-ink:#0d2940;
  --mcqa-text:#436072;
  --mcqa-muted:#6d8394;
  --mcqa-line:#d6e2eb;
  --mcqa-line-strong:#c7d6e0;
  --mcqa-blue:#0f5ea8;
  --mcqa-blue-2:#1e6fc1;
  --mcqa-teal:#0f766e;
  --mcqa-shadow:0 20px 44px rgba(15,43,64,.08);
  --mcqa-shadow-soft:0 8px 24px rgba(15,43,64,.05);
}
.mcqa-app [data-accent="blue"]{--accent:#185ea9;--accent-soft:#f4f8fd;--accent-line:#c9d9ef}
.mcqa-app [data-accent="sky"],.mcqa-app [data-accent="cyan"],.mcqa-app [data-accent="aqua"]{--accent:#0d7490;--accent-soft:#f2fafb;--accent-line:#c2e4ea}
.mcqa-app [data-accent="teal"],.mcqa-app [data-accent="green"]{--accent:#0f766e;--accent-soft:#f1fbf8;--accent-line:#bfe5da}
.mcqa-app [data-accent="violet"],.mcqa-app [data-accent="purple"],.mcqa-app [data-accent="indigo"]{--accent:#5a67d8;--accent-soft:#f5f7ff;--accent-line:#d8def9}
.mcqa-app [data-accent="amber"],.mcqa-app [data-accent="gold"],.mcqa-app [data-accent="orange"]{--accent:#b7791f;--accent-soft:#fffaf2;--accent-line:#f1dfb7}
.mcqa-app .mcqa-app-header{border-color:rgba(205,219,230,.92);background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(15,43,64,.05)}
.mcqa-app .mcqa-header-search{border-color:#cfdae3;background:linear-gradient(180deg,#ffffff,#fbfdff)}
.mcqa-app .mcqa-header-search input::placeholder{color:#7d92a3;opacity:1}
.mcqa-app #mcqa-search-submit{background:linear-gradient(135deg,#155ea8,#0d7490);box-shadow:0 10px 18px rgba(18,94,145,.18)}
.mcqa-app .mcqa-header-action,.mcqa-app .mcqa-header-icon{border-color:#d7e2ea;background:linear-gradient(180deg,#ffffff,#f8fbfd)}
.mcqa-app .mcqa-app-menu{border-color:#d5e1e9;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(15,45,62,.10)}
.mcqa-app .mcqa-hero-shell{border-color:#d8e4ed;background:radial-gradient(circle at 10% 12%,rgba(191,219,254,.36),transparent 30%),radial-gradient(circle at 88% 110%,rgba(153,246,228,.20),transparent 34%),linear-gradient(135deg,#fbfdff 0%,#f4f8fc 48%,#eef4f8 100%);box-shadow:0 18px 42px rgba(15,43,64,.08)}
.mcqa-app .mcqa-hero-copy h1{color:#0d2940}
.mcqa-app .mcqa-hero-copy>p{color:#50687a}
.mcqa-app .mcqa-hero-trust span{background:rgba(255,255,255,.82);border:1px solid #d9e4ec;border-radius:16px;padding:9px 13px}
.mcqa-app .mcqa-hero-spotlight{border-color:#d9e6ef;background:linear-gradient(155deg,#ffffff 0%,#f8fbff 58%,#f3f8fb 100%);box-shadow:0 16px 34px rgba(15,43,64,.08)}
.mcqa-app .mcqa-spotlight-kicker,.mcqa-app .mcqa-dash-badge{background:linear-gradient(135deg,#205ca8,#3f6edc 55%,#0d8c84)}
.mcqa-app .mcqa-dash-card,.mcqa-app .mcqa-card{border-color:#dbe5ec;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 8px 22px rgba(15,43,64,.045)}
.mcqa-app .mcqa-dash-card.is-highlighted{background:linear-gradient(150deg,#ffffff 0%,#f7fbff 62%,#f2f7fb 100%);box-shadow:0 14px 30px rgba(15,43,64,.07)}
.mcqa-app .mcqa-dash-top{align-items:flex-start}
.mcqa-app .mcqa-dash-heading{display:flex;align-items:center;gap:10px;min-width:0}
.mcqa-app .mcqa-dash-heading small{display:block;min-width:0;color:var(--accent,var(--mcqa-blue));font-size:12px;font-weight:850;line-height:1.2}
.mcqa-app .mcqa-dash-card>small{display:none}
.mcqa-app .mcqa-dash-icon,.mcqa-app .mcqa-card-icon,.mcqa-app .mcqa-specialty-pill>span{border:1px solid color-mix(in srgb,var(--accent-line,#c9d9ef) 85%,transparent);background:color-mix(in srgb,var(--accent-soft,#f4f8fd) 88%,#fff 12%)}
.mcqa-app .mcqa-card{min-height:0;cursor:pointer}
.mcqa-app .mcqa-card-top{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px}
.mcqa-app .mcqa-card-path{font-size:11.5px;font-weight:800;color:var(--accent,var(--mcqa-blue))}
.mcqa-app .mcqa-card h3{margin:13px 0 8px;font-size:17px;line-height:1.36}
.mcqa-app .mcqa-card>p{font-size:13.4px;line-height:1.58;color:#5b7080}
.mcqa-app .mcqa-card-foot,.mcqa-app .mcqa-card-signals,.mcqa-app .mcqa-verified-check{display:none!important}
.mcqa-app .mcqa-dash-card{cursor:pointer;min-height:0;gap:8px}
.mcqa-app .mcqa-dash-card footer{display:none}
.mcqa-app .mcqa-dash-card.is-highlighted .mcqa-dash-footer-cta{display:flex;justify-content:flex-end;margin-top:auto;padding-top:10px;border-top:1px solid rgba(213,225,233,.9)}
.mcqa-app .mcqa-dash-card.is-highlighted .mcqa-dash-footer-cta button{min-width:0;height:38px;padding:0 14px;border:1px solid #cfe0eb;border-radius:12px;background:#fff;color:var(--accent,var(--mcqa-blue));font-size:12px;font-weight:850;box-shadow:none}
.mcqa-app .mcqa-status-chip{background:#eef4ff;color:#3956c8}
@media (max-width:1024px){.mcqa-app .mcqa-editorial-dashboard{grid-template-columns:1fr;gap:16px}.mcqa-app #mcqa-featured,.mcqa-app #mcqa-side-updates,.mcqa-app #mcqa-practice-updates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mcqa-app #mcqa-featured .mcqa-dash-card.is-highlighted{grid-column:1/-1;min-height:0}.mcqa-app .mcqa-dash-card{padding:14px}.mcqa-app .mcqa-specialty-pill{border-color:#d7e2ea;background:linear-gradient(180deg,#ffffff,#fbfdff)}}
@media (max-width:640px){.mcqa-app .mcqa-app-header{margin-bottom:10px!important}.mcqa-app .mcqa-header-search{min-height:46px!important}.mcqa-app .mcqa-hero-shell{padding:16px 12px 14px!important}.mcqa-app .mcqa-hero-copy h1{font-size:29px!important}.mcqa-app .mcqa-hero-copy>p{font-size:13px!important}.mcqa-app .mcqa-hero-trust span{padding:7px 5px!important;border-radius:14px!important}.mcqa-app .mcqa-hero-spotlight{padding:14px 12px 14px!important}.mcqa-app .mcqa-editorial-dashboard{gap:12px!important}.mcqa-app #mcqa-featured,.mcqa-app #mcqa-side-updates,.mcqa-app #mcqa-practice-updates{grid-template-columns:1fr!important;gap:8px!important}.mcqa-app .mcqa-dash-card,.mcqa-app .mcqa-dash-card.is-highlighted,.mcqa-app .mcqa-card{padding:13px!important;border-radius:14px!important}.mcqa-app .mcqa-dash-heading small,.mcqa-app .mcqa-card-path{font-size:11px!important}.mcqa-app .mcqa-dash-card h3,.mcqa-app .mcqa-card h3{font-size:15.8px!important;line-height:1.34!important}.mcqa-app .mcqa-dash-card p,.mcqa-app .mcqa-card>p{font-size:12.4px!important;line-height:1.56!important}.mcqa-app .mcqa-specialty-rail{gap:8px!important;padding-bottom:6px!important}.mcqa-app .mcqa-specialty-pill{flex:0 0 104px!important;width:104px!important;min-height:72px!important}.mcqa-app .mcqa-dash-card.is-highlighted .mcqa-dash-footer-cta{padding-top:8px!important}.mcqa-app .mcqa-dash-card.is-highlighted .mcqa-dash-footer-cta button{height:36px!important;font-size:11.5px!important}}
@media (min-width:641px) and (max-width:1024px){.mcqa-app .mcqa-hero-shell{padding:24px 22px!important}.mcqa-app .mcqa-hero-copy h1{font-size:clamp(35px,5vw,46px)!important}.mcqa-app .mcqa-dash-card h3,.mcqa-app .mcqa-card h3{font-size:16.5px!important}.mcqa-app .mcqa-dash-card p,.mcqa-app .mcqa-card>p{font-size:13px!important}}









/* v1.6 — Mobile Header & Quick Update UX Refinement */
.mcqa-app .mcqa-update-brief-shell{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  min-height:56px;
  margin:10px 0 24px;
  padding:0;
  overflow:hidden;
  border:1px solid #d7e2ea;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,43,64,.045);
}
.mcqa-app .mcqa-update-brief-label{
  align-self:stretch;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 15px;
  border-right:1px solid #dce6ed;
  color:#0f5ea8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:none;
  white-space:nowrap;
}
.mcqa-app .mcqa-update-brief-label>span{font-size:9px;color:#0f766e}
.mcqa-app .mcqa-update-brief-strip{min-width:0;overflow:hidden;padding:0}
.mcqa-app .mcqa-update-brief{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:54px;
  padding:7px 12px;
  border:0;
  background:transparent;
  color:var(--mcqa-ink);
  text-align:left;
}
.mcqa-app .mcqa-update-brief-meta{color:#667d8f;font-size:11px;font-weight:800;white-space:nowrap}
.mcqa-app .mcqa-update-brief strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35}
.mcqa-app .mcqa-update-brief-cta{color:#0f5ea8;font-size:11px;font-weight:900;white-space:nowrap}
.mcqa-app .mcqa-update-brief:hover{background:#f7fafc}

/* Embedded compact header: one contextual search row + menu only. */
@media (max-width:1024px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-height:0!important;
    margin:0 0 12px!important;
    padding:6px!important;
    border:1px solid #d6e2eb!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(15,43,64,.045)!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand,
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-specialty{display:none!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-wrap{grid-column:1!important;min-width:0!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-actions{grid-column:2!important;display:flex!important;justify-content:flex-end!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search{
    grid-template-columns:20px minmax(0,1fr) auto 40px!important;
    gap:7px!important;
    min-height:46px!important;
    padding:3px 4px 3px 12px!important;
    border:0!important;
    border-radius:12px!important;
    background:#f7fafc!important;
    box-shadow:none!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search input{height:38px!important;font-size:16px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) #mcqa-search-submit{width:38px!important;height:38px!important;border-radius:11px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-icon{width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:12px!important;background:#f7fafc!important}
}
@media (max-width:640px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-header{grid-template-columns:minmax(0,1fr) 42px!important;gap:6px!important;padding:5px!important;border-radius:14px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search{min-height:44px!important;padding-left:10px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-icon{width:42px!important;height:42px!important;min-width:42px!important}
  .mcqa-app .mcqa-update-brief-shell{grid-template-columns:1fr;min-height:0;margin:8px 0 18px;border-radius:14px}
  .mcqa-app .mcqa-update-brief-label{min-height:34px;padding:0 12px;border-right:0;border-bottom:1px solid #e0e9ef;font-size:10px}
  .mcqa-app .mcqa-update-brief{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:50px;padding:8px 12px}
  .mcqa-app .mcqa-update-brief-meta{grid-column:1/-1;font-size:10px;line-height:1.1}
  .mcqa-app .mcqa-update-brief strong{font-size:12.5px}
  .mcqa-app .mcqa-update-brief-cta{font-size:10.5px}
}





/* v1.7 — Header Simplification & Search UX Refinement
   Canonical search affordance: Logo → Search → Menu on tablet/mobile.
   A single search action and a single clear action are rendered; compact
   placeholder text uses a marquee overlay instead of truncating mid-word. */
.mcqa-app .mcqa-header-search{
  grid-template-columns:minmax(0,1fr) auto 44px!important;
  gap:6px!important;
  padding:3px 4px 3px 12px!important;
}
.mcqa-app .mcqa-search-field{
  position:relative;
  min-width:0;
  height:40px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.mcqa-app .mcqa-search-field input{
  position:relative;
  z-index:2;
  width:100%;
  min-width:0;
  padding:0!important;
}
.mcqa-app .mcqa-search-field input.mcqa-placeholder-overlay-active::placeholder{color:transparent!important;opacity:0!important}
.mcqa-app .mcqa-search-placeholder-marquee{
  display:none;
  position:absolute;
  z-index:1;
  left:0;
  top:50%;
  max-width:none;
  transform:translateY(-50%);
  color:#7d92a3;
  font-size:15px;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
  will-change:transform;
}
.mcqa-app .mcqa-search-placeholder-marquee[hidden]{display:none!important}
.mcqa-app .mcqa-header-clear{
  flex:0 0 auto;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#718696!important;
  line-height:1!important;
}
.mcqa-app #mcqa-search-submit{
  justify-self:end!important;
  margin:0!important;
  flex:0 0 auto!important;
}
/* Defensive: suppress browser-native search decorations if host scripts ever
   switch the field back to type=search. */
.mcqa-app #mcqa-header-search::-webkit-search-cancel-button,
.mcqa-app #mcqa-header-search::-webkit-search-decoration,
.mcqa-app #mcqa-header-search::-webkit-search-results-button,
.mcqa-app #mcqa-header-search::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none!important}

@media (max-width:1024px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-header{
    grid-template-columns:46px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:8px!important;
    min-height:58px!important;
    padding:6px!important;
    margin:0 0 12px!important;
    border:1px solid #d6e2eb!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 8px 22px rgba(15,43,64,.045)!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand{
    grid-column:1!important;
    display:flex!important;
    width:46px!important;
    height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand img{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-brand-copy{display:none!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-wrap{
    grid-column:2!important;
    min-width:0!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-actions{
    grid-column:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-specialty{display:none!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search{
    grid-template-columns:minmax(0,1fr) auto 40px!important;
    gap:4px!important;
    min-height:46px!important;
    padding:3px 4px 3px 11px!important;
    border:1px solid #d4e0e8!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-field{height:38px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search input{height:38px!important;font-size:16px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) #mcqa-search-submit{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    border-radius:10px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-icon{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    border:1px solid #d7e2ea!important;
    border-radius:12px!important;
    background:#fff!important;
  }
  .mcqa-app .mcqa-search-placeholder-marquee:not([hidden]){
    display:inline-block!important;
    font-size:16px!important;
    animation:mcqa-placeholder-marquee 8s linear infinite alternate;
  }
  .mcqa-app .mcqa-app-menu{
    right:6px!important;
    width:min(260px,calc(100vw - 28px))!important;
  }
}

@keyframes mcqa-placeholder-marquee{
  0%,22%{transform:translate(0,-50%)}
  78%,100%{transform:translate(min(0px,calc(-100% + 220px)),-50%)}
}

@media (max-width:640px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-header{
    grid-template-columns:42px minmax(0,1fr) 40px!important;
    gap:6px!important;
    min-height:54px!important;
    padding:5px!important;
    border-radius:14px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand{width:42px!important;height:42px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand img{width:38px!important;height:38px!important;flex-basis:38px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search{
    grid-template-columns:minmax(0,1fr) auto 36px!important;
    min-height:42px!important;
    padding:2px 3px 2px 9px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-field{height:36px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search input{height:36px!important;font-size:16px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) #mcqa-search-submit{width:34px!important;min-width:34px!important;height:34px!important;border-radius:9px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-icon{width:38px!important;min-width:38px!important;height:38px!important;border-radius:10px!important}
  .mcqa-app .mcqa-search-placeholder-marquee:not([hidden]){font-size:16px!important}
}






/* v1.7 compact canonical shell: the Clinical Q&A header becomes the sole
   mobile/tablet header, avoiding a stacked host header + app header. */
@media (max-width:1024px){
  body.mcqa-canonical-page .syh-site-header,
  body.mcqa-canonical-page .yhlsm-site-header,
  body.mcqa-canonical-page .site-header,
  body.mcqa-canonical-page #masthead,
  body.mcqa-canonical-page header.syh-header,
  body.mcqa-canonical-page .tvm-legacy-header,
  body.mcqa-canonical-page .yhlsm-legacy-header,
  body.mcqa-canonical-page [data-syh-canonical-header]{display:none!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-header{
    position:sticky!important;
    top:0!important;
    z-index:1150!important;
  }
}


/* v1.8 — Search Flush-Right + Viewport-Safe Answer Modal Hotfix
   Search submit is physically anchored to the search shell's right edge.
   Answer modal geometry is explicitly constrained to the visual viewport and
   long content scrolls only inside the detail body. */
.mcqa-app .mcqa-header-search{
  position:relative!important;
  display:block!important;
  padding-right:48px!important;
}
.mcqa-app .mcqa-search-field{
  width:100%!important;
  padding-right:34px!important;
}
.mcqa-app .mcqa-header-clear{
  position:absolute!important;
  z-index:4!important;
  right:45px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin:0!important;
}
.mcqa-app #mcqa-search-submit{
  position:absolute!important;
  z-index:5!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  margin:0!important;
  width:44px!important;
  min-width:44px!important;
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  border-radius:0 13px 13px 0!important;
  box-shadow:none!important;
}
.mcqa-app .mcqa-search-field input{padding-right:0!important}

/* Hard modal containment gate. Do not allow theme wrappers/button rules to
   enlarge the dialog outside the visible viewport. */
.mcqa-app .mcqa-drawer{
  position:fixed!important;
  z-index:2147483000!important;
  left:var(--mcqa-dialog-vv-left,0px)!important;
  top:var(--mcqa-dialog-vv-top,0px)!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--mcqa-dialog-vv-width,100vw)!important;
  height:var(--mcqa-dialog-vv-height,100dvh)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:clamp(6px,1.8vw,18px)!important;
  overflow:hidden!important;
  overscroll-behavior:none!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
}
.mcqa-app .mcqa-drawer.is-open{display:flex!important}
.mcqa-app .mcqa-backdrop{position:absolute!important;inset:0!important}
.mcqa-app .mcqa-detail{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  width:min(880px,calc(var(--mcqa-dialog-vv-width,100vw) - 24px))!important;
  max-width:calc(var(--mcqa-dialog-vv-width,100vw) - 24px)!important;
  height:auto!important;
  max-height:calc(var(--mcqa-dialog-vv-height,100dvh) - 24px)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.mcqa-app .mcqa-modal-bar{flex:0 0 auto!important;min-width:0!important}
.mcqa-app .mcqa-detail-scroll{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  touch-action:pan-y!important;
  box-sizing:border-box!important;
}
.mcqa-app .mcqa-detail-scroll>*{max-width:100%!important;box-sizing:border-box!important}
.mcqa-app .mcqa-detail img,.mcqa-app .mcqa-detail table,.mcqa-app .mcqa-detail pre,.mcqa-app .mcqa-detail code{
  max-width:100%!important;
}
.mcqa-app .mcqa-detail table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.mcqa-app .mcqa-detail h1,.mcqa-app .mcqa-detail h2,.mcqa-app .mcqa-detail h3,.mcqa-app .mcqa-detail p,.mcqa-app .mcqa-detail li{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
body.mcqa-v110-scroll-lock{overflow:hidden!important;overscroll-behavior:none!important}

@media (max-width:1024px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search{
    padding:0 42px 0 11px!important;
    overflow:hidden!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-field{
    height:100%!important;
    min-height:44px!important;
    padding-right:28px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-clear{
    right:40px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) #mcqa-search-submit{
    width:40px!important;
    min-width:40px!important;
    height:100%!important;
    min-height:100%!important;
    border-radius:0 12px 12px 0!important;
  }
  .mcqa-app .mcqa-drawer{padding:8px!important}
  .mcqa-app .mcqa-detail{
    width:calc(var(--mcqa-dialog-vv-width,100vw) - 16px)!important;
    max-width:calc(var(--mcqa-dialog-vv-width,100vw) - 16px)!important;
    max-height:calc(var(--mcqa-dialog-vv-height,100dvh) - 16px)!important;
    border-radius:16px!important;
  }
}
@media (max-width:640px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search{
    padding-right:38px!important;
    padding-left:9px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-field{min-height:42px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-clear{right:36px!important;width:27px!important;min-width:27px!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) #mcqa-search-submit{
    width:36px!important;
    min-width:36px!important;
    border-radius:0 11px 11px 0!important;
  }
  .mcqa-app .mcqa-drawer{
    padding:max(5px,env(safe-area-inset-top)) max(5px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))!important;
  }
  .mcqa-app .mcqa-detail{
    width:calc(var(--mcqa-dialog-vv-width,100vw) - 10px)!important;
    max-width:calc(var(--mcqa-dialog-vv-width,100vw) - 10px)!important;
    max-height:calc(var(--mcqa-dialog-vv-height,100dvh) - 10px)!important;
    border-radius:14px!important;
  }
  .mcqa-app .mcqa-detail-scroll{padding:12px 10px 18px!important}
}
@media (max-height:620px){
  .mcqa-app .mcqa-drawer{align-items:stretch!important;padding:5px!important}
  .mcqa-app .mcqa-detail{
    width:calc(var(--mcqa-dialog-vv-width,100vw) - 10px)!important;
    max-width:calc(var(--mcqa-dialog-vv-width,100vw) - 10px)!important;
    max-height:calc(var(--mcqa-dialog-vv-height,100dvh) - 10px)!important;
  }
}


/* v1.9 — Mobile Edge-Safe Layout + Fixed Compact Header + Update Carousel
   Runtime goal: no horizontal clipping at 360/390/430/768/820/1024px;
   header is the sole compact navigation surface; update cards remain readable. */
@media (max-width:1024px){
  /* Neutralize legacy viewport breakout from v1.5.6.x. It was the main source
     of headings/cards losing their first/last pixels on real mobile browsers. */
  body.mcqa-canonical-page .mcqa-host-content-shell{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:clip!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone){
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:calc(66px + var(--mcqa-sticky-top,0px)) 12px 28px!important;
    overflow-x:clip!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) > *{
    min-width:0!important;
    max-width:100%!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-header{
    position:fixed!important;
    top:var(--mcqa-sticky-top,0px)!important;
    left:0!important;
    right:0!important;
    z-index:1150!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 44px!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    max-width:none!important;
    min-height:58px!important;
    margin:0!important;
    padding:7px 12px!important;
    border:0!important;
    border-bottom:1px solid rgba(205,219,230,.92)!important;
    border-radius:0!important;
    background:rgba(247,250,252,.97)!important;
    box-shadow:0 7px 20px rgba(15,43,64,.06)!important;
    backdrop-filter:saturate(125%) blur(10px)!important;
    -webkit-backdrop-filter:saturate(125%) blur(10px)!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand{
    display:flex!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    justify-content:center!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand img{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-brand-copy,
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-specialty{display:none!important}
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-wrap{
    min-width:0!important;
    width:100%!important;
    background:transparent!important;
    padding:0!important;
    margin:0!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 42px 0 13px!important;
    border:1px solid #cbd8e2!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-field{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 28px 0 0!important;
    overflow:hidden!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-field input{
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    padding:0!important;
    white-space:nowrap!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) #mcqa-search-submit{
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:40px!important;
    min-width:40px!important;
    height:44px!important;
    min-height:44px!important;
    border-radius:0 13px 13px 0!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-clear{
    right:41px!important;
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-actions{
    display:flex!important;
    width:44px!important;
    min-width:44px!important;
    margin:0!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-icon{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    border:1px solid #d5e0e8!important;
    border-radius:13px!important;
    background:#fff!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-suggestions{
    position:fixed!important;
    left:12px!important;
    right:64px!important;
    top:calc(var(--mcqa-sticky-top,0px) + 57px)!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(62vh,520px)!important;
  }
  .mcqa-app .mcqa-section-heading,
  .mcqa-app .mcqa-magazine-head,
  .mcqa-app .mcqa-hero-shell,
  .mcqa-app .mcqa-marquee-shell,
  .mcqa-app .mcqa-specialty-section,
  .mcqa-app .mcqa-browse-section,
  .mcqa-app .mcqa-editorial-dashboard,
  .mcqa-app .mcqa-taxonomy-groups,
  .mcqa-app .mcqa-taxonomy-featured,
  .mcqa-app .mcqa-tax-section{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .mcqa-app h1,.mcqa-app h2,.mcqa-app h3,
  .mcqa-app .mcqa-section-heading h2,
  .mcqa-app .mcqa-magazine-title h2{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .mcqa-app .mcqa-card,.mcqa-app .mcqa-dash-card,.mcqa-app .mcqa-specialty-pill{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Replace the one-line update ticker with equal-height swipeable cards. */
  .mcqa-app .mcqa-update-brief-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    min-height:0!important;
    margin:12px 0 20px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .mcqa-app .mcqa-update-brief-label{
    min-height:0!important;
    padding:0 2px 9px!important;
    border:0!important;
    color:#0f5ea8!important;
    font-size:13px!important;
    font-weight:900!important;
    letter-spacing:0!important;
  }
  .mcqa-app .mcqa-update-brief-strip{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    padding:0!important;
  }
  .mcqa-app .mcqa-update-carousel{
    display:flex!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:1px 2px 8px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .mcqa-app .mcqa-update-carousel::-webkit-scrollbar{display:none!important}
  .mcqa-app .mcqa-update-card{
    position:relative!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    flex:0 0 min(360px,78vw)!important;
    min-width:min(360px,78vw)!important;
    width:min(360px,78vw)!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    gap:7px!important;
    padding:13px 14px!important;
    border:1px solid #d7e3eb!important;
    border-radius:15px!important;
    background:linear-gradient(155deg,#fff,#f7fafc)!important;
    color:var(--mcqa-text)!important;
    text-align:left!important;
    white-space:normal!important;
    scroll-snap-align:start!important;
    box-shadow:0 8px 20px rgba(15,43,64,.05)!important;
    overflow:hidden!important;
  }
  .mcqa-app .mcqa-update-card-meta{
    color:#60798b!important;
    font-size:10.5px!important;
    font-weight:850!important;
    line-height:1.25!important;
  }
  .mcqa-app .mcqa-update-card strong{
    display:-webkit-box!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:#17364c!important;
    font-size:13.5px!important;
    line-height:1.38!important;
    font-weight:800!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
  }
  .mcqa-app .mcqa-update-card-cta{
    justify-self:start!important;
    color:#0f5ea8!important;
    font-size:11px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
}

@media (max-width:640px){
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone){
    padding:calc(62px + var(--mcqa-sticky-top,0px)) 10px 24px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-header{
    grid-template-columns:42px minmax(0,1fr) 40px!important;
    gap:6px!important;
    min-height:54px!important;
    padding:5px 10px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand{
    width:42px!important;height:42px!important;min-width:42px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-app-brand img{
    width:38px!important;height:38px!important;flex-basis:38px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-search{
    height:42px!important;min-height:42px!important;padding-left:11px!important;padding-right:38px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-field,
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-field input{
    height:40px!important;min-height:40px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) #mcqa-search-submit{
    width:36px!important;min-width:36px!important;height:42px!important;min-height:42px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-actions,
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-header-icon{
    width:40px!important;min-width:40px!important;height:40px!important;
  }
  body.mcqa-canonical-page .mcqa-app:not(.is-standalone) .mcqa-search-suggestions{
    left:10px!important;right:56px!important;top:calc(var(--mcqa-sticky-top,0px) + 53px)!important;
  }
  .mcqa-app .mcqa-section-heading h2,.mcqa-app .mcqa-magazine-title h2{
    font-size:24px!important;
    line-height:1.16!important;
  }
  .mcqa-app .mcqa-update-card{
    flex-basis:calc(100vw - 54px)!important;
    min-width:calc(100vw - 54px)!important;
    width:calc(100vw - 54px)!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
  }
}

@media (min-width:641px) and (max-width:1024px){
  .mcqa-app .mcqa-update-card{
    flex-basis:min(380px,46vw)!important;
    min-width:min(380px,46vw)!important;
    width:min(380px,46vw)!important;
    height:136px!important;
    min-height:136px!important;
    max-height:136px!important;
  }
}







/* v2.0 — Desktop Quick Update Carousel Hotfix
   v1.9 introduced mcqa-update-carousel markup globally but styled it only
   inside <=1024px. These desktop rules ensure the same component remains a
   polished, equal-height carousel instead of falling back to native buttons. */
@media (min-width:1025px){
  .mcqa-app .mcqa-update-brief-shell{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:0!important;
    min-height:124px!important;
    margin:12px 0 24px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #d7e2ea!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,#ffffff,#fbfdff)!important;
    box-shadow:0 8px 22px rgba(15,43,64,.045)!important;
  }
  .mcqa-app .mcqa-update-brief-label{
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:0!important;
    padding:0 18px!important;
    border:0!important;
    border-right:1px solid #dce6ed!important;
    color:#0f5ea8!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.02em!important;
    white-space:nowrap!important;
    background:linear-gradient(180deg,#fbfdff,#f6fafc)!important;
  }
  .mcqa-app .mcqa-update-brief-label>span{font-size:9px!important;color:#0f766e!important}
  .mcqa-app .mcqa-update-brief-strip{
    min-width:0!important;
    overflow:hidden!important;
    padding:10px!important;
  }
  .mcqa-app .mcqa-update-carousel{
    display:flex!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 3px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:thin!important;
    scrollbar-color:#c6d5df transparent!important;
  }
  .mcqa-app .mcqa-update-carousel::-webkit-scrollbar{height:5px!important}
  .mcqa-app .mcqa-update-carousel::-webkit-scrollbar-track{background:transparent!important}
  .mcqa-app .mcqa-update-carousel::-webkit-scrollbar-thumb{background:#c6d5df!important;border-radius:999px!important}
  .mcqa-app .mcqa-update-card{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    flex:0 0 clamp(280px,31%,360px)!important;
    width:clamp(280px,31%,360px)!important;
    min-width:280px!important;
    height:102px!important;
    min-height:102px!important;
    max-height:102px!important;
    gap:5px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #dbe5ec!important;
    border-radius:13px!important;
    background:#fff!important;
    color:var(--mcqa-text)!important;
    text-align:left!important;
    white-space:normal!important;
    box-shadow:none!important;
    scroll-snap-align:start!important;
    overflow:hidden!important;
  }
  .mcqa-app .mcqa-update-card:hover{
    border-color:#bdd3e1!important;
    background:#f8fbfd!important;
    box-shadow:0 6px 16px rgba(15,43,64,.055)!important;
  }
  .mcqa-app .mcqa-update-card-meta{
    display:block!important;
    overflow:hidden!important;
    color:#667d8f!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  .mcqa-app .mcqa-update-card strong{
    display:-webkit-box!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:#17364c!important;
    font-size:12.5px!important;
    line-height:1.34!important;
    font-weight:800!important;
    white-space:normal!important;
    text-overflow:clip!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .mcqa-app .mcqa-update-card-cta{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    color:#0f5ea8!important;
    font-size:10.5px!important;
    font-weight:900!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  
  
  
  
}


/* v2.1 — Desktop Quick Update Card Breathing Room & Alternating Editorial Backgrounds
   Desktop/laptop only. Keeps the v2.0 carousel architecture, increases vertical
   reading room, allows three title lines, anchors the CTA at the bottom, and
   introduces restrained alternating editorial backgrounds. */
@media (min-width:1025px){
  .mcqa-app .mcqa-update-brief-shell{
    min-height:176px!important;
  }
  .mcqa-app .mcqa-update-brief-strip{
    padding:12px!important;
  }
  .mcqa-app .mcqa-update-carousel{
    gap:12px!important;
    padding-bottom:5px!important;
  }
  .mcqa-app .mcqa-update-card{
    grid-template-rows:auto minmax(0,1fr) auto!important;
    flex:0 0 clamp(320px,31.5%,410px)!important;
    width:clamp(320px,31.5%,410px)!important;
    min-width:320px!important;
    height:148px!important;
    min-height:148px!important;
    max-height:148px!important;
    gap:7px!important;
    padding:14px 15px 13px!important;
    border-radius:15px!important;
    border-color:#d9e5ef!important;
    box-shadow:0 6px 18px rgba(15,43,64,.04)!important;
  }
  .mcqa-app .mcqa-update-card:nth-child(4n/**/+1){
    background:linear-gradient(145deg,#ffffff 0%,#f3f8ff 100%)!important;
    border-color:#d6e4f2!important;
  }
  .mcqa-app .mcqa-update-card:nth-child(4n/**/+2){
    background:linear-gradient(145deg,#ffffff 0%,#f6f5ff 100%)!important;
    border-color:#dfdef4!important;
  }
  .mcqa-app .mcqa-update-card:nth-child(4n/**/+3){
    background:linear-gradient(145deg,#ffffff 0%,#f1faf8 100%)!important;
    border-color:#d5eae4!important;
  }
  .mcqa-app .mcqa-update-card:nth-child(4n/**/+4){
    background:linear-gradient(145deg,#ffffff 0%,#f4f7fa 100%)!important;
    border-color:#dbe3ea!important;
  }
  .mcqa-app .mcqa-update-card:hover{
    transform:translateY(-1px)!important;
    border-color:#b9cfdf!important;
    box-shadow:0 10px 24px rgba(15,43,64,.075)!important;
  }
  .mcqa-app .mcqa-update-card-meta{
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  .mcqa-app .mcqa-update-card strong{
    display:-webkit-box!important;
    align-self:start!important;
    overflow:hidden!important;
    font-size:13.5px!important;
    line-height:1.42!important;
    font-weight:800!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
  }
  .mcqa-app .mcqa-update-card-cta{
    align-self:end!important;
    margin-top:auto!important;
    font-size:11px!important;
  }
  
  
  
  
}


/* v2.2 — Editorial Gradient Visual System
   Visual-only design-system overlay. Preserves v2.1 layout geometry and runtime logic.
   Gradients are restrained and high-legibility: blue mist, lilac pearl,
   champagne ivory and cool teal, with a coordinated dark-mode palette. */
.mcqa-app{
  --mcqa-grad-blue:linear-gradient(145deg,#ffffff 0%,#f1f7ff 100%);
  --mcqa-grad-violet:linear-gradient(145deg,#ffffff 0%,#f7f3ff 100%);
  --mcqa-grad-gold:linear-gradient(145deg,#ffffff 0%,#fff8ea 100%);
  --mcqa-grad-teal:linear-gradient(145deg,#ffffff 0%,#effaf8 100%);
  --mcqa-grad-slate:linear-gradient(145deg,#ffffff 0%,#f3f6fa 100%);
  --mcqa-grad-blue-strong:linear-gradient(135deg,#fbfdff 0%,#eef6ff 58%,#f7fbff 100%);
  --mcqa-grad-violet-strong:linear-gradient(135deg,#ffffff 0%,#f4f0ff 62%,#fbfaff 100%);
  --mcqa-grad-gold-strong:linear-gradient(135deg,#fffefd 0%,#fff6e3 62%,#fffaf1 100%);
  --mcqa-grad-teal-strong:linear-gradient(135deg,#fbfffe 0%,#edf9f6 62%,#f8fdfb 100%);
  --mcqa-tint-blue:#eaf4ff;
  --mcqa-tint-violet:#f1ecff;
  --mcqa-tint-gold:#fff2cf;
  --mcqa-tint-teal:#e5f6f1;
  background:
    radial-gradient(circle at 9% 4%,rgba(219,234,254,.48),transparent 26%),
    radial-gradient(circle at 91% 28%,rgba(237,233,254,.34),transparent 24%),
    linear-gradient(180deg,#f7fafe 0%,#eef4f8 100%);
}

/* Hero: premium clinical editorial canvas, not a flat blue panel. */
.mcqa-app .mcqa-hero-shell{
  border-color:#d7e4ee!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(191,219,254,.50),transparent 30%),
    radial-gradient(circle at 92% 84%,rgba(221,214,254,.30),transparent 31%),
    radial-gradient(circle at 76% 8%,rgba(254,243,199,.24),transparent 24%),
    linear-gradient(135deg,#fbfdff 0%,#f3f8ff 48%,#f8f5ff 100%)!important;
  box-shadow:0 22px 54px rgba(26,60,89,.09)!important;
}
.mcqa-app .mcqa-hero-spotlight{
  border-color:#d9e5ee!important;
  background:
    radial-gradient(circle at 86% 16%,rgba(224,231,255,.52),transparent 33%),
    linear-gradient(150deg,#ffffff 0%,#f5f9ff 58%,#f5f2ff 100%)!important;
  box-shadow:0 16px 36px rgba(35,68,101,.075)!important;
}
.mcqa-app .mcqa-hero-trust span:nth-child(1){background:var(--mcqa-grad-blue)!important;border-color:#d6e4f2!important}
.mcqa-app .mcqa-hero-trust span:nth-child(2){background:var(--mcqa-grad-violet)!important;border-color:#e0dbf4!important}
.mcqa-app .mcqa-hero-trust span:nth-child(3){background:var(--mcqa-grad-gold)!important;border-color:#efe0bd!important}

/* Major modules receive distinct but coordinated surfaces. */
.mcqa-app .mcqa-specialty-hub{
  margin:0 0 20px;
  padding:16px 16px 17px;
  border:1px solid #dbe6ee;
  border-radius:18px;
  background:var(--mcqa-grad-blue-strong);
  box-shadow:0 9px 24px rgba(24,58,82,.045);
}
.mcqa-app .mcqa-editorial-dashboard{gap:16px!important}
.mcqa-app .mcqa-dash-column{
  min-width:0;
  padding:13px;
  border:1px solid #dce6ed;
  border-radius:18px;
  box-shadow:0 8px 22px rgba(24,58,82,.04);
}
.mcqa-app .mcqa-dash-column:nth-child(1){background:var(--mcqa-grad-violet-strong);border-color:#e2dcf2}
.mcqa-app .mcqa-dash-column:nth-child(2){background:var(--mcqa-grad-blue-strong);border-color:#d7e5f1}
.mcqa-app .mcqa-dash-column:nth-child(3){background:var(--mcqa-grad-gold-strong);border-color:#eee1c6}
.mcqa-app .mcqa-dash-column .mcqa-section-heading{margin-bottom:10px}

.mcqa-app .mcqa-library-strip{
  border-color:#dbe5ed!important;
  background:linear-gradient(90deg,#f6faff 0%,#fbf8ff 34%,#fffaf0 68%,#f2faf8 100%)!important;
  box-shadow:0 10px 26px rgba(24,58,82,.05)!important;
}
.mcqa-app .mcqa-library-strip>div:nth-child(1){background:linear-gradient(180deg,rgba(234,244,255,.64),rgba(255,255,255,0))}
.mcqa-app .mcqa-library-strip>div:nth-child(2){background:linear-gradient(180deg,rgba(241,236,255,.56),rgba(255,255,255,0))}
.mcqa-app .mcqa-library-strip>div:nth-child(3){background:linear-gradient(180deg,rgba(255,242,207,.55),rgba(255,255,255,0))}
.mcqa-app .mcqa-library-strip>div:nth-child(4){background:linear-gradient(180deg,rgba(229,246,241,.60),rgba(255,255,255,0))}

.mcqa-app .mcqa-browse-section{
  border-color:#dbe6ee!important;
  background:
    radial-gradient(circle at 96% 8%,rgba(224,231,255,.32),transparent 24%),
    linear-gradient(145deg,#ffffff 0%,#f7f9ff 46%,#f8fbfd 100%)!important;
  box-shadow:0 12px 30px rgba(24,58,82,.05)!important;
}
.mcqa-app .mcqa-help-panel{
  border-color:#d9e5ed!important;
  background:
    radial-gradient(circle at 90% 20%,rgba(254,243,199,.42),transparent 27%),
    linear-gradient(125deg,#f7fbff 0%,#f1f8ff 42%,#fff9ec 100%)!important;
}

/* Specialty cards: consistent four-tone editorial rhythm. */
.mcqa-app .mcqa-specialty-pill{
  border-color:#dbe5ed!important;
  box-shadow:0 7px 18px rgba(28,58,79,.04)!important;
}
.mcqa-app .mcqa-specialty-pill:nth-child(4n/**/+1){background:var(--mcqa-grad-blue)!important;border-color:#d6e4f1!important}
.mcqa-app .mcqa-specialty-pill:nth-child(4n/**/+2){background:var(--mcqa-grad-teal)!important;border-color:#d2e9e3!important}
.mcqa-app .mcqa-specialty-pill:nth-child(4n/**/+3){background:var(--mcqa-grad-violet)!important;border-color:#e0dcf3!important}
.mcqa-app .mcqa-specialty-pill:nth-child(4n/**/+4){background:var(--mcqa-grad-gold)!important;border-color:#eee0be!important}
.mcqa-app .mcqa-specialty-pill:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(24,58,82,.085)!important;
}

/* Editorial cards: alternate subtle surfaces while preserving specialty accent text/icon. */
.mcqa-app .mcqa-dash-card,
.mcqa-app .mcqa-card{border-color:#dce6ed!important;box-shadow:0 7px 19px rgba(22,53,76,.035)!important}
.mcqa-app #mcqa-featured .mcqa-dash-card:nth-child(4n/**/+1),
.mcqa-app #mcqa-side-updates .mcqa-dash-card:nth-child(4n/**/+1),
.mcqa-app #mcqa-practice-updates .mcqa-dash-card:nth-child(4n/**/+1),
.mcqa-app .mcqa-magazine-grid .mcqa-card:nth-child(4n/**/+1){background:var(--mcqa-grad-blue)!important;border-color:#d5e4f2!important}
.mcqa-app #mcqa-featured .mcqa-dash-card:nth-child(4n/**/+2),
.mcqa-app #mcqa-side-updates .mcqa-dash-card:nth-child(4n/**/+2),
.mcqa-app #mcqa-practice-updates .mcqa-dash-card:nth-child(4n/**/+2),
.mcqa-app .mcqa-magazine-grid .mcqa-card:nth-child(4n/**/+2){background:var(--mcqa-grad-violet)!important;border-color:#dfdbf2!important}
.mcqa-app #mcqa-featured .mcqa-dash-card:nth-child(4n/**/+3),
.mcqa-app #mcqa-side-updates .mcqa-dash-card:nth-child(4n/**/+3),
.mcqa-app #mcqa-practice-updates .mcqa-dash-card:nth-child(4n/**/+3),
.mcqa-app .mcqa-magazine-grid .mcqa-card:nth-child(4n/**/+3){background:var(--mcqa-grad-gold)!important;border-color:#eee0bd!important}
.mcqa-app #mcqa-featured .mcqa-dash-card:nth-child(4n/**/+4),
.mcqa-app #mcqa-side-updates .mcqa-dash-card:nth-child(4n/**/+4),
.mcqa-app #mcqa-practice-updates .mcqa-dash-card:nth-child(4n/**/+4),
.mcqa-app .mcqa-magazine-grid .mcqa-card:nth-child(4n/**/+4){background:var(--mcqa-grad-teal)!important;border-color:#d3e8e2!important}
.mcqa-app .mcqa-dash-card.is-highlighted{
  background:
    radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--accent-soft,#eef2ff) 56%,transparent),transparent 30%),
    linear-gradient(145deg,#ffffff 0%,color-mix(in srgb,var(--accent-soft,#eef2ff) 66%,#fff 34%) 100%)!important;
  border-color:color-mix(in srgb,var(--accent-line,#cbd5e1) 82%,#dbe5ed 18%)!important;
}
.mcqa-app .mcqa-card:hover,.mcqa-app .mcqa-dash-card:hover{
  border-color:color-mix(in srgb,var(--accent-line,#cbd5e1) 72%,#b9ccd9 28%)!important;
  box-shadow:0 12px 28px rgba(22,53,76,.075)!important;
}

/* Quick-update carousel adopts the same v2.2 palette system. */
.mcqa-app .mcqa-update-brief-shell{
  border-color:#dbe5ed!important;
  background:linear-gradient(90deg,#f7fbff 0%,#fbf9ff 50%,#fffaf2 100%)!important;
}
.mcqa-app .mcqa-update-brief-label{
  background:linear-gradient(180deg,#f8fbff,#f2f7fd)!important;
}
.mcqa-app .mcqa-update-card:nth-child(4n/**/+1){background:var(--mcqa-grad-blue)!important;border-color:#d6e4f2!important}
.mcqa-app .mcqa-update-card:nth-child(4n/**/+2){background:var(--mcqa-grad-violet)!important;border-color:#dfdcf2!important}
.mcqa-app .mcqa-update-card:nth-child(4n/**/+3){background:var(--mcqa-grad-gold)!important;border-color:#eee0bd!important}
.mcqa-app .mcqa-update-card:nth-child(4n/**/+4){background:var(--mcqa-grad-teal)!important;border-color:#d2e8e1!important}

/* Taxonomy pages use the same system rather than a separate flat visual language. */
.mcqa-app .mcqa-taxonomy-hero{
  border-color:#d9e5ee!important;
  background:
    radial-gradient(circle at 90% 18%,rgba(221,214,254,.32),transparent 25%),
    linear-gradient(130deg,#f8fcff 0%,#eef6ff 52%,#f8f5ff 100%)!important;
}
.mcqa-app .mcqa-taxonomy-summary>div:nth-child(4n/**/+1){background:var(--mcqa-grad-blue)!important}
.mcqa-app .mcqa-taxonomy-summary>div:nth-child(4n/**/+2){background:var(--mcqa-grad-violet)!important}
.mcqa-app .mcqa-taxonomy-summary>div:nth-child(4n/**/+3){background:var(--mcqa-grad-gold)!important}
.mcqa-app .mcqa-taxonomy-summary>div:nth-child(4n/**/+4){background:var(--mcqa-grad-teal)!important}
.mcqa-app .mcqa-taxonomy-groups{background:var(--mcqa-grad-blue-strong)!important;border-color:#dae6ef!important}
.mcqa-app .mcqa-taxonomy-featured{background:var(--mcqa-grad-violet-strong)!important;border-color:#e1dcf1!important}
.mcqa-app .mcqa-tax-section:nth-child(4n/**/+1){background:var(--mcqa-grad-blue)!important}
.mcqa-app .mcqa-tax-section:nth-child(4n/**/+2){background:var(--mcqa-grad-violet)!important}
.mcqa-app .mcqa-tax-section:nth-child(4n/**/+3){background:var(--mcqa-grad-gold)!important}
.mcqa-app .mcqa-tax-section:nth-child(4n/**/+4){background:var(--mcqa-grad-teal)!important}
.mcqa-app .mcqa-taxonomy-chip-grid>*:nth-child(4n/**/+1){background:#f3f8ff!important}
.mcqa-app .mcqa-taxonomy-chip-grid>*:nth-child(4n/**/+2){background:#f7f4ff!important}
.mcqa-app .mcqa-taxonomy-chip-grid>*:nth-child(4n/**/+3){background:#fff8ea!important}
.mcqa-app .mcqa-taxonomy-chip-grid>*:nth-child(4n/**/+4){background:#f0faf7!important}

/* Dark-mode counterparts: tinted depth without bright pastel surfaces. */

















/* Compact devices keep identical layout geometry; only spacing inside new module surfaces is restrained. */
@media (max-width:1024px){
  .mcqa-app .mcqa-specialty-hub{padding:13px 12px 14px;border-radius:16px}
  .mcqa-app .mcqa-dash-column{padding:11px;border-radius:16px}
}
@media (max-width:640px){
  .mcqa-app .mcqa-specialty-hub{padding:11px 9px 12px;margin-bottom:15px}
  .mcqa-app .mcqa-dash-column{padding:9px;border-radius:14px}
  .mcqa-app .mcqa-editorial-dashboard{gap:10px!important}
}


/* v2.3 — Surface Consistency & Answer Detail Editorial Cleanup
   Harmonizes host wrapper/module surfaces with v2.2 cards and removes the obsolete
   in-modal sticky section nav. Related questions use light editorial gradients. */

/* Remove the white host/article sleeve around the app on canonical pages. */
body.mcqa-canonical-page .mcqa-host-content-shell,
body.mcqa-canonical-page article.mcqa-host-content-shell,
body.mcqa-canonical-page .entry-content.mcqa-host-content-shell,
body.mcqa-canonical-page .page-content.mcqa-host-content-shell{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
body.mcqa-canonical-page .mcqa-host-content-shell::before,
body.mcqa-canonical-page .mcqa-host-content-shell::after{display:none!important}

/* Module shells become low-chroma glass surfaces so the cards inside carry the colour. */
.mcqa-app .mcqa-specialty-hub,
.mcqa-app .mcqa-dash-column,
.mcqa-app .mcqa-browse-section{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,250,253,.86))!important;
  border-color:#dce6ed!important;
  box-shadow:0 9px 24px rgba(24,58,82,.04)!important;
}
.mcqa-app .mcqa-dash-column:nth-child(1),
.mcqa-app .mcqa-dash-column:nth-child(2),
.mcqa-app .mcqa-dash-column:nth-child(3){
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(246,249,252,.88))!important;
  border-color:#dce6ed!important;
}
.mcqa-app .mcqa-dash-column:nth-child(1){box-shadow:inset 0 3px 0 rgba(124,92,220,.12),0 9px 24px rgba(24,58,82,.035)!important}
.mcqa-app .mcqa-dash-column:nth-child(2){box-shadow:inset 0 3px 0 rgba(45,119,190,.12),0 9px 24px rgba(24,58,82,.035)!important}
.mcqa-app .mcqa-dash-column:nth-child(3){box-shadow:inset 0 3px 0 rgba(199,151,56,.13),0 9px 24px rgba(24,58,82,.035)!important}

/* The old sticky summary/apply/reference navigation is intentionally retired. */
.mcqa-app .mcqa-detail-nav{display:none!important}
.mcqa-app .mcqa-detail-scroll{scroll-padding-top:12px}

/* Answer-detail section language gets a clearer editorial hierarchy. */
.mcqa-app .mcqa-answer-box,
.mcqa-app .mcqa-pearl-box{box-shadow:0 7px 20px rgba(27,62,85,.045)}
.mcqa-app .mcqa-answer-box{background:linear-gradient(145deg,#fbfdff,#eef7ff)!important;border-color:#cfe2f0!important}
.mcqa-app .mcqa-pearl-box{background:linear-gradient(145deg,#ffffff,#f1f9f7)!important;border-color:#d1e8e1!important}
.mcqa-app .mcqa-answer-box>span,
.mcqa-app .mcqa-pearl-box>span,
.mcqa-app .mcqa-detail-section h3{
  letter-spacing:.045em;
}
.mcqa-app .mcqa-detail-section{
  background:linear-gradient(145deg,#ffffff,#f8fafc)!important;
  border-color:#dce6ed!important;
}
.mcqa-app .mcqa-apply-grid>div:nth-child(1){background:linear-gradient(145deg,#f7fbff,#edf5ff)!important}
.mcqa-app .mcqa-apply-grid>div:nth-child(2){background:linear-gradient(145deg,#fffdf8,#fff7e8)!important}
.mcqa-app .mcqa-two-col>div:nth-child(1){background:linear-gradient(145deg,#f8f6ff,#f2efff)!important}
.mcqa-app .mcqa-two-col>div:nth-child(2){background:linear-gradient(145deg,#f5fbfa,#edf8f5)!important}

/* Related questions: light, readable cards instead of host-overridden dark buttons. */
.mcqa-app .mcqa-related-grid{gap:10px}
.mcqa-app .mcqa-related-card{
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:0!important;
  min-height:112px!important;
  padding:13px 14px!important;
  border:1px solid #d8e4ed!important;
  border-radius:13px!important;
  box-shadow:0 7px 18px rgba(24,58,82,.045)!important;
  color:var(--mcqa-ink)!important;
  text-align:left!important;
}
.mcqa-app .mcqa-related-card:nth-child(4n/**/+1){background:var(--mcqa-grad-blue)!important;border-color:#d4e3f1!important}
.mcqa-app .mcqa-related-card:nth-child(4n/**/+2){background:var(--mcqa-grad-violet)!important;border-color:#dedaf1!important}
.mcqa-app .mcqa-related-card:nth-child(4n/**/+3){background:var(--mcqa-grad-gold)!important;border-color:#eee0bd!important}
.mcqa-app .mcqa-related-card:nth-child(4n/**/+4){background:var(--mcqa-grad-teal)!important;border-color:#d1e7e0!important}
.mcqa-app .mcqa-related-card span{color:#60798c!important;font-size:10.5px!important;font-weight:800!important}
.mcqa-app .mcqa-related-card strong{color:#102f45!important;font-size:13px!important;line-height:1.42!important}
.mcqa-app .mcqa-related-card i{margin-top:auto;color:#0f5ea8!important;font-size:11px!important;font-style:normal!important;font-weight:850!important}
.mcqa-app .mcqa-related-card:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(24,58,82,.075)!important}

/* Dark mode keeps the same hierarchy without bright cards. */
















/* v2.4 — Canonical Host Wrapper Elimination Hotfix
   v2.3 neutralized only the nearest content shell. Some themes add one or more
   higher-level white containers around article/page content. Mark and blend the
   full ancestor chain up to the page's main content region so the Clinical Q&A
   canvas reads as one continuous editorial surface. */
body.mcqa-canonical-page,
body.mcqa-canonical-page.mcqa-host-canvas{
  background:#eef4f8!important;
  background-image:linear-gradient(180deg,#f7fafe 0%,#eef4f8 100%)!important;
}
body.mcqa-canonical-page .mcqa-host-ancestor-shell,
body.mcqa-canonical-page .mcqa-host-content-shell,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page .mcqa-host-outer-shell{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
body.mcqa-canonical-page .mcqa-host-ancestor-shell::before,
body.mcqa-canonical-page .mcqa-host-ancestor-shell::after,
body.mcqa-canonical-page .mcqa-host-content-shell::before,
body.mcqa-canonical-page .mcqa-host-content-shell::after{
  box-shadow:none!important;
  border-color:transparent!important;
}
/* The direct content wrappers that most often create the visible white sleeve. */
body.mcqa-canonical-page .mcqa-host-ancestor-shell:is(.container,.container-fluid,.content-area,.site-content,.main-content,.main-wrapper,.page-wrapper,.entry-content,.page-content,article,main,.site-main,#main),
body.mcqa-canonical-page .mcqa-host-content-shell:is(.container,.container-fluid,.content-area,.site-content,.main-content,.main-wrapper,.page-wrapper,.entry-content,.page-content,article,main,.site-main,#main){
  background:transparent!important;
  border-radius:0!important;
}
/* Match exposed gutters/padding to the Clinical Q&A canvas instead of white. */
body.mcqa-canonical-page .mcqa-host-ancestor-shell:has(> .mcqa-app),
body.mcqa-canonical-page .mcqa-host-content-shell:has(> .mcqa-app){
  background:linear-gradient(180deg,#f7fafe 0%,#eef4f8 100%)!important;
}
/* Keep footer/header surfaces owned by the host theme unaffected. */
body.mcqa-canonical-page header.mcqa-host-ancestor-shell,
body.mcqa-canonical-page footer.mcqa-host-ancestor-shell{background:revert-layer!important}

 /* no-op sentinel to keep dark block easy to locate */



/* Structural fallback: legacy sticky detail nav must never survive in v2.4. */
.mcqa-app .mcqa-detail-nav{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}


/* v2.5 — Transparent Canonical Canvas Hotfix
   The residual pale sleeve in v2.4 was generated by Clinical Q&A itself:
   body.mcqa-canonical-page, the direct host wrapper, and .mcqa-app were all
   assigned a canvas gradient. On embedded canonical pages, the host page now
   owns the outer background. Only actual Clinical Q&A modules/cards carry surfaces. */
body.mcqa-canonical-page:not(.mcqa-standalone-mode),
body.mcqa-canonical-page:not(.mcqa-standalone-mode).mcqa-host-canvas{
  background:unset!important;
  background-color:unset!important;
  background-image:none!important;
}
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-ancestor-shell,
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-content-shell,
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-ancestor-shell:has(> .mcqa-app),
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-content-shell:has(> .mcqa-app){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-app{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
/* Never let an article/page pseudo-layer recreate a sleeve around the app. */
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-ancestor-shell::before,
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-ancestor-shell::after,
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-content-shell::before,
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-content-shell::after{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
/* Standalone/PWA remains a self-contained canvas. */
body.mcqa-standalone-mode .mcqa-app,
.mcqa-app.is-standalone{
  background:
    radial-gradient(circle at 9% 4%,rgba(219,234,254,.48),transparent 26%),
    radial-gradient(circle at 91% 28%,rgba(237,233,254,.34),transparent 24%),
    linear-gradient(180deg,#f7fafe 0%,#eef4f8 100%)!important;
}

/* Structural removal of the obsolete jump-chip nav, even if stale HTML is injected. */
.mcqa-app .mcqa-detail-nav,
.mcqa-app [data-mcqa-detail-nav]{
  display:none!important;visibility:hidden!important;position:static!important;
  height:0!important;min-height:0!important;max-height:0!important;
  margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
}


/* v2.5.1 — Mobile/Tablet Edge-to-Edge & White Canvas Hotfix
   - embedded canonical canvas is white;
   - hero CTA is right-aligned;
   - module outer frames are removed on compact screens so inner cards carry the visual hierarchy. */

body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-app{
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-ancestor-shell:has(> .mcqa-app),
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-content-shell:has(> .mcqa-app){
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
}
.mcqa-app .mcqa-spotlight-copy{display:flex;flex-direction:column;align-items:stretch}
.mcqa-app .mcqa-spotlight-cta{align-self:flex-end!important;margin-left:auto!important;margin-right:0!important}

@media (max-width:1024px){
  .mcqa-app{background:#fff!important;background-image:none!important}
  .mcqa-app .mcqa-hero-shell,
  .mcqa-app .mcqa-specialty-hub,
  .mcqa-app .mcqa-dash-column,
  .mcqa-app .mcqa-browse-section,
  .mcqa-app .mcqa-library-strip,
  .mcqa-app .mcqa-help-panel,
  .mcqa-app .mcqa-update-brief-shell,
  .mcqa-app .mcqa-taxonomy-hero,
  .mcqa-app .mcqa-taxonomy-groups,
  .mcqa-app .mcqa-taxonomy-featured{border:0!important;box-shadow:none!important}
  .mcqa-app .mcqa-specialty-hub,
  .mcqa-app .mcqa-dash-column,
  .mcqa-app .mcqa-browse-section,
  .mcqa-app .mcqa-library-strip,
  .mcqa-app .mcqa-update-brief-shell,
  .mcqa-app .mcqa-taxonomy-groups,
  .mcqa-app .mcqa-taxonomy-featured{border-radius:0!important}
  .mcqa-app .mcqa-specialty-hub,
  .mcqa-app .mcqa-dash-column,
  .mcqa-app .mcqa-browse-section{padding-left:0!important;padding-right:0!important}
  .mcqa-app .mcqa-editorial-dashboard{gap:12px!important}
  .mcqa-app .mcqa-section-heading{padding-inline:2px}
  .mcqa-app .mcqa-spotlight-cta{align-self:flex-end!important}
}
@media (max-width:640px){
  .mcqa-app{padding-left:4px!important;padding-right:4px!important}
  .mcqa-app .mcqa-hero-shell{border-radius:14px!important;padding-left:10px!important;padding-right:10px!important}
  .mcqa-app .mcqa-specialty-hub,
  .mcqa-app .mcqa-dash-column,
  .mcqa-app .mcqa-browse-section{margin-left:0!important;margin-right:0!important}
  .mcqa-app .mcqa-dash-card,.mcqa-app .mcqa-card,.mcqa-app .mcqa-specialty-pill{max-width:100%!important}
}



/* v2.5.2 — Mobile Edge Width Optimization Hotfix
   Reduce compact-screen gutters while preserving safe text/card padding and preventing horizontal overflow. */
@media (max-width:1024px){
  body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-app{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow-x:clip!important;
  }
  .mcqa-app .mcqa-app-inner,
  .mcqa-app .mcqa-main,
  .mcqa-app .mcqa-content,
  .mcqa-app .mcqa-home,
  .mcqa-app .mcqa-homepage{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:641px) and (max-width:1024px){
  body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-app{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .mcqa-app .mcqa-hero-shell,
  .mcqa-app .mcqa-specialty-hub,
  .mcqa-app .mcqa-dash-column,
  .mcqa-app .mcqa-browse-section,
  .mcqa-app .mcqa-library-strip,
  .mcqa-app .mcqa-help-panel,
  .mcqa-app .mcqa-update-brief-shell,
  .mcqa-app .mcqa-taxonomy-hero,
  .mcqa-app .mcqa-taxonomy-groups,
  .mcqa-app .mcqa-taxonomy-featured{
    margin-left:0!important;
    margin-right:0!important;
    max-width:none!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
}

@media (max-width:640px){
  body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-app{
    padding-left:2px!important;
    padding-right:2px!important;
  }
  .mcqa-app .mcqa-hero-shell,
  .mcqa-app .mcqa-specialty-hub,
  .mcqa-app .mcqa-dash-column,
  .mcqa-app .mcqa-browse-section,
  .mcqa-app .mcqa-library-strip,
  .mcqa-app .mcqa-help-panel,
  .mcqa-app .mcqa-update-brief-shell,
  .mcqa-app .mcqa-taxonomy-hero,
  .mcqa-app .mcqa-taxonomy-groups,
  .mcqa-app .mcqa-taxonomy-featured{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .mcqa-app .mcqa-hero-shell{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .mcqa-app .mcqa-dash-card,
  .mcqa-app .mcqa-card,
  .mcqa-app .mcqa-update-card,
  .mcqa-app .mcqa-specialty-pill{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .mcqa-app .mcqa-editorial-dashboard,
  .mcqa-app .mcqa-grid,
  .mcqa-app .mcqa-update-carousel,
  .mcqa-app .mcqa-specialty-rail{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}


/* v2.5.3 — Host-Adaptive Dark Mode Compatibility Hotfix
   Embedded dark mode now follows the actual SachYHoc/YHocLamSang host surface
   instead of imposing a fixed navy canvas. Standalone/PWA keeps its own palette. */


















/* v2.5.4 — Host-Owned Theme Contract
   Embedded Clinical Q&A does NOT own or detect dark mode.
   SachYHoc Theme / YHocLamSang Theme own the canonical color variables.
   This bridge consumes those variables identically in light and dark states.
   Standalone/PWA keeps the existing MCQA standalone theme contract. */
.mcqa-app:not(.is-standalone){
  --mcqa-host-bg:var(--tvm-bg,var(--yhlsm-bg,#f4f9fc));
  --mcqa-host-paper:var(--tvm-paper,var(--yhlsm-paper,#fff));
  --mcqa-host-soft:var(--tvm-soft,var(--yhlsm-soft,#edf7fa));
  --mcqa-host-ink:var(--tvm-ink,var(--yhlsm-ink,#10283f));
  --mcqa-host-muted:var(--tvm-muted,var(--yhlsm-muted,#62758a));
  --mcqa-host-line:var(--tvm-line,var(--yhlsm-line,#d9e6ee));
  --mcqa-host-blue:var(--tvm-blue,var(--yhlsm-blue,#087fc2));
  --mcqa-host-blue-dark:var(--tvm-blue-dark,var(--yhlsm-blue-dark,#063d78));
  --mcqa-host-teal:var(--tvm-teal,var(--yhlsm-teal,#0b9ead));
  --mcqa-host-shadow:var(--tvm-shadow,var(--yhlsm-shadow,0 17px 48px rgba(6,61,120,.10)));

  --mcqa-bg:var(--mcqa-host-paper);
  --mcqa-surface:var(--mcqa-host-paper);
  --mcqa-surface-2:color-mix(in srgb,var(--mcqa-host-paper) 82%,var(--mcqa-host-soft) 18%);
  --mcqa-surface-3:var(--mcqa-host-soft);
  --mcqa-ink:var(--mcqa-host-ink);
  --mcqa-text:color-mix(in srgb,var(--mcqa-host-ink) 78%,var(--mcqa-host-muted) 22%);
  --mcqa-muted:var(--mcqa-host-muted);
  --mcqa-line:var(--mcqa-host-line);
  --mcqa-line-strong:color-mix(in srgb,var(--mcqa-host-line) 78%,var(--mcqa-host-ink) 22%);
  --mcqa-blue:var(--mcqa-host-blue);
  --mcqa-blue-2:color-mix(in srgb,var(--mcqa-host-blue) 82%,var(--mcqa-host-teal) 18%);
  --mcqa-teal:var(--mcqa-host-teal);
  --mcqa-shadow:var(--mcqa-host-shadow);
  --mcqa-shadow-soft:0 8px 24px color-mix(in srgb,var(--mcqa-host-ink) 8%,transparent);

  --mcqa-grad-blue:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,var(--mcqa-host-blue) 9%),var(--mcqa-host-paper));
  --mcqa-grad-violet:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,#7c6ee6 9%),var(--mcqa-host-paper));
  --mcqa-grad-gold:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,#c9a34e 9%),var(--mcqa-host-paper));
  --mcqa-grad-teal:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,var(--mcqa-host-teal) 9%),var(--mcqa-host-paper));
  --mcqa-grad-blue-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,var(--mcqa-host-blue) 16%),var(--mcqa-host-paper));
  --mcqa-grad-violet-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,#7c6ee6 16%),var(--mcqa-host-paper));
  --mcqa-grad-gold-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,#c9a34e 16%),var(--mcqa-host-paper));
  --mcqa-grad-teal-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,var(--mcqa-host-teal) 16%),var(--mcqa-host-paper));

  background:var(--mcqa-host-paper)!important;
  color:var(--mcqa-host-ink)!important;
  color-scheme:inherit!important;
}

body.mcqa-canonical-page:not(.mcqa-standalone-mode),
body.mcqa-canonical-page:not(.mcqa-standalone-mode).mcqa-host-canvas,
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-ancestor-shell,
body.mcqa-canonical-page:not(.mcqa-standalone-mode) .mcqa-host-content-shell{
  background:var(--tvm-paper,var(--yhlsm-paper,#fff))!important;
  color:var(--tvm-ink,var(--yhlsm-ink,#10283f))!important;
}

.mcqa-app:not(.is-standalone) .mcqa-app-header,
.mcqa-app:not(.is-standalone) .mcqa-app-menu,
.mcqa-app:not(.is-standalone) .mcqa-search-panel,
.mcqa-app:not(.is-standalone) .mcqa-detail,
.mcqa-app:not(.is-standalone) .mcqa-detail-bar{
  background:var(--mcqa-host-paper)!important;
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}
.mcqa-app:not(.is-standalone) .mcqa-header-search,
.mcqa-app:not(.is-standalone) input,
.mcqa-app:not(.is-standalone) select,
.mcqa-app:not(.is-standalone) textarea,
.mcqa-app:not(.is-standalone) .mcqa-header-icon,
.mcqa-app:not(.is-standalone) .mcqa-header-action{
  background:var(--mcqa-host-paper)!important;
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}
.mcqa-app:not(.is-standalone) #mcqa-search-submit{
  background:linear-gradient(135deg,var(--mcqa-host-blue-dark),var(--mcqa-host-blue))!important;
  color:#fff!important;
}

.mcqa-app:not(.is-standalone) .mcqa-hero-shell{background:var(--mcqa-grad-blue-strong)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-hero-spotlight{background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-specialty-hub{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-dash-column:nth-child(1){background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-dash-column:nth-child(2){background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-dash-column:nth-child(3){background:var(--mcqa-grad-gold)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-browse-section{background:color-mix(in srgb,var(--mcqa-host-paper) 90%,var(--mcqa-host-soft) 10%)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-library-strip{background:linear-gradient(90deg,var(--mcqa-grad-blue),var(--mcqa-grad-violet),var(--mcqa-grad-gold),var(--mcqa-grad-teal))!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-help-panel{background:var(--mcqa-grad-gold)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-update-brief-shell{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-taxonomy-hero{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-taxonomy-groups{background:var(--mcqa-grad-teal)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app:not(.is-standalone) .mcqa-taxonomy-featured{background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}

.mcqa-app:not(.is-standalone) .mcqa-card,
.mcqa-app:not(.is-standalone) .mcqa-dash-card,
.mcqa-app:not(.is-standalone) .mcqa-update-card,
.mcqa-app:not(.is-standalone) .mcqa-specialty-pill,
.mcqa-app:not(.is-standalone) .mcqa-related-card,
.mcqa-app:not(.is-standalone) .mcqa-detail-section,
.mcqa-app:not(.is-standalone) .mcqa-update-status,
.mcqa-app:not(.is-standalone) .mcqa-access-gate{
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--mcqa-host-ink) 7%,transparent)!important;
}
.mcqa-app:not(.is-standalone) .mcqa-card:nth-child(4n/**/+1),
.mcqa-app:not(.is-standalone) .mcqa-dash-card:nth-child(4n/**/+1),
.mcqa-app:not(.is-standalone) .mcqa-update-card:nth-child(4n/**/+1),
.mcqa-app:not(.is-standalone) .mcqa-specialty-pill:nth-child(4n/**/+1),
.mcqa-app:not(.is-standalone) .mcqa-related-card:nth-child(4n/**/+1){background:var(--mcqa-grad-blue)!important}
.mcqa-app:not(.is-standalone) .mcqa-card:nth-child(4n/**/+2),
.mcqa-app:not(.is-standalone) .mcqa-dash-card:nth-child(4n/**/+2),
.mcqa-app:not(.is-standalone) .mcqa-update-card:nth-child(4n/**/+2),
.mcqa-app:not(.is-standalone) .mcqa-specialty-pill:nth-child(4n/**/+2),
.mcqa-app:not(.is-standalone) .mcqa-related-card:nth-child(4n/**/+2){background:var(--mcqa-grad-violet)!important}
.mcqa-app:not(.is-standalone) .mcqa-card:nth-child(4n/**/+3),
.mcqa-app:not(.is-standalone) .mcqa-dash-card:nth-child(4n/**/+3),
.mcqa-app:not(.is-standalone) .mcqa-update-card:nth-child(4n/**/+3),
.mcqa-app:not(.is-standalone) .mcqa-specialty-pill:nth-child(4n/**/+3),
.mcqa-app:not(.is-standalone) .mcqa-related-card:nth-child(4n/**/+3){background:var(--mcqa-grad-gold)!important}
.mcqa-app:not(.is-standalone) .mcqa-card:nth-child(4n/**/+4),
.mcqa-app:not(.is-standalone) .mcqa-dash-card:nth-child(4n/**/+4),
.mcqa-app:not(.is-standalone) .mcqa-update-card:nth-child(4n/**/+4),
.mcqa-app:not(.is-standalone) .mcqa-specialty-pill:nth-child(4n/**/+4),
.mcqa-app:not(.is-standalone) .mcqa-related-card:nth-child(4n/**/+4){background:var(--mcqa-grad-teal)!important}

.mcqa-app:not(.is-standalone) :where(h1,h2,h3,h4,strong,.mcqa-card h3,.mcqa-dash-card h3,.mcqa-related-card strong,.mcqa-detail h2,.mcqa-detail h3,.mcqa-spotlight-copy>strong){color:var(--mcqa-host-ink)!important}
.mcqa-app:not(.is-standalone) :where(p,small,.mcqa-card>p,.mcqa-dash-card p,.mcqa-related-card span,.mcqa-hero-copy>p,.mcqa-spotlight-copy>p,.mcqa-detail p){color:var(--mcqa-host-muted)!important}
.mcqa-app:not(.is-standalone) a{color:var(--mcqa-host-blue)!important}
.mcqa-app:not(.is-standalone) .mcqa-drawer{background:color-mix(in srgb,var(--mcqa-host-ink) 42%,transparent)!important}
.mcqa-app:not(.is-standalone) .mcqa-detail{background:var(--mcqa-host-paper)!important;color:var(--mcqa-host-ink)!important}
.mcqa-app:not(.is-standalone) .mcqa-detail-head,
.mcqa-app:not(.is-standalone) .mcqa-answer-box,
.mcqa-app:not(.is-standalone) .mcqa-pearl-box,
.mcqa-app:not(.is-standalone) .mcqa-apply-grid>div,
.mcqa-app:not(.is-standalone) .mcqa-two-col>div{
  background:color-mix(in srgb,var(--mcqa-host-paper) 82%,var(--mcqa-host-soft) 18%)!important;
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}


/* v2.5.5 — Canonical Host Theme Authority
   IMPORTANT: Clinical Q&A owns no dark-mode state and no dark palette.
   SachYHoc and YHocLamSang Theme/Super App toggle canonical classes on <html>
   and update their own CSS variables. MCQA consumes only those variables.
   This applies equally to embedded pages, ?standalone=1 and installed PWA. */
.mcqa-app{
  --mcqa-host-bg:var(--tvm-bg,var(--yhlsm-bg,#f4f9fc));
  --mcqa-host-paper:var(--tvm-paper,var(--yhlsm-paper,#fff));
  --mcqa-host-soft:var(--tvm-soft,var(--yhlsm-soft,#edf7fa));
  --mcqa-host-ink:var(--tvm-ink,var(--yhlsm-ink,#10283f));
  --mcqa-host-muted:var(--tvm-muted,var(--yhlsm-muted,#62758a));
  --mcqa-host-line:var(--tvm-line,var(--yhlsm-line,#d9e6ee));
  --mcqa-host-blue:var(--tvm-blue,var(--yhlsm-blue,#087fc2));
  --mcqa-host-blue-dark:var(--tvm-blue-dark,var(--yhlsm-blue-dark,#063d78));
  --mcqa-host-teal:var(--tvm-teal,var(--yhlsm-teal,#0b9ead));
  --mcqa-host-shadow:var(--tvm-shadow,var(--yhlsm-shadow,0 17px 48px rgba(6,61,120,.10)));

  --mcqa-bg:var(--mcqa-host-bg);
  --mcqa-surface:var(--mcqa-host-paper);
  --mcqa-surface-2:color-mix(in srgb,var(--mcqa-host-paper) 82%,var(--mcqa-host-soft) 18%);
  --mcqa-surface-3:var(--mcqa-host-soft);
  --mcqa-ink:var(--mcqa-host-ink);
  --mcqa-text:color-mix(in srgb,var(--mcqa-host-ink) 78%,var(--mcqa-host-muted) 22%);
  --mcqa-muted:var(--mcqa-host-muted);
  --mcqa-line:var(--mcqa-host-line);
  --mcqa-line-strong:color-mix(in srgb,var(--mcqa-host-line) 78%,var(--mcqa-host-ink) 22%);
  --mcqa-blue:var(--mcqa-host-blue);
  --mcqa-blue-2:color-mix(in srgb,var(--mcqa-host-blue) 82%,var(--mcqa-host-teal) 18%);
  --mcqa-teal:var(--mcqa-host-teal);
  --mcqa-shadow:var(--mcqa-host-shadow);
  --mcqa-shadow-soft:0 8px 24px color-mix(in srgb,var(--mcqa-host-ink) 8%,transparent);

  --mcqa-grad-blue:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,var(--mcqa-host-blue) 9%),var(--mcqa-host-paper));
  --mcqa-grad-violet:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,#7c6ee6 9%),var(--mcqa-host-paper));
  --mcqa-grad-gold:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,#c9a34e 9%),var(--mcqa-host-paper));
  --mcqa-grad-teal:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,var(--mcqa-host-teal) 9%),var(--mcqa-host-paper));
  --mcqa-grad-blue-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,var(--mcqa-host-blue) 16%),var(--mcqa-host-paper));
  --mcqa-grad-violet-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,#7c6ee6 16%),var(--mcqa-host-paper));
  --mcqa-grad-gold-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,#c9a34e 16%),var(--mcqa-host-paper));
  --mcqa-grad-teal-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,var(--mcqa-host-teal) 16%),var(--mcqa-host-paper));
  color:var(--mcqa-host-ink)!important;
  color-scheme:inherit!important;
  background:transparent!important;
  background-image:none!important;
}

/* Outer canvas remains owned by the WordPress Theme in every route. */
body.mcqa-canonical-page,
body.mcqa-canonical-page.mcqa-host-canvas,
body.mcqa-canonical-page .mcqa-host-ancestor-shell,
body.mcqa-canonical-page .mcqa-host-content-shell{
  color:var(--tvm-ink,var(--yhlsm-ink,inherit))!important;
}
body.mcqa-canonical-page .mcqa-host-ancestor-shell,
body.mcqa-canonical-page .mcqa-host-content-shell,
body.mcqa-canonical-page .mcqa-host-ancestor-shell:has(> .mcqa-app),
body.mcqa-canonical-page .mcqa-host-content-shell:has(> .mcqa-app){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Host-owned surfaces: same selectors in light and dark; only host variables change. */
.mcqa-app .mcqa-app-header,
.mcqa-app .mcqa-app-menu,
.mcqa-app .mcqa-search-panel,
.mcqa-app .mcqa-detail,
.mcqa-app .mcqa-detail-bar,
.mcqa-app .mcqa-detail-head{
  background:var(--mcqa-host-paper)!important;
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}
.mcqa-app .mcqa-header-search,
.mcqa-app input,
.mcqa-app select,
.mcqa-app textarea,
.mcqa-app .mcqa-header-icon,
.mcqa-app .mcqa-header-action{
  background:var(--mcqa-host-paper)!important;
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}
.mcqa-app input::placeholder,.mcqa-app textarea::placeholder{color:var(--mcqa-host-muted)!important}
.mcqa-app #mcqa-search-submit{background:linear-gradient(135deg,var(--mcqa-host-blue-dark),var(--mcqa-host-blue))!important;color:#fff!important}

.mcqa-app .mcqa-hero-shell{background:var(--mcqa-grad-blue-strong)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-hero-spotlight{background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-specialty-hub{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-dash-column:nth-child(1){background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-dash-column:nth-child(2){background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-dash-column:nth-child(3){background:var(--mcqa-grad-gold)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-browse-section{background:color-mix(in srgb,var(--mcqa-host-paper) 90%,var(--mcqa-host-soft) 10%)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-library-strip{background:linear-gradient(90deg,var(--mcqa-grad-blue),var(--mcqa-grad-violet),var(--mcqa-grad-gold),var(--mcqa-grad-teal))!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-help-panel{background:var(--mcqa-grad-gold)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-update-brief-shell{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-taxonomy-hero{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-taxonomy-groups{background:var(--mcqa-grad-teal)!important;border-color:var(--mcqa-host-line)!important}
.mcqa-app .mcqa-taxonomy-featured{background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}

.mcqa-app .mcqa-card,
.mcqa-app .mcqa-dash-card,
.mcqa-app .mcqa-update-card,
.mcqa-app .mcqa-specialty-pill,
.mcqa-app .mcqa-related-card,
.mcqa-app .mcqa-apply-grid>div,
.mcqa-app .mcqa-two-col>div,
.mcqa-app .mcqa-answer-box,
.mcqa-app .mcqa-pearl-box,
.mcqa-app .mcqa-detail-section,
.mcqa-app .mcqa-update-status{
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}
.mcqa-app .mcqa-card:nth-child(4n+1),.mcqa-app .mcqa-dash-card:nth-child(4n+1),.mcqa-app .mcqa-update-card:nth-child(4n+1),.mcqa-app .mcqa-related-card:nth-child(4n+1){background:var(--mcqa-grad-blue)!important}
.mcqa-app .mcqa-card:nth-child(4n+2),.mcqa-app .mcqa-dash-card:nth-child(4n+2),.mcqa-app .mcqa-update-card:nth-child(4n+2),.mcqa-app .mcqa-related-card:nth-child(4n+2){background:var(--mcqa-grad-violet)!important}
.mcqa-app .mcqa-card:nth-child(4n+3),.mcqa-app .mcqa-dash-card:nth-child(4n+3),.mcqa-app .mcqa-update-card:nth-child(4n+3),.mcqa-app .mcqa-related-card:nth-child(4n+3){background:var(--mcqa-grad-gold)!important}
.mcqa-app .mcqa-card:nth-child(4n+4),.mcqa-app .mcqa-dash-card:nth-child(4n+4),.mcqa-app .mcqa-update-card:nth-child(4n+4),.mcqa-app .mcqa-related-card:nth-child(4n+4){background:var(--mcqa-grad-teal)!important}
.mcqa-app .mcqa-specialty-pill{background:var(--mcqa-grad-blue)!important}
.mcqa-app .mcqa-card h3,.mcqa-app .mcqa-dash-card h3,.mcqa-app .mcqa-related-card strong,.mcqa-app .mcqa-detail h2,.mcqa-app .mcqa-detail h3,.mcqa-app .mcqa-hero-copy h1,.mcqa-app .mcqa-spotlight-copy>strong{color:var(--mcqa-host-ink)!important}
.mcqa-app .mcqa-card>p,.mcqa-app .mcqa-dash-card p,.mcqa-app .mcqa-related-card span,.mcqa-app .mcqa-hero-copy>p,.mcqa-app .mcqa-spotlight-copy>p,.mcqa-app .mcqa-detail p{color:var(--mcqa-host-muted)!important}


/* ==========================================================================\n   v2.5.6 — Exact Host Dark-Mode Contract & Legacy Light Override Cleanup\n   Canonical host baselines audited 2026-08-31:\n   - SachYHoc Super App v0.71.15 + THƯ VIỆN MEDIPHARM Theme v1.2.26\n   - YHOCLAMSANG Super App v1.09.31 + Y HỌC LÂM SÀNG MEDIPHARM Theme v1.82\n\n   Contract:\n   1. Host Theme/Super App is the sole owner of light/dark state.\n   2. MCQA consumes shared --syh-* tokens FIRST. Site-theme tokens are fallback only.\n   3. No MCQA dark selector, dark class, localStorage theme state or inferred palette.\n   4. Same rules work in light/dark because host variables change on <html>.\n   5. High-specificity rules below intentionally neutralize legacy v2.4–v2.5.2\n      light !important backgrounds, including ?standalone=1/PWA layout.\n   ========================================================================== */

#mcqa-app.mcqa-app{
  --mcqa-host-bg:var(--syh-bg,var(--tvm-bg,var(--yhlsm-bg,#f7f9fc)));
  --mcqa-host-paper:var(--syh-surface,var(--tvm-paper,var(--yhlsm-paper,#fff)));
  --mcqa-host-soft:var(--syh-surface-soft,var(--tvm-soft,var(--yhlsm-soft,#f1f5f9)));
  --mcqa-host-ink:var(--syh-ink,var(--tvm-ink,var(--yhlsm-ink,#15243a)));
  --mcqa-host-muted:var(--syh-muted,var(--tvm-muted,var(--yhlsm-muted,#617289)));
  --mcqa-host-line:var(--syh-line,var(--tvm-line,var(--yhlsm-line,#dce5ee)));
  --mcqa-host-blue:var(--syh-blue,var(--tvm-blue,var(--yhlsm-blue,#087fc2)));
  --mcqa-host-blue-dark:var(--tvm-blue-dark,var(--yhlsm-blue-dark,color-mix(in srgb,var(--mcqa-host-blue) 78%,var(--mcqa-host-ink) 22%)));
  --mcqa-host-teal:var(--syh-teal,var(--tvm-teal,var(--yhlsm-teal,#0b9ead)));
  --mcqa-host-violet:var(--syh-violet,#6d49c6);
  --mcqa-host-shadow:var(--syh-elevated,var(--tvm-shadow,var(--yhlsm-shadow,0 14px 38px color-mix(in srgb,var(--mcqa-host-ink) 8%,transparent))));

  --mcqa-bg:var(--mcqa-host-bg);
  --mcqa-surface:var(--mcqa-host-paper);
  --mcqa-surface-2:color-mix(in srgb,var(--mcqa-host-paper) 82%,var(--mcqa-host-soft) 18%);
  --mcqa-surface-3:var(--mcqa-host-soft);
  --mcqa-ink:var(--mcqa-host-ink);
  --mcqa-text:color-mix(in srgb,var(--mcqa-host-ink) 78%,var(--mcqa-host-muted) 22%);
  --mcqa-muted:var(--mcqa-host-muted);
  --mcqa-line:var(--mcqa-host-line);
  --mcqa-line-strong:color-mix(in srgb,var(--mcqa-host-line) 78%,var(--mcqa-host-ink) 22%);
  --mcqa-blue:var(--mcqa-host-blue);
  --mcqa-blue-2:color-mix(in srgb,var(--mcqa-host-blue) 82%,var(--mcqa-host-teal) 18%);
  --mcqa-teal:var(--mcqa-host-teal);
  --mcqa-shadow:var(--mcqa-host-shadow);
  --mcqa-shadow-soft:0 8px 24px color-mix(in srgb,var(--mcqa-host-ink) 8%,transparent);

  --mcqa-grad-blue:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,var(--mcqa-host-blue) 9%),var(--mcqa-host-paper));
  --mcqa-grad-violet:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,var(--mcqa-host-violet) 9%),var(--mcqa-host-paper));
  --mcqa-grad-gold:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 92%,#c9a34e 8%),var(--mcqa-host-paper));
  --mcqa-grad-teal:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 91%,var(--mcqa-host-teal) 9%),var(--mcqa-host-paper));
  --mcqa-grad-blue-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 84%,var(--mcqa-host-blue) 16%),var(--mcqa-host-paper));
  --mcqa-grad-violet-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 85%,var(--mcqa-host-violet) 15%),var(--mcqa-host-paper));
  --mcqa-grad-gold-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 86%,#c9a34e 14%),var(--mcqa-host-paper));
  --mcqa-grad-teal-strong:linear-gradient(145deg,color-mix(in srgb,var(--mcqa-host-paper) 85%,var(--mcqa-host-teal) 15%),var(--mcqa-host-paper));

  color:var(--mcqa-host-ink)!important;
  color-scheme:inherit!important;
}

/* Beat every legacy white/light root canvas, including standalone layout. */
body.mcqa-canonical-page #mcqa-app.mcqa-app,
body.mcqa-canonical-page.mcqa-standalone-mode #mcqa-app.mcqa-app,
html.mcqa-standalone-mode body.mcqa-canonical-page #mcqa-app.mcqa-app{
  background:var(--mcqa-host-paper)!important;
  background-color:var(--mcqa-host-paper)!important;
  background-image:none!important;
  color:var(--mcqa-host-ink)!important;
}
body.mcqa-canonical-page,
body.mcqa-canonical-page.mcqa-host-canvas,
body.mcqa-canonical-page:not(.mcqa-standalone-mode),
body.mcqa-canonical-page.mcqa-standalone-mode{
  background:var(--syh-bg,var(--tvm-bg,var(--yhlsm-bg,#f7f9fc)))!important;
  background-color:var(--syh-bg,var(--tvm-bg,var(--yhlsm-bg,#f7f9fc)))!important;
  background-image:none!important;
  color:var(--syh-ink,var(--tvm-ink,var(--yhlsm-ink,inherit)))!important;
}
body.mcqa-canonical-page .mcqa-host-ancestor-shell:has(#mcqa-app),
body.mcqa-canonical-page .mcqa-host-content-shell:has(#mcqa-app),
body.mcqa-canonical-page .mcqa-host-ancestor-shell,
body.mcqa-canonical-page .mcqa-host-content-shell{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

/* Header, inputs, menus, detail modal and basic controls use canonical host surfaces. */
#mcqa-app.mcqa-app .mcqa-app-header,
#mcqa-app.mcqa-app .mcqa-app-menu,
#mcqa-app.mcqa-app .mcqa-search-panel,
#mcqa-app.mcqa-app .mcqa-detail,
#mcqa-app.mcqa-app .mcqa-detail-bar,
#mcqa-app.mcqa-app .mcqa-detail-head,
#mcqa-app.mcqa-app .mcqa-header-search,
#mcqa-app.mcqa-app input,
#mcqa-app.mcqa-app select,
#mcqa-app.mcqa-app textarea,
#mcqa-app.mcqa-app .mcqa-header-icon,
#mcqa-app.mcqa-app .mcqa-header-action{
  background:var(--mcqa-host-paper)!important;
  background-color:var(--mcqa-host-paper)!important;
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}
#mcqa-app.mcqa-app input::placeholder,
#mcqa-app.mcqa-app textarea::placeholder{color:var(--mcqa-host-muted)!important}
#mcqa-app.mcqa-app #mcqa-search-submit{
  background:linear-gradient(135deg,var(--mcqa-host-blue-dark),var(--mcqa-host-blue))!important;
  color:#fff!important;
}

/* Editorial module surfaces derive from the CURRENT host surface; no dark palette. */
#mcqa-app.mcqa-app .mcqa-hero-shell{background:var(--mcqa-grad-blue-strong)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-hero-spotlight{background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-specialty-hub{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-dash-column:nth-child(1){background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-dash-column:nth-child(2){background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-dash-column:nth-child(3){background:var(--mcqa-grad-gold)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-browse-section{background:color-mix(in srgb,var(--mcqa-host-paper) 90%,var(--mcqa-host-soft) 10%)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-library-strip{background:color-mix(in srgb,var(--mcqa-host-paper) 88%,var(--mcqa-host-soft) 12%)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-help-panel{background:var(--mcqa-grad-gold)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-update-brief-shell{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-taxonomy-hero{background:var(--mcqa-grad-blue)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-taxonomy-groups{background:var(--mcqa-grad-teal)!important;border-color:var(--mcqa-host-line)!important}
#mcqa-app.mcqa-app .mcqa-taxonomy-featured{background:var(--mcqa-grad-violet)!important;border-color:var(--mcqa-host-line)!important}

/* Cards and content boxes inherit host ink/line while retaining subtle editorial tinting. */
#mcqa-app.mcqa-app .mcqa-card,
#mcqa-app.mcqa-app .mcqa-dash-card,
#mcqa-app.mcqa-app .mcqa-update-card,
#mcqa-app.mcqa-app .mcqa-specialty-pill,
#mcqa-app.mcqa-app .mcqa-related-card,
#mcqa-app.mcqa-app .mcqa-answer-box,
#mcqa-app.mcqa-app .mcqa-pearl-box,
#mcqa-app.mcqa-app .mcqa-apply-grid>div,
#mcqa-app.mcqa-app .mcqa-two-col>div,
#mcqa-app.mcqa-app .mcqa-detail-section,
#mcqa-app.mcqa-app .mcqa-update-status,
#mcqa-app.mcqa-app .mcqa-access-gate{
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--mcqa-host-ink) 7%,transparent)!important;
}
#mcqa-app.mcqa-app .mcqa-card:nth-child(4n+1),#mcqa-app.mcqa-app .mcqa-dash-card:nth-child(4n+1),#mcqa-app.mcqa-app .mcqa-update-card:nth-child(4n+1),#mcqa-app.mcqa-app .mcqa-related-card:nth-child(4n+1){background:var(--mcqa-grad-blue)!important}
#mcqa-app.mcqa-app .mcqa-card:nth-child(4n+2),#mcqa-app.mcqa-app .mcqa-dash-card:nth-child(4n+2),#mcqa-app.mcqa-app .mcqa-update-card:nth-child(4n+2),#mcqa-app.mcqa-app .mcqa-related-card:nth-child(4n+2){background:var(--mcqa-grad-violet)!important}
#mcqa-app.mcqa-app .mcqa-card:nth-child(4n+3),#mcqa-app.mcqa-app .mcqa-dash-card:nth-child(4n+3),#mcqa-app.mcqa-app .mcqa-update-card:nth-child(4n+3),#mcqa-app.mcqa-app .mcqa-related-card:nth-child(4n+3){background:var(--mcqa-grad-gold)!important}
#mcqa-app.mcqa-app .mcqa-card:nth-child(4n+4),#mcqa-app.mcqa-app .mcqa-dash-card:nth-child(4n+4),#mcqa-app.mcqa-app .mcqa-update-card:nth-child(4n+4),#mcqa-app.mcqa-app .mcqa-related-card:nth-child(4n+4){background:var(--mcqa-grad-teal)!important}
#mcqa-app.mcqa-app .mcqa-specialty-pill{background:var(--mcqa-grad-blue)!important}

/* Stats, filters, buttons and footer access must not remain light in host dark mode. */
#mcqa-app.mcqa-app .mcqa-stats,
#mcqa-app.mcqa-app .mcqa-stat,
#mcqa-app.mcqa-app .mcqa-filter-bar,
#mcqa-app.mcqa-app .mcqa-filter-controls,
#mcqa-app.mcqa-app .mcqa-footer-access,
#mcqa-app.mcqa-app .mcqa-account-card,
#mcqa-app.mcqa-app .mcqa-empty,
#mcqa-app.mcqa-app .mcqa-load-more,
#mcqa-app.mcqa-app .mcqa-action-panel{
  background-color:var(--mcqa-host-paper)!important;
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}
#mcqa-app.mcqa-app button:not(#mcqa-search-submit):not(.mcqa-primary),
#mcqa-app.mcqa-app .mcqa-chip{
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink);
}

#mcqa-app.mcqa-app :where(h1,h2,h3,h4,strong,.mcqa-card h3,.mcqa-dash-card h3,.mcqa-related-card strong,.mcqa-detail h2,.mcqa-detail h3,.mcqa-hero-copy h1,.mcqa-spotlight-copy>strong){color:var(--mcqa-host-ink)!important}
#mcqa-app.mcqa-app :where(p,small,.mcqa-card>p,.mcqa-dash-card p,.mcqa-related-card span,.mcqa-hero-copy>p,.mcqa-spotlight-copy>p,.mcqa-detail p){color:var(--mcqa-host-muted)!important}
#mcqa-app.mcqa-app a{color:var(--mcqa-host-blue)!important}
#mcqa-app.mcqa-app .mcqa-drawer{background:color-mix(in srgb,var(--mcqa-host-ink) 44%,transparent)!important}
#mcqa-app.mcqa-app .mcqa-detail{background:var(--mcqa-host-paper)!important;color:var(--mcqa-host-ink)!important}
#mcqa-app.mcqa-app .mcqa-detail-head,
#mcqa-app.mcqa-app .mcqa-answer-box,
#mcqa-app.mcqa-app .mcqa-pearl-box,
#mcqa-app.mcqa-app .mcqa-apply-grid>div,
#mcqa-app.mcqa-app .mcqa-two-col>div{
  background:color-mix(in srgb,var(--mcqa-host-paper) 82%,var(--mcqa-host-soft) 18%)!important;
  border-color:var(--mcqa-host-line)!important;
  color:var(--mcqa-host-ink)!important;
}

/* Compact-screen edge-to-edge geometry from v2.5.2 is retained, but the root\n   background follows host surface rather than the old hard-coded #fff rule. */
@media (max-width:1024px){
  body.mcqa-canonical-page #mcqa-app.mcqa-app{
    background:var(--mcqa-host-paper)!important;
    background-color:var(--mcqa-host-paper)!important;
    background-image:none!important;
  }
}


/* ==========================================================================
   MEDIPHARM Clinical Q&A v2.6 — Responsive Visual System Rebase
   Technical parent: v2.5.7
   Design contract:
   - one coherent canvas -> module -> card -> control hierarchy;
   - host Theme/Super App owns dark-mode STATE;
   - Clinical Q&A owns component presentation only;
   - no local theme engine, detector or independent storage;
   - desktop/tablet/mobile share the same token system.
   ========================================================================== */

#mcqa-app.mcqa-app{
  /* LIGHT — unified editorial system */
  --v26-canvas:#f5f8fc;
  --v26-canvas-deep:#eef4fa;
  --v26-module:rgba(255,255,255,.52);
  --v26-card:#ffffff;
  --v26-card-blue:#f6f9ff;
  --v26-card-violet:#faf7ff;
  --v26-card-teal:#f4fbfb;
  --v26-card-gold:#fffaf0;
  --v26-ink:#102b42;
  --v26-text:#536a7b;
  --v26-muted:#718797;
  --v26-line:#d9e5ee;
  --v26-line-strong:#c9d9e5;
  --v26-blue:#096da9;
  --v26-blue-2:#246fdb;
  --v26-teal:#0b988d;
  --v26-violet:#7159c8;
  --v26-gold:#aa7b23;
  --v26-shadow:0 12px 34px rgba(24,54,78,.075);
  --v26-shadow-card:0 8px 22px rgba(24,54,78,.055);
  --v26-radius-xl:24px;
  --v26-radius-lg:18px;
  --v26-radius-md:14px;
  --v26-gap:18px;

  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(10px,1.5vw,20px)!important;
  background:
    radial-gradient(circle at 8% 4%,rgba(107,177,231,.09),transparent 24%),
    radial-gradient(circle at 94% 16%,rgba(154,126,224,.07),transparent 24%),
    linear-gradient(180deg,var(--v26-canvas),var(--v26-canvas-deep))!important;
  color:var(--v26-ink)!important;
  border:0!important;
  box-shadow:none!important;
  overflow-x:clip!important;
}

#mcqa-app.mcqa-app,
#mcqa-app.mcqa-app *{box-sizing:border-box}

/* ---------- Global typography ---------- */
#mcqa-app.mcqa-app :where(h1,h2,h3,h4,strong,b){
  color:var(--v26-ink);
}
#mcqa-app.mcqa-app :where(p,li,small){
  color:var(--v26-text);
}
#mcqa-app.mcqa-app .mcqa-section-heading{
  margin:0 0 12px!important;
  padding:0 2px!important;
}
#mcqa-app.mcqa-app .mcqa-section-heading h2{
  margin:0!important;
  color:var(--v26-ink)!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}
#mcqa-app.mcqa-app .mcqa-section-link{
  color:var(--v26-blue)!important;
  font-weight:800!important;
}

/* ---------- App header ---------- */
#mcqa-app.mcqa-app .mcqa-app-header{
  margin:0 0 16px!important;
  padding:8px!important;
  border:1px solid var(--v26-line)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 7px 22px rgba(29,61,84,.055)!important;
  backdrop-filter:blur(14px)!important;
}
#mcqa-app.mcqa-app .mcqa-header-search,
#mcqa-app.mcqa-app .mcqa-header-icon,
#mcqa-app.mcqa-app .mcqa-header-action{
  border-color:var(--v26-line-strong)!important;
  background:#fff!important;
  color:var(--v26-ink)!important;
  box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-header-search:focus-within{
  border-color:#8fc2e3!important;
  box-shadow:0 0 0 3px rgba(9,109,169,.085)!important;
}
#mcqa-app.mcqa-app .mcqa-header-search input{
  background:transparent!important;
  color:var(--v26-ink)!important;
}
#mcqa-app.mcqa-app .mcqa-header-search input::placeholder{
  color:#8a9ba8!important;
}
#mcqa-app.mcqa-app .mcqa-search-submit{
  background:linear-gradient(135deg,#0d78b8,#216ed7)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

/* ---------- Hero ---------- */
#mcqa-app.mcqa-app .mcqa-hero-shell{
  position:relative!important;
  margin:0 0 16px!important;
  padding:clamp(26px,3vw,42px)!important;
  gap:clamp(20px,3vw,38px)!important;
  border:1px solid #d8e6f0!important;
  border-radius:var(--v26-radius-xl)!important;
  background:
    radial-gradient(circle at 88% 22%,rgba(136,193,238,.20),transparent 26%),
    radial-gradient(circle at 76% 86%,rgba(170,143,227,.11),transparent 24%),
    linear-gradient(135deg,#fbfdff 0%,#f3f8fe 52%,#f8f5ff 100%)!important;
  box-shadow:var(--v26-shadow)!important;
  overflow:hidden!important;
}
#mcqa-app.mcqa-app .mcqa-hero-shell::before{
  opacity:.45!important;
}
#mcqa-app.mcqa-app .mcqa-hero-copy{
  align-self:center!important;
}
#mcqa-app.mcqa-app .mcqa-eyebrow{
  color:#1d69a5!important;
  background:#fff!important;
  border:1px solid #cce0ef!important;
  box-shadow:0 4px 14px rgba(30,83,118,.055)!important;
}
#mcqa-app.mcqa-app .mcqa-hero-copy h1{
  color:var(--v26-ink)!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
}
#mcqa-app.mcqa-app .mcqa-hero-copy>p{
  color:var(--v26-text)!important;
  max-width:760px!important;
}
#mcqa-app.mcqa-app .mcqa-hero-trust{
  gap:10px!important;
}
#mcqa-app.mcqa-app .mcqa-hero-trust span{
  border:1px solid var(--v26-line)!important;
  background:rgba(255,255,255,.74)!important;
  color:#31566d!important;
  box-shadow:0 5px 15px rgba(22,61,86,.045)!important;
}
#mcqa-app.mcqa-app .mcqa-hero-trust span:nth-child(1){background:linear-gradient(180deg,#fbfdff,#f4f9ff)!important}
#mcqa-app.mcqa-app .mcqa-hero-trust span:nth-child(2){background:linear-gradient(180deg,#fff,#faf7ff)!important}
#mcqa-app.mcqa-app .mcqa-hero-trust span:nth-child(3){background:linear-gradient(180deg,#fffdf8,#fff9ec)!important}
#mcqa-app.mcqa-app .mcqa-hero-trust i{
  background:#eaf4fc!important;
  color:#0873b6!important;
}

/* Spotlight is a card floating inside the same hero surface. */
#mcqa-app.mcqa-app .mcqa-hero-spotlight{
  align-self:stretch!important;
  min-width:0!important;
  padding:clamp(18px,2.2vw,28px)!important;
  border:1px solid #d6e4ee!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 90% 10%,rgba(103,170,229,.15),transparent 30%),
    linear-gradient(150deg,rgba(255,255,255,.94),rgba(247,249,255,.95))!important;
  box-shadow:0 14px 32px rgba(25,58,82,.075)!important;
}
#mcqa-app.mcqa-app .mcqa-spotlight-copy>strong{
  color:var(--v26-ink)!important;
}
#mcqa-app.mcqa-app .mcqa-spotlight-copy>p{
  color:var(--v26-text)!important;
}
#mcqa-app.mcqa-app .mcqa-spotlight-cta{
  background:#fff!important;
  border:1px solid #9cc7df!important;
  color:var(--v26-blue)!important;
  box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-spotlight-prev,
#mcqa-app.mcqa-app .mcqa-spotlight-next{
  background:rgba(255,255,255,.88)!important;
  color:var(--v26-blue)!important;
  border-color:#bdd7e7!important;
}

/* ---------- Module shells: visually merge into canvas ---------- */
#mcqa-app.mcqa-app :is(
  .mcqa-update-brief-shell,
  .mcqa-specialty-hub,
  .mcqa-dash-column,
  .mcqa-browse-section,
  .mcqa-library-strip,
  .mcqa-help-panel,
  .mcqa-taxonomy-hero,
  .mcqa-taxonomy-groups,
  .mcqa-taxonomy-featured
){
  border-color:var(--v26-line)!important;
}
#mcqa-app.mcqa-app .mcqa-specialty-hub,
#mcqa-app.mcqa-app .mcqa-browse-section{
  background:rgba(255,255,255,.42)!important;
  box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-editorial-dashboard{
  gap:var(--v26-gap)!important;
}
#mcqa-app.mcqa-app .mcqa-dash-column{
  padding:14px!important;
  border:1px solid rgba(215,227,236,.78)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:none!important;
}

/* ---------- Quick update ---------- */
#mcqa-app.mcqa-app .mcqa-update-brief-shell{
  margin:0 0 18px!important;
  padding:8px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.55)!important;
  box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-update-brief-label{
  border:0!important;
  background:transparent!important;
  color:#0d657f!important;
  font-weight:850!important;
}
#mcqa-app.mcqa-app .mcqa-update-brief{
  border-color:var(--v26-line)!important;
  background:var(--v26-card)!important;
}
#mcqa-app.mcqa-app .mcqa-update-card:nth-child(4n+1){background:linear-gradient(145deg,#fff,#f5f9ff)!important}
#mcqa-app.mcqa-app .mcqa-update-card:nth-child(4n+2){background:linear-gradient(145deg,#fff,#faf6ff)!important}
#mcqa-app.mcqa-app .mcqa-update-card:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff8ec)!important}
#mcqa-app.mcqa-app .mcqa-update-card:nth-child(4n+4){background:linear-gradient(145deg,#fff,#f2fbfa)!important}
#mcqa-app.mcqa-app .mcqa-update-card{
  border-color:var(--v26-line)!important;
  box-shadow:var(--v26-shadow-card)!important;
}
#mcqa-app.mcqa-app .mcqa-update-card-meta{color:var(--v26-muted)!important}
#mcqa-app.mcqa-app .mcqa-update-card-title{color:var(--v26-ink)!important}
#mcqa-app.mcqa-app .mcqa-update-card-cta{color:var(--v26-blue)!important}

/* ---------- Specialties ---------- */
#mcqa-app.mcqa-app .mcqa-specialty-hub{
  margin-bottom:18px!important;
  padding:14px!important;
  border-radius:18px!important;
}
#mcqa-app.mcqa-app .mcqa-specialty-rail{
  gap:10px!important;
}
#mcqa-app.mcqa-app .mcqa-specialty-pill{
  min-width:0!important;
  border:1px solid var(--v26-line)!important;
  background:#fff!important;
  box-shadow:var(--v26-shadow-card)!important;
  color:var(--v26-ink)!important;
}
#mcqa-app.mcqa-app .mcqa-specialty-pill:nth-child(4n+1){background:linear-gradient(180deg,#fff,#f7f8ff)!important}
#mcqa-app.mcqa-app .mcqa-specialty-pill:nth-child(4n+2){background:linear-gradient(180deg,#fff,#f3fbfa)!important}
#mcqa-app.mcqa-app .mcqa-specialty-pill:nth-child(4n+3){background:linear-gradient(180deg,#fff,#fff9ef)!important}
#mcqa-app.mcqa-app .mcqa-specialty-pill:nth-child(4n+4){background:linear-gradient(180deg,#fff,#f7f5ff)!important}
#mcqa-app.mcqa-app .mcqa-specialty-pill b{
  color:#3e596b!important;
}
#mcqa-app.mcqa-app .mcqa-specialty-pill>span{
  background:#f4f8fb!important;
  border-color:#d7e4ed!important;
}

/* ---------- Cards ---------- */
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card){
  border:1px solid var(--v26-line)!important;
  border-radius:15px!important;
  background:var(--v26-card)!important;
  box-shadow:var(--v26-shadow-card)!important;
}
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card):nth-child(4n+1){background:linear-gradient(145deg,#fff,#f5f9ff)!important}
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card):nth-child(4n+2){background:linear-gradient(145deg,#fff,#faf6ff)!important}
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card):nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff9ed)!important}
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card):nth-child(4n+4){background:linear-gradient(145deg,#fff,#f2faf9)!important}
#mcqa-app.mcqa-app .mcqa-dash-card.is-highlighted{
  background:
    radial-gradient(circle at 92% 10%,rgba(104,162,222,.09),transparent 30%),
    linear-gradient(145deg,#fff,#f7f8ff)!important;
  border-color:#cbddec!important;
}
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card) h3{
  color:var(--v26-ink)!important;
}
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card) p{
  color:var(--v26-text)!important;
}
#mcqa-app.mcqa-app :is(.mcqa-card-path,.mcqa-dash-heading small){
  color:#657b8b!important;
}
#mcqa-app.mcqa-app .mcqa-card-foot,
#mcqa-app.mcqa-app .mcqa-dash-card footer{
  border-color:var(--v26-line)!important;
}
#mcqa-app.mcqa-app :is(.mcqa-card-foot button,.mcqa-dash-card footer button){
  color:var(--v26-blue)!important;
}

/* ---------- Stats strip ---------- */
#mcqa-app.mcqa-app .mcqa-library-strip{
  margin:0 0 18px!important;
  padding:0!important;
  border:1px solid var(--v26-line)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#mcqa-app.mcqa-app .mcqa-library-strip>div{
  padding:13px 10px!important;
  background:transparent!important;
  border-color:var(--v26-line)!important;
}
#mcqa-app.mcqa-app .mcqa-library-strip>div:nth-child(1){box-shadow:inset 0 3px 0 #4b91df!important}
#mcqa-app.mcqa-app .mcqa-library-strip>div:nth-child(2){box-shadow:inset 0 3px 0 #8975d6!important}
#mcqa-app.mcqa-app .mcqa-library-strip>div:nth-child(3){box-shadow:inset 0 3px 0 #c8a051!important}
#mcqa-app.mcqa-app .mcqa-library-strip>div:nth-child(4){box-shadow:inset 0 3px 0 #43a99f!important}
#mcqa-app.mcqa-app .mcqa-library-strip strong{color:var(--v26-ink)!important}
#mcqa-app.mcqa-app .mcqa-library-strip span{color:var(--v26-muted)!important}

/* ---------- Browse ---------- */
#mcqa-app.mcqa-app .mcqa-browse-section{
  padding:18px!important;
  border-radius:20px!important;
}
#mcqa-app.mcqa-app .mcqa-magazine-title h2{color:var(--v26-ink)!important}
#mcqa-app.mcqa-app .mcqa-magazine-title span,
#mcqa-app.mcqa-app .mcqa-filter-label>span{color:var(--v26-muted)!important}
#mcqa-app.mcqa-app .mcqa-filter-label select{
  background:#fff!important;
  color:var(--v26-ink)!important;
  border-color:var(--v26-line)!important;
}
#mcqa-app.mcqa-app .mcqa-browse-filters button{
  border:1px solid var(--v26-line)!important;
  background:#fff!important;
  color:#3f5b6f!important;
  box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-browse-filters button.is-active{
  border-color:transparent!important;
  background:linear-gradient(135deg,#167fbc,#17a49a)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(15,123,164,.15)!important;
}
#mcqa-app.mcqa-app .mcqa-load-more{
  border:1px solid #a8cadd!important;
  background:#fff!important;
  color:var(--v26-blue)!important;
  box-shadow:none!important;
}

/* ---------- Help CTA ---------- */
#mcqa-app.mcqa-app .mcqa-help-panel{
  margin:0 0 18px!important;
  padding:22px 24px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 80% 50%,rgba(83,153,218,.08),transparent 24%),
    linear-gradient(120deg,#f8fbff,#f7f9ff 58%,#fff9ec)!important;
  box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-help-panel h2{color:var(--v26-ink)!important}
#mcqa-app.mcqa-app .mcqa-help-panel p{color:var(--v26-text)!important}
#mcqa-app.mcqa-app .mcqa-help-btn{
  border:0!important;
  background:linear-gradient(135deg,#0d77b6,#246fdb)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(24,105,174,.16)!important;
}

/* ---------- Footer ---------- */
#mcqa-app.mcqa-app .mcqa-app-footer{
  border-color:var(--v26-line)!important;
  color:var(--v26-muted)!important;
}
#mcqa-app.mcqa-app .mcqa-app-footer a{color:var(--v26-blue)!important}

/* ---------- Modal / detail ---------- */
#mcqa-app.mcqa-app .mcqa-drawer{
  background:transparent!important;
}
#mcqa-app.mcqa-app .mcqa-detail{
  border:1px solid #cbdbe6!important;
  background:#f8fbfe!important;
  box-shadow:0 28px 90px rgba(10,27,42,.28)!important;
}
#mcqa-app.mcqa-app .mcqa-modal-bar{
  background:rgba(255,255,255,.96)!important;
  border-color:var(--v26-line)!important;
  color:var(--v26-ink)!important;
}
#mcqa-app.mcqa-app .mcqa-detail-head{
  background:linear-gradient(145deg,#fff,#f4f8ff)!important;
  border-color:var(--v26-line)!important;
}
#mcqa-app.mcqa-app :is(.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box,.mcqa-apply-grid>div,.mcqa-two-col>div,.mcqa-update-status){
  background:#fff!important;
  border-color:var(--v26-line)!important;
  color:var(--v26-ink)!important;
}
#mcqa-app.mcqa-app .mcqa-related-card{
  background:linear-gradient(145deg,#fff,#f5f9ff)!important;
  border-color:var(--v26-line)!important;
  color:var(--v26-ink)!important;
}

/* ======================================================================
   DARK MODE — STATE OWNED EXCLUSIVELY BY HOST
   No MCQA dark class is created. These selectors only consume the state
   already present on <html> from the current Theme/Super App.
   ====================================================================== */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app{
  --v26-canvas:#101b2b;
  --v26-canvas-deep:#0d1726;
  --v26-module:rgba(29,47,69,.72);
  --v26-card:#182a40;
  --v26-card-blue:#172c45;
  --v26-card-violet:#202a45;
  --v26-card-teal:#18333e;
  --v26-card-gold:#302f2b;
  --v26-ink:#eef5fb;
  --v26-text:#c0ceda;
  --v26-muted:#91a6b7;
  --v26-line:#31485e;
  --v26-line-strong:#425d73;
  --v26-blue:#72baff;
  --v26-blue-2:#63a7ff;
  --v26-teal:#67d0c3;
  --v26-violet:#a79bff;
  --v26-gold:#e0c184;
  --v26-shadow:0 18px 42px rgba(0,0,0,.18);
  --v26-shadow-card:0 9px 24px rgba(0,0,0,.14);

  background:
    radial-gradient(circle at 8% 3%,rgba(49,115,170,.10),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(115,93,183,.07),transparent 25%),
    linear-gradient(180deg,var(--v26-canvas),var(--v26-canvas-deep))!important;
  color:var(--v26-ink)!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :where(h1,h2,h3,h4,strong,b){color:var(--v26-ink)!important}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :where(p,li,small){color:var(--v26-text)!important}

/* Header */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-app-header{
  background:rgba(18,31,48,.88)!important;
  border-color:var(--v26-line)!important;
  box-shadow:0 8px 25px rgba(0,0,0,.14)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-header-search,.mcqa-header-icon,.mcqa-header-action){
  background:#14243a!important;
  border-color:var(--v26-line)!important;
  color:var(--v26-ink)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-header-search input{
  color:var(--v26-ink)!important;
  background:transparent!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-header-search input::placeholder{
  color:#8398aa!important;
}

/* Hero */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-shell{
  border-color:#2f4961!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(62,133,194,.18),transparent 28%),
    radial-gradient(circle at 73% 94%,rgba(103,83,173,.12),transparent 24%),
    linear-gradient(140deg,#162b44 0%,#16263d 50%,#1d2742 100%)!important;
  box-shadow:var(--v26-shadow)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-eyebrow{
  background:#1b314a!important;
  border-color:#405d75!important;
  color:#9ed0fa!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-copy>p,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-spotlight-copy>p{color:var(--v26-text)!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-trust span{
  background:#1a2d44!important;
  border-color:#39536a!important;
  color:#cbd9e4!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-trust span:nth-child(2){background:#202a45!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-trust span:nth-child(3){background:#2b2b31!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-trust i{
  background:#203a55!important;
  color:#9fd8ff!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-spotlight{
  border-color:#344c64!important;
  background:
    radial-gradient(circle at 90% 8%,rgba(103,154,211,.14),transparent 29%),
    linear-gradient(150deg,#182a43,#20283f)!important;
  box-shadow:0 15px 34px rgba(0,0,0,.15)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-spotlight-cta{
  background:#1b3551!important;
  border-color:#4f7190!important;
  color:#d7edff!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-spotlight-prev,.mcqa-spotlight-next){
  background:#1d3046!important;
  color:#a8d8ff!important;
  border-color:#425f78!important;
}

/* Module surfaces */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-specialty-hub,.mcqa-browse-section,.mcqa-dash-column){
  background:rgba(24,40,60,.56)!important;
  border-color:#2c4257!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-update-brief-shell{
  background:rgba(24,40,60,.62)!important;
  border-color:#2f465b!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-update-brief-label{
  background:transparent!important;
  color:#8fd6d0!important;
}

/* Cards */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card,.mcqa-update-card,.mcqa-update-brief,.mcqa-specialty-pill){
  border-color:var(--v26-line)!important;
  box-shadow:var(--v26-shadow-card)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card,.mcqa-update-card):nth-child(4n+1){
  background:linear-gradient(145deg,#1a3049,#172a40)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card,.mcqa-update-card):nth-child(4n+2){
  background:linear-gradient(145deg,#222d49,#1a2940)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card,.mcqa-update-card):nth-child(4n+3){
  background:linear-gradient(145deg,#302f2b,#202b38)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card,.mcqa-update-card):nth-child(4n+4){
  background:linear-gradient(145deg,#18333e,#182a3d)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-dash-card.is-highlighted{
  background:
    radial-gradient(circle at 92% 10%,rgba(83,145,201,.11),transparent 30%),
    linear-gradient(145deg,#1b3048,#202a42)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card,.mcqa-update-card) h3{
  color:var(--v26-ink)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card,.mcqa-update-card) p{
  color:var(--v26-text)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card-path,.mcqa-dash-heading small,.mcqa-update-card-meta){
  color:#9caebe!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-card-foot button,.mcqa-dash-card footer button,.mcqa-update-card-cta){
  color:#8acbff!important;
}

/* Specialty cards */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-specialty-pill:nth-child(4n+1){background:linear-gradient(180deg,#1a3048,#17283b)!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-specialty-pill:nth-child(4n+2){background:linear-gradient(180deg,#19323c,#17293a)!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-specialty-pill:nth-child(4n+3){background:linear-gradient(180deg,#2b2b30,#1c2939)!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-specialty-pill:nth-child(4n+4){background:linear-gradient(180deg,#222b46,#1a293e)!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-specialty-pill b{color:#d4e0e9!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-specialty-pill>span{
  background:#263c51!important;
  border-color:#405a70!important;
}

/* Stats */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-library-strip{
  background:#16263a!important;
  border-color:#30475b!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-library-strip>div{
  border-color:#30475b!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-library-strip strong{color:#eef6fc!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-library-strip span{color:#93a8b8!important}

/* Browse controls */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-filter-label select,.mcqa-browse-filters button){
  background:#17273b!important;
  border-color:#334b60!important;
  color:#d9e5ee!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-browse-filters button.is-active{
  border-color:transparent!important;
  background:linear-gradient(135deg,#267ac8,#249e96)!important;
  color:#fff!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-load-more{
  background:#1a314a!important;
  border-color:#466780!important;
  color:#b7ddfa!important;
}

/* Help */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-help-panel{
  background:
    radial-gradient(circle at 80% 50%,rgba(71,133,188,.09),transparent 28%),
    linear-gradient(120deg,#182a40,#202a3e 58%,#292b2e)!important;
  border-color:#344b60!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-help-btn{
  background:linear-gradient(135deg,#2377c7,#278f9e)!important;
  color:#fff!important;
}

/* Modal */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-detail{
  background:#122136!important;
  border-color:#3a5368!important;
  color:var(--v26-ink)!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-modal-bar{
  background:#172a40!important;
  border-color:#354e64!important;
  color:#edf5fb!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-detail-head{
  background:linear-gradient(145deg,#1a3048,#202a43)!important;
  border-color:#3b5369!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box,.mcqa-apply-grid>div,.mcqa-two-col>div,.mcqa-update-status){
  background:#182a40!important;
  border-color:#344d62!important;
  color:#e9f3fa!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-related-card{
  background:linear-gradient(145deg,#1a3048,#202a43)!important;
  border-color:#3b5369!important;
  color:#edf5fb!important;
}

/* ======================================================================
   RESPONSIVE GEOMETRY
   ====================================================================== */

/* Desktop */
@media (min-width:1025px){
  #mcqa-app.mcqa-app{
    padding:18px 20px 22px!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-shell{
    grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr)!important;
    min-height:330px!important;
  }
  #mcqa-app.mcqa-app .mcqa-specialty-rail{
    grid-template-columns:repeat(10,minmax(0,1fr))!important;
  }
  #mcqa-app.mcqa-app .mcqa-specialty-pill{
    min-height:86px!important;
  }
  #mcqa-app.mcqa-app .mcqa-editorial-dashboard{
    grid-template-columns:1.12fr 1fr 1fr!important;
  }
}

/* Tablet */
@media (min-width:641px) and (max-width:1024px){
  #mcqa-app.mcqa-app{
    padding:10px!important;
  }
  #mcqa-app.mcqa-app .mcqa-app-header{
    margin-bottom:12px!important;
    border-radius:15px!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-shell{
    padding:24px 22px!important;
    border-radius:20px!important;
    grid-template-columns:1fr!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-spotlight{
    min-height:260px!important;
  }
  #mcqa-app.mcqa-app .mcqa-update-brief-shell,
  #mcqa-app.mcqa-app .mcqa-specialty-hub,
  #mcqa-app.mcqa-app .mcqa-browse-section{
    margin-left:0!important;
    margin-right:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-specialty-rail{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }
  #mcqa-app.mcqa-app .mcqa-editorial-dashboard{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  #mcqa-app.mcqa-app .mcqa-dash-column{
    padding:12px!important;
  }
  #mcqa-app.mcqa-app #mcqa-featured,
  #mcqa-app.mcqa-app #mcqa-side-updates,
  #mcqa-app.mcqa-app #mcqa-practice-updates{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile */
@media (max-width:640px){
  #mcqa-app.mcqa-app{
    padding:4px!important;
    border-radius:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-app-header{
    margin:0 0 8px!important;
    padding:5px!important;
    border-radius:13px!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-shell{
    margin-bottom:10px!important;
    padding:15px 10px 10px!important;
    border-radius:16px!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-copy h1{
    font-size:30px!important;
    line-height:1.07!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-copy>p{
    font-size:13.2px!important;
    line-height:1.56!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-trust{
    gap:6px!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-trust span{
    min-width:0!important;
    padding:7px 4px!important;
    border-radius:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-spotlight{
    padding:13px 10px!important;
    border-radius:15px!important;
    min-height:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-update-brief-shell{
    margin:0 0 12px!important;
    padding:5px!important;
    border-radius:13px!important;
  }
  #mcqa-app.mcqa-app .mcqa-specialty-hub{
    margin-bottom:12px!important;
    padding:8px 4px!important;
    border-radius:13px!important;
  }
  #mcqa-app.mcqa-app .mcqa-specialty-rail{
    display:flex!important;
    gap:7px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
    padding:0 1px 5px!important;
  }
  #mcqa-app.mcqa-app .mcqa-specialty-pill{
    flex:0 0 104px!important;
    width:104px!important;
    min-height:72px!important;
    scroll-snap-align:start!important;
  }
  #mcqa-app.mcqa-app .mcqa-editorial-dashboard{
    gap:10px!important;
  }
  #mcqa-app.mcqa-app .mcqa-dash-column{
    padding:8px 4px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.28)!important;
  }
  #mcqa-app.mcqa-app #mcqa-featured,
  #mcqa-app.mcqa-app #mcqa-side-updates,
  #mcqa-app.mcqa-app #mcqa-practice-updates{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  #mcqa-app.mcqa-app :is(.mcqa-card,.mcqa-dash-card){
    padding:12px!important;
    border-radius:13px!important;
  }
  #mcqa-app.mcqa-app .mcqa-library-strip{
    margin-bottom:12px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    border-radius:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-library-strip>div{
    padding:9px 3px!important;
    border-bottom:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-library-strip strong{
    font-size:16px!important;
  }
  #mcqa-app.mcqa-app .mcqa-library-strip span{
    font-size:8px!important;
  }
  #mcqa-app.mcqa-app .mcqa-browse-section{
    margin-bottom:12px!important;
    padding:10px 4px!important;
    border-radius:13px!important;
  }
  #mcqa-app.mcqa-app .mcqa-magazine-grid{
    gap:7px!important;
  }
  #mcqa-app.mcqa-app .mcqa-help-panel{
    margin-bottom:10px!important;
    padding:15px 12px!important;
    border-radius:13px!important;
  }

  html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
  #mcqa-app.mcqa-app .mcqa-dash-column{
    background:rgba(24,40,60,.36)!important;
  }
}

/* Accessibility / motion */
@media (prefers-reduced-motion:reduce){
  #mcqa-app.mcqa-app *,
  #mcqa-app.mcqa-app *::before,
  #mcqa-app.mcqa-app *::after{
    scroll-behavior:auto!important;
    transition:none!important;
    animation:none!important;
  }
}


/* ==========================================================================
   v2.6.1 — Unified Header & Content Shell Alignment Hotfix
   ========================================================================== */
#mcqa-app.mcqa-app{
  --mcqa-shell-gutter-desktop:20px;
  --mcqa-shell-gutter-tablet:10px;
  --mcqa-shell-gutter-mobile:4px;
}

/* Sticky shell is geometry-only; never paint a second header background. */
#mcqa-app.mcqa-app .mcqa-app-header-wrap,
#mcqa-app.mcqa-app .mcqa-header-sticky-shell,
#mcqa-app.mcqa-app .mcqa-sticky-header-shell{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* The real header surface owns the visual layer and follows the content shell. */
#mcqa-app.mcqa-app .mcqa-app-header{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Neutralize host wrappers only around the MCQA sticky header. */
body.mcqa-canonical-page .mcqa-host-ancestor-shell:has(#mcqa-app .mcqa-app-header),
body.mcqa-canonical-page .mcqa-host-content-shell:has(#mcqa-app .mcqa-app-header){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

@media (min-width:1025px){
  #mcqa-app.mcqa-app{
    padding-left:var(--mcqa-shell-gutter-desktop)!important;
    padding-right:var(--mcqa-shell-gutter-desktop)!important;
  }
  #mcqa-app.mcqa-app .mcqa-app-header-wrap,
  #mcqa-app.mcqa-app .mcqa-header-sticky-shell,
  #mcqa-app.mcqa-app .mcqa-sticky-header-shell{
    margin-left:calc(-1 * var(--mcqa-shell-gutter-desktop))!important;
    margin-right:calc(-1 * var(--mcqa-shell-gutter-desktop))!important;
    padding-left:var(--mcqa-shell-gutter-desktop)!important;
    padding-right:var(--mcqa-shell-gutter-desktop)!important;
  }
}

@media (min-width:641px) and (max-width:1024px){
  #mcqa-app.mcqa-app{
    padding-left:var(--mcqa-shell-gutter-tablet)!important;
    padding-right:var(--mcqa-shell-gutter-tablet)!important;
  }
  #mcqa-app.mcqa-app .mcqa-app-header-wrap,
  #mcqa-app.mcqa-app .mcqa-header-sticky-shell,
  #mcqa-app.mcqa-app .mcqa-sticky-header-shell{
    margin-left:calc(-1 * var(--mcqa-shell-gutter-tablet))!important;
    margin-right:calc(-1 * var(--mcqa-shell-gutter-tablet))!important;
    padding-left:var(--mcqa-shell-gutter-tablet)!important;
    padding-right:var(--mcqa-shell-gutter-tablet)!important;
  }
}

@media (max-width:640px){
  #mcqa-app.mcqa-app{
    padding-left:var(--mcqa-shell-gutter-mobile)!important;
    padding-right:var(--mcqa-shell-gutter-mobile)!important;
  }
  #mcqa-app.mcqa-app .mcqa-app-header-wrap,
  #mcqa-app.mcqa-app .mcqa-header-sticky-shell,
  #mcqa-app.mcqa-app .mcqa-sticky-header-shell{
    margin-left:calc(-1 * var(--mcqa-shell-gutter-mobile))!important;
    margin-right:calc(-1 * var(--mcqa-shell-gutter-mobile))!important;
    padding-left:var(--mcqa-shell-gutter-mobile)!important;
    padding-right:var(--mcqa-shell-gutter-mobile)!important;
  }
}

/* WP admin bar affects vertical offset only, never horizontal shell geometry. */
body.admin-bar #mcqa-app.mcqa-app .mcqa-app-header-wrap,
body.admin-bar #mcqa-app.mcqa-app .mcqa-header-sticky-shell,
body.admin-bar #mcqa-app.mcqa-app .mcqa-sticky-header-shell{
  left:auto!important;
  right:auto!important;
  width:auto!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-app-header-wrap,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-header-sticky-shell,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-sticky-header-shell{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}


/* ==========================================================================
   v2.6.2 — Header Wrapper Removal & Hero Edge Alignment Hotfix
   Parent: v2.6.1
   ========================================================================== */

/* The header element is the sticky layout ROW, not a painted wrapper.
   Logo, search control and menu control keep their own component surfaces. */
#mcqa-app.mcqa-app .mcqa-app-header{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding-left:0!important;
  padding-right:0!important;
  border-radius:0!important;
  overflow:visible!important;
}

/* Logo is not placed inside another visible tile. */
#mcqa-app.mcqa-app .mcqa-app-brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Search and menu remain independently legible components. */
#mcqa-app.mcqa-app .mcqa-header-search,
#mcqa-app.mcqa-app .mcqa-header-icon,
#mcqa-app.mcqa-app .mcqa-header-action{
  position:relative;
}

/* Hero and header must share exactly the same outer alignment line. */
#mcqa-app.mcqa-app .mcqa-hero-shell{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Do not allow inherited section/container margins to introduce a second inset. */
#mcqa-app.mcqa-app #mcqa-home-view{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
#mcqa-app.mcqa-app #mcqa-home-view > .mcqa-hero-shell{
  margin-inline:0!important;
}

/* Desktop: header row and hero use the app's shared shell gutter. */
@media (min-width:1025px){
  #mcqa-app.mcqa-app .mcqa-app-header{
    padding-top:0!important;
    padding-bottom:0!important;
    margin-bottom:16px!important;
  }
}

/* Tablet: remove the visible header wrapper and keep the same shell edge as hero. */
@media (min-width:641px) and (max-width:1024px){
  #mcqa-app.mcqa-app .mcqa-app-header{
    padding:0!important;
    margin-bottom:12px!important;
    border-radius:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-shell{
    margin-inline:0!important;
  }
}

/* Mobile: no outer header frame; controls sit directly on the shared shell. */
@media (max-width:640px){
  #mcqa-app.mcqa-app .mcqa-app-header{
    padding:0!important;
    margin-bottom:8px!important;
    border-radius:0!important;
    min-height:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-app-brand{
    margin:0!important;
  }
  #mcqa-app.mcqa-app .mcqa-hero-shell{
    margin-inline:0!important;
  }
}

/* Dark mode: same architecture. Host owns state; no extra dark wrapper. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-app-header{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}


/* ==========================================================================
   v2.6.3 — Sticky Header Offset & Hero Top Clearance Hotfix
   Parent: v2.6.2
   Scope: vertical clearance only.
   ========================================================================== */

/* Shared clearance tokens. These compensate for the sticky header row without
   changing the horizontal shell geometry established in v2.6.2. */
#mcqa-app.mcqa-app{
  --mcqa-header-clearance-desktop:12px;
  --mcqa-header-clearance-tablet:10px;
  --mcqa-header-clearance-mobile:8px;
}

/* Home view must start below the sticky header's visual footprint. */
#mcqa-app.mcqa-app #mcqa-home-view{
  position:relative!important;
}

/* Keep the Hero from sliding under the sticky row after wrapper removal. */
@media (min-width:1025px){
  #mcqa-app.mcqa-app #mcqa-home-view > .mcqa-hero-shell{
    margin-top:var(--mcqa-header-clearance-desktop)!important;
  }
}

@media (min-width:641px) and (max-width:1024px){
  #mcqa-app.mcqa-app #mcqa-home-view > .mcqa-hero-shell{
    margin-top:var(--mcqa-header-clearance-tablet)!important;
  }
}

@media (max-width:640px){
  #mcqa-app.mcqa-app #mcqa-home-view > .mcqa-hero-shell{
    margin-top:var(--mcqa-header-clearance-mobile)!important;
  }
}

/* When WordPress admin bar is present, its vertical offset is already handled
   by the sticky header. Do not change horizontal geometry; only preserve the
   same Hero clearance below the MCQA header. */
body.admin-bar #mcqa-app.mcqa-app #mcqa-home-view > .mcqa-hero-shell{
  position:relative!important;
}

/* Dark mode inherits exactly the same spacing. No new dark skin/state. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-home-view > .mcqa-hero-shell{
  isolation:isolate;
}


/* ==========================================================================
   v2.6.4 — Dynamic Sticky Header Offset Hotfix
   Parent: v2.6.3

   Header/content clearance is derived from live geometry, not fixed spacing.
   JS writes:
     --mcqa-runtime-header-height
     --mcqa-sticky-content-offset
   ========================================================================== */

#mcqa-app.mcqa-app{
  --mcqa-sticky-content-offset:8px;
  --mcqa-runtime-header-height:0px;
}

/* Retire v2.6.3 fixed Hero margins. The content-view offset is now the single
   source of vertical clearance and protects Hero as well as taxonomy pages. */
#mcqa-app.mcqa-app #mcqa-home-view > .mcqa-hero-shell{
  margin-top:0!important;
}

#mcqa-app.mcqa-app #mcqa-home-view,
#mcqa-app.mcqa-app #mcqa-taxonomy-view{
  padding-top:var(--mcqa-sticky-content-offset)!important;
  scroll-margin-top:calc(var(--mcqa-runtime-header-height) + 8px)!important;
}

/* Sticky row keeps its v2.6.2 horizontal contract. No width/left/right changes. */
#mcqa-app.mcqa-app .mcqa-app-header{
  scroll-margin-top:0!important;
}

/* WordPress admin bar is naturally included in the measured header geometry.
   No extra hard-coded vertical offset is introduced here. */
body.admin-bar #mcqa-app.mcqa-app #mcqa-home-view,
body.admin-bar #mcqa-app.mcqa-app #mcqa-taxonomy-view{
  padding-top:var(--mcqa-sticky-content-offset)!important;
}

/* Same spacing contract in host-owned dark state. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-home-view,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-view{
  padding-top:var(--mcqa-sticky-content-offset)!important;
}


/* ==========================================================================
   v2.6.5 — Sticky Header Opaque Surface Hotfix
   Parent: v2.6.4
   Scope: visual paint state only; no geometry/offset changes.
   ========================================================================== */

/* At page top the row remains visually light and wrapper-free. */
#mcqa-app.mcqa-app .mcqa-app-header{
  transition:
    background-color .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    backdrop-filter .18s ease!important;
}

/* Once scrolling begins, the sticky row receives its own coherent surface so
   page text/cards cannot show through behind the controls. */
#mcqa-app.mcqa-app .mcqa-app-header.is-scrolled{
  background:rgba(248,251,254,.94)!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid rgba(196,214,226,.76)!important;
  box-shadow:0 8px 22px rgba(26,57,79,.08)!important;
  backdrop-filter:blur(14px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;
}

/* Controls stay visually independent; no return of the old outer wrapper. */
#mcqa-app.mcqa-app .mcqa-app-header.is-scrolled :is(
  .mcqa-header-search,
  .mcqa-header-icon,
  .mcqa-header-action
){
  position:relative;
  z-index:1;
}

/* Mobile/tablet: opaque surface reaches the sticky row's full local width,
   but horizontal content geometry remains exactly as in v2.6.4. */
@media (max-width:1024px){
  #mcqa-app.mcqa-app .mcqa-app-header.is-scrolled{
    box-shadow:0 7px 20px rgba(26,57,79,.075)!important;
  }
}

/* Host-owned Dark state: use a midnight-navy translucent surface, not black. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-app-header.is-scrolled{
  background:rgba(15,28,44,.95)!important;
  background-image:none!important;
  border-bottom:1px solid rgba(62,88,110,.82)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px) saturate(1.03)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.03)!important;
}

@media (prefers-reduced-motion:reduce){
  #mcqa-app.mcqa-app .mcqa-app-header{
    transition:none!important;
  }
}


/* ==========================================================================
   v2.6.6 — Responsive Density & Editorial UI Polish
   Parent: v2.6.5
   Presentation-only density/typography refinement.
   ========================================================================== */

#mcqa-app.mcqa-app{
  --v266-body-size:15px;
  --v266-body-leading:1.56;
  --v266-card-gap:12px;
  --v266-section-gap:16px;
}

/* Cleaner editorial rhythm */
#mcqa-app.mcqa-app :where(
  .mcqa-card p,
  .mcqa-dash-card p,
  .mcqa-update-card p,
  .mcqa-spotlight-copy p,
  .mcqa-detail-section p,
  .mcqa-answer-box p,
  .mcqa-pearl-box p
){
  font-size:var(--v266-body-size)!important;
  line-height:var(--v266-body-leading)!important;
  text-wrap:pretty;
}

#mcqa-app.mcqa-app :where(
  .mcqa-card h3,
  .mcqa-dash-card h3,
  .mcqa-update-card-title,
  .mcqa-related-card strong
){
  line-height:1.32!important;
  letter-spacing:-.012em!important;
  text-wrap:balance;
}

#mcqa-app.mcqa-app .mcqa-section-heading h2{
  line-height:1.18!important;
}

#mcqa-app.mcqa-app .mcqa-editorial-dashboard,
#mcqa-app.mcqa-app .mcqa-magazine-grid{
  gap:var(--v266-card-gap)!important;
}

#mcqa-app.mcqa-app :where(.mcqa-card,.mcqa-dash-card){
  min-height:0!important;
}

#mcqa-app.mcqa-app .mcqa-dash-column{
  gap:10px!important;
}

#mcqa-app.mcqa-app .mcqa-card-foot,
#mcqa-app.mcqa-app .mcqa-dash-card footer{
  margin-top:10px!important;
  padding-top:9px!important;
}

/* User-facing labels: restrained, editorial, never dashboard-like. */
#mcqa-app.mcqa-app :where(
  .mcqa-card-path,
  .mcqa-dash-heading small,
  .mcqa-update-card-meta,
  .mcqa-detail-path,
  .mcqa-source-top,
  .mcqa-source-meta
){
  letter-spacing:.005em!important;
  text-transform:none!important;
}

/* Desktop density */
@media (min-width:1025px){
  #mcqa-app.mcqa-app{
    --v266-body-size:14.5px;
    --v266-card-gap:11px;
    --v266-section-gap:15px;
  }

  #mcqa-app.mcqa-app .mcqa-hero-shell{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }

  #mcqa-app.mcqa-app .mcqa-specialty-hub{
    padding-top:11px!important;
    padding-bottom:11px!important;
  }

  #mcqa-app.mcqa-app :where(.mcqa-card,.mcqa-dash-card){
    padding:14px!important;
  }

  #mcqa-app.mcqa-app .mcqa-browse-section{
    padding:16px!important;
  }
}

/* Tablet — reduce vertical bulk while preserving touch targets */
@media (min-width:641px) and (max-width:1024px){
  #mcqa-app.mcqa-app{
    --v266-body-size:14.5px;
    --v266-body-leading:1.52;
    --v266-card-gap:10px;
  }

  #mcqa-app.mcqa-app .mcqa-hero-shell{
    padding:20px 18px!important;
    gap:16px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-copy h1{
    line-height:1.06!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-trust span{
    min-height:52px!important;
  }

  #mcqa-app.mcqa-app .mcqa-specialty-pill{
    min-height:74px!important;
  }

  #mcqa-app.mcqa-app :where(.mcqa-card,.mcqa-dash-card){
    padding:13px!important;
  }

  #mcqa-app.mcqa-app .mcqa-help-panel{
    padding:18px!important;
  }
}

/* Mobile — compact but readable; no dense admin/dashboard appearance */
@media (max-width:640px){
  #mcqa-app.mcqa-app{
    --v266-body-size:14px;
    --v266-body-leading:1.52;
    --v266-card-gap:7px;
  }

  #mcqa-app.mcqa-app .mcqa-hero-shell{
    padding:13px 9px 9px!important;
    gap:10px!important;
  }

  #mcqa-app.mcqa-app .mcqa-eyebrow{
    padding:7px 11px!important;
    font-size:11px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-copy h1{
    font-size:28px!important;
    line-height:1.05!important;
    margin-bottom:8px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-copy>p{
    font-size:13.5px!important;
    line-height:1.5!important;
    margin-bottom:10px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-trust span{
    min-height:0!important;
    padding:7px 3px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-spotlight{
    padding:12px 9px!important;
  }

  #mcqa-app.mcqa-app :where(.mcqa-card,.mcqa-dash-card){
    padding:11px!important;
  }

  #mcqa-app.mcqa-app :where(.mcqa-card h3,.mcqa-dash-card h3){
    font-size:17px!important;
    line-height:1.3!important;
  }

  #mcqa-app.mcqa-app .mcqa-specialty-pill{
    flex-basis:96px!important;
    width:96px!important;
    min-height:68px!important;
    padding:7px 5px!important;
  }

  #mcqa-app.mcqa-app .mcqa-specialty-pill b{
    font-size:11px!important;
    line-height:1.22!important;
  }

  #mcqa-app.mcqa-app .mcqa-library-strip>div{
    padding:8px 2px!important;
  }

  #mcqa-app.mcqa-app .mcqa-help-panel{
    padding:13px 10px!important;
  }

  #mcqa-app.mcqa-app .mcqa-detail{
    font-size:14px!important;
  }

  #mcqa-app.mcqa-app .mcqa-detail-head{
    padding:14px 12px!important;
  }

  #mcqa-app.mcqa-app :where(
    .mcqa-detail-section,
    .mcqa-answer-box,
    .mcqa-pearl-box
  ){
    margin-bottom:9px!important;
  }
}

/* Avoid technical-looking truncation in user-facing labels. */
#mcqa-app.mcqa-app :where(
  .mcqa-card-path,
  .mcqa-dash-heading small,
  .mcqa-update-card-meta,
  .mcqa-detail-path,
  .mcqa-source-top span,
  .mcqa-source-meta span
){
  overflow-wrap:anywhere;
}

/* Preserve host-owned dark-mode architecture; density only. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :where(.mcqa-card,.mcqa-dash-card,.mcqa-detail-section){
  text-shadow:none!important;
}

/* v2.6.7-R1 — Search UX Minimal: CSS-only, zero homepage runtime cost */
#mcqa-app.mcqa-app :where(.mcqa-search-results,.mcqa-search-suggest,.mcqa-search-dropdown){
  max-height:min(58vh,480px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  border-radius:14px!important;
  box-shadow:0 14px 34px rgba(27,59,78,.12)!important;
}
#mcqa-app.mcqa-app :where(.mcqa-search-result-item,.mcqa-search-results [role="option"]){
  padding:11px 13px!important;
  line-height:1.42!important;
}
#mcqa-app.mcqa-app :where(.mcqa-search-result-item,.mcqa-search-results [role="option"]):focus-visible{
  outline:3px solid rgba(25,132,190,.22)!important;
  outline-offset:-3px!important;
}
@media(max-width:640px){
  #mcqa-app.mcqa-app :where(.mcqa-search-results,.mcqa-search-suggest,.mcqa-search-dropdown){
    max-height:min(64vh,520px)!important;
  }
}

/* v2.6.8-R1 — Answer Detail Polish: only active after popup opens */
#mcqa-app.mcqa-app .mcqa-detail{
  width:min(900px,100%)!important;
  max-width:900px!important;
}
#mcqa-app.mcqa-app .mcqa-detail-scroll{
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable;
}
#mcqa-app.mcqa-app .mcqa-detail-head{
  padding:20px clamp(14px,2.6vw,26px)!important;
}
#mcqa-app.mcqa-app :where(.mcqa-detail-section,.mcqa-answer-box,.mcqa-pearl-box){
  border-radius:14px!important;
  margin-bottom:10px!important;
}
#mcqa-app.mcqa-app :where(.mcqa-detail-section p,.mcqa-answer-box p,.mcqa-pearl-box p){
  line-height:1.6!important;
  text-wrap:pretty;
}
@media(max-width:640px){
  #mcqa-app.mcqa-app .mcqa-detail-head{padding:14px 11px!important}
  #mcqa-app.mcqa-app .mcqa-detail-body{padding:9px 7px 14px!important}
}

/* v2.6.11-R1 — Accessibility hardening */
#mcqa-app.mcqa-app :where(a,button,input,[role="option"]):focus-visible{
  outline:3px solid rgba(25,132,190,.28)!important;
  outline-offset:2px!important;
}
@media(prefers-reduced-motion:reduce){
  #mcqa-app.mcqa-app *{scroll-behavior:auto!important}
}

/* v2.6.12-R1 — Cross-site host compatibility: geometry guards only */
#mcqa-app.mcqa-app{
  box-sizing:border-box!important;
  max-width:100%!important;
}
#mcqa-app.mcqa-app *,#mcqa-app.mcqa-app *::before,#mcqa-app.mcqa-app *::after{
  box-sizing:border-box;
}
#mcqa-app.mcqa-app :where(img,svg,canvas){max-width:100%}
body.admin-bar #mcqa-app.mcqa-app .mcqa-app-header{
  max-width:100%!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app{color-scheme:dark}

/* v2.7.0-R1 — Evidence Intelligence presentation tokens only */
#mcqa-app.mcqa-app .mcqa-evidence-intelligence{
  display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;
}
#mcqa-app.mcqa-app .mcqa-evidence-intelligence span{
  display:inline-flex;min-height:24px;align-items:center;padding:3px 7px;
  border:1px solid #d8e5ed;border-radius:999px;font-size:10.5px;
  text-transform:none;letter-spacing:0;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-evidence-intelligence span{border-color:#3b566b}


/* ==========================================================================
   v2.7.0-R1.1 — Header Controls & Spotlight Pagination Restoration Hotfix
   Parent: v2.7.0-R1
   CSS isolation only. No runtime/data/performance changes.
   ========================================================================== */

/* Search submit: isolate from host button/SVG rules. */
body.mcqa-canonical-page #mcqa-app.mcqa-app #mcqa-search-submit{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  padding:0!important;
  margin:0!important;
  min-width:34px!important;
  max-width:40px!important;
  min-height:34px!important;
  line-height:1!important;
  font-size:0!important;
}
body.mcqa-canonical-page #mcqa-app.mcqa-app #mcqa-search-submit svg{
  display:block!important;
  width:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  height:19px!important;
  min-height:19px!important;
  max-height:19px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  stroke:currentColor!important;
  fill:none!important;
  vector-effect:non-scaling-stroke;
}

/* Menu control: preserve icon geometry even when host theme styles buttons/SVG. */
body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-header-icon{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  padding:0!important;
  line-height:1!important;
  font-size:0!important;
}
body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-header-icon svg{
  display:block!important;
  width:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  height:19px!important;
  min-height:19px!important;
  max-height:19px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
  vector-effect:non-scaling-stroke;
}

/* Spotlight previous/next: restore compact round controls. */
body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-spotlight-controls>button{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  line-height:1!important;
  font-size:20px!important;
  overflow:hidden!important;
}

/* Indicator group must remain dots, never inherit CTA/button dimensions. */
body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-spotlight-controls>div{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
}
body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-spotlight-controls>div>button{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  flex:0 0 7px!important;
  width:7px!important;
  min-width:7px!important;
  max-width:7px!important;
  height:7px!important;
  min-height:7px!important;
  max-height:7px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  line-height:0!important;
  font-size:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
}
body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-spotlight-controls>div>button.is-active{
  flex-basis:20px!important;
  width:20px!important;
  min-width:20px!important;
  max-width:20px!important;
}

/* Mobile retains the original compact geometry. */
@media (max-width:640px){
  body.mcqa-canonical-page #mcqa-app.mcqa-app #mcqa-search-submit svg,
  body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-header-icon svg{
    width:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
  }
  body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-spotlight-controls>button{
    flex-basis:24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    font-size:17px!important;
  }
}


/* ==========================================================================
   v2.7.0-R1.2 — Search Suggestions & Card CTA Isolation Hotfix
   Parent: v2.7.0-R1.1
   CSS-only isolation. No JS/data/performance changes.
   ========================================================================== */

/* Search suggestions: restore editorial list-row appearance and isolate from
   host Theme/Super App button styles. */
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button,
  .mcqa-search-results button,
  .mcqa-search-dropdown button,
  .mcqa-search-result-item
){
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  padding:10px 12px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(205,220,229,.76)!important;
  border-radius:0!important;
  background:#fff!important;
  background-image:none!important;
  color:#17384c!important;
  box-shadow:none!important;
  text-align:left!important;
  text-decoration:none!important;
  line-height:1.38!important;
  font-size:14px!important;
  font-weight:650!important;
  text-transform:none!important;
  letter-spacing:0!important;
  overflow:visible!important;
  opacity:1!important;
}

body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button,
  .mcqa-search-results button,
  .mcqa-search-dropdown button,
  .mcqa-search-result-item
):last-child{
  border-bottom:0!important;
}

body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button,
  .mcqa-search-results button,
  .mcqa-search-dropdown button,
  .mcqa-search-result-item
):hover,
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button,
  .mcqa-search-results button,
  .mcqa-search-dropdown button,
  .mcqa-search-result-item
):focus-visible{
  background:#f2f8fc!important;
  color:#0e4f73!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Search result metadata stays secondary and readable. */
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button small,
  .mcqa-search-results button small,
  .mcqa-search-dropdown button small,
  .mcqa-search-result-meta,
  .mcqa-search-result-path
){
  display:block!important;
  margin:0 0 3px!important;
  color:#6f8390!important;
  background:transparent!important;
  font-size:11.5px!important;
  line-height:1.32!important;
  font-weight:600!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

/* Main result/question line. */
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button strong,
  .mcqa-search-results button strong,
  .mcqa-search-dropdown button strong,
  .mcqa-search-result-title
){
  display:block!important;
  color:#14374c!important;
  background:transparent!important;
  font-size:14px!important;
  line-height:1.38!important;
  font-weight:750!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

/* Keyword marker remains visible without making row look like a CTA. */
body.mcqa-canonical-page #mcqa-app.mcqa-app .mcqa-search-hit,
body.mcqa-canonical-page #mcqa-app.mcqa-app mark{
  color:inherit!important;
  background:#fff0a8!important;
  border-radius:3px!important;
  padding:0 .08em!important;
}

/* "View all results" row: editorial link-row, not a large blue button. */
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-all,
  [data-search-all],
  .mcqa-search-view-all
){
  -webkit-appearance:none!important;
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:42px!important;
  padding:10px 12px!important;
  margin:0!important;
  border:0!important;
  border-top:1px solid rgba(198,216,227,.85)!important;
  border-radius:0!important;
  background:#f7fbfe!important;
  color:#086f99!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:left!important;
}

/* Card/footer CTA isolation: keep "Xem thêm" as a light editorial control. */
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-dash-footer-cta,
  .mcqa-card-foot,
  .mcqa-dash-card footer
) :where(button,a){
  -webkit-appearance:none!important;
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:36px!important;
  height:auto!important;
  padding:7px 12px!important;
  margin:0!important;
  border:1px solid #c9dde9!important;
  border-radius:11px!important;
  background:#fff!important;
  background-image:none!important;
  color:#08749c!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  opacity:1!important;
}

body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-dash-footer-cta,
  .mcqa-card-foot,
  .mcqa-dash-card footer
) :where(button,a):hover,
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-dash-footer-cta,
  .mcqa-card-foot,
  .mcqa-dash-card footer
) :where(button,a):focus-visible{
  background:#eef8fd!important;
  color:#075f82!important;
  border-color:#aad0e3!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Search panel itself remains a neutral reading surface. */
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest,
  .mcqa-search-results,
  .mcqa-search-dropdown
){
  background:#fff!important;
  color:#17384c!important;
  border:1px solid #d7e4ec!important;
  box-shadow:0 16px 34px rgba(18,55,76,.14)!important;
}

/* Dark host-owned surface. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest,
  .mcqa-search-results,
  .mcqa-search-dropdown
){
  background:#16283a!important;
  color:#edf5fa!important;
  border-color:#3c566a!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button,
  .mcqa-search-results button,
  .mcqa-search-dropdown button,
  .mcqa-search-result-item
){
  background:#16283a!important;
  color:#eaf3f8!important;
  border-bottom-color:#334d61!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button,
  .mcqa-search-results button,
  .mcqa-search-dropdown button,
  .mcqa-search-result-item
):hover,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button,
  .mcqa-search-results button,
  .mcqa-search-dropdown button,
  .mcqa-search-result-item
):focus-visible{
  background:#1d354b!important;
  color:#fff!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button small,
  .mcqa-search-results button small,
  .mcqa-search-dropdown button small,
  .mcqa-search-result-meta,
  .mcqa-search-result-path
){
  color:#9fb2bf!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-suggest button strong,
  .mcqa-search-results button strong,
  .mcqa-search-dropdown button strong,
  .mcqa-search-result-title
){
  color:#eef6fb!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-search-all,
  [data-search-all],
  .mcqa-search-view-all
){
  background:#1a3146!important;
  color:#8fd2ff!important;
  border-top-color:#38546a!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
  .mcqa-dash-footer-cta,
  .mcqa-card-foot,
  .mcqa-dash-card footer
) :where(button,a){
  background:#172b3e!important;
  color:#8fd2ff!important;
  border-color:#3c5a70!important;
}

@media(max-width:640px){
  body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
    .mcqa-search-suggest button,
    .mcqa-search-results button,
    .mcqa-search-dropdown button,
    .mcqa-search-result-item
  ){
    padding:9px 10px!important;
    font-size:13.5px!important;
  }
  body.mcqa-canonical-page #mcqa-app.mcqa-app :where(
    .mcqa-dash-footer-cta,
    .mcqa-card-foot,
    .mcqa-dash-card footer
  ) :where(button,a){
    min-height:34px!important;
    padding:6px 10px!important;
    font-size:12.5px!important;
  }
}

/* v2.7.0-R1.3 — Canonical Control Surface Isolation Hotfix */
#mcqa-app.mcqa-app{
  --r13-bg:#fff;--r13-border:#cddfe9;--r13-focus:#7ebbd8;
  --r13-text:#17384c;--r13-muted:#708592;--r13-accent:#0878a5;--r13-hover:#eef8fd;
}

/* Search: one border only */
#mcqa-app.mcqa-app :where(.mcqa-search-wrap,.mcqa-header-search-zone){
  border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;
}
#mcqa-app.mcqa-app .mcqa-header-search{
  display:flex!important;align-items:stretch!important;width:100%!important;min-width:0!important;
  padding:0!important;margin:0!important;border:1px solid var(--r13-border)!important;border-radius:14px!important;
  background:#fff!important;box-shadow:none!important;overflow:hidden!important;
}
#mcqa-app.mcqa-app :where(#mcqa-header-search,.mcqa-header-search input){
  -webkit-appearance:none!important;appearance:none!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;
  min-height:48px!important;margin:0!important;padding:0 14px!important;border:0!important;outline:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--r13-text)!important;font-family:inherit!important;
  font-size:16px!important;line-height:1.35!important;font-weight:450!important;letter-spacing:0!important;text-transform:none!important;
}
#mcqa-app.mcqa-app .mcqa-header-search:focus-within{
  border-color:var(--r13-focus)!important;box-shadow:0 0 0 3px rgba(60,145,187,.12)!important;
}
#mcqa-app.mcqa-app .mcqa-header-search:focus-within :where(input,button){outline:0!important;box-shadow:none!important}

/* Search + menu controls */
#mcqa-app.mcqa-app #mcqa-search-submit{
  -webkit-appearance:none!important;appearance:none!important;display:grid!important;place-items:center!important;
  flex:0 0 54px!important;width:54px!important;min-width:54px!important;max-width:54px!important;min-height:48px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:linear-gradient(180deg,#147fb2,#086b99)!important;color:#fff!important;box-shadow:none!important;font-size:0!important;
}
#mcqa-app.mcqa-app .mcqa-header-icon{
  -webkit-appearance:none!important;appearance:none!important;display:grid!important;place-items:center!important;
  flex:0 0 48px!important;width:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;
  padding:0!important;margin-left:8px!important;border:1px solid var(--r13-border)!important;border-radius:14px!important;
  background:#fff!important;color:#17384c!important;box-shadow:none!important;font-size:0!important;
}
#mcqa-app.mcqa-app :where(#mcqa-search-submit,.mcqa-header-icon) svg{
  width:19px!important;min-width:19px!important;max-width:19px!important;height:19px!important;min-height:19px!important;max-height:19px!important;
  margin:0!important;padding:0!important;display:block!important;flex:none!important;stroke:currentColor!important;fill:none!important;
}

/* Search suggestion rows */
#mcqa-app.mcqa-app :where(.mcqa-search-suggest,.mcqa-search-results,.mcqa-search-dropdown){
  overflow:hidden!important;border:1px solid var(--r13-border)!important;border-radius:14px!important;background:#fff!important;
  color:var(--r13-text)!important;box-shadow:0 16px 34px rgba(18,55,76,.14)!important;
}
#mcqa-app.mcqa-app :where(
 .mcqa-search-suggest>button,.mcqa-search-results>button,.mcqa-search-dropdown>button,
 .mcqa-search-result-item,.mcqa-search-suggest [role="option"],.mcqa-search-results [role="option"],.mcqa-search-dropdown [role="option"]
){
  -webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;min-width:0!important;
  min-height:0!important;height:auto!important;margin:0!important;padding:10px 12px!important;border:0!important;
  border-bottom:1px solid rgba(205,220,229,.76)!important;border-radius:0!important;background:#fff!important;color:#17384c!important;
  box-shadow:none!important;text-align:left!important;text-decoration:none!important;font-family:inherit!important;font-size:14px!important;
  line-height:1.38!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;opacity:1!important;transform:none!important;
}
#mcqa-app.mcqa-app :where(
 .mcqa-search-suggest>button,.mcqa-search-results>button,.mcqa-search-dropdown>button,
 .mcqa-search-result-item,.mcqa-search-suggest [role="option"],.mcqa-search-results [role="option"],.mcqa-search-dropdown [role="option"]
):hover,
#mcqa-app.mcqa-app :where(
 .mcqa-search-suggest>button,.mcqa-search-results>button,.mcqa-search-dropdown>button,
 .mcqa-search-result-item,.mcqa-search-suggest [role="option"],.mcqa-search-results [role="option"],.mcqa-search-dropdown [role="option"]
):focus-visible{
  background:var(--r13-hover)!important;color:#0d5376!important;outline:0!important;box-shadow:inset 3px 0 0 #3aa0c8!important;
}
#mcqa-app.mcqa-app :where(.mcqa-search-result-meta,.mcqa-search-result-path,.mcqa-search-suggest small,.mcqa-search-results small,.mcqa-search-dropdown small){
  color:var(--r13-muted)!important;background:transparent!important;font-size:11.5px!important;line-height:1.32!important;
  font-weight:600!important;letter-spacing:0!important;text-transform:none!important;
}
#mcqa-app.mcqa-app :where(.mcqa-search-result-title,.mcqa-search-suggest strong,.mcqa-search-results strong,.mcqa-search-dropdown strong){
  color:#15384d!important;background:transparent!important;font-size:14px!important;line-height:1.38!important;
  font-weight:750!important;letter-spacing:0!important;text-transform:none!important;
}
#mcqa-app.mcqa-app :where(.mcqa-search-hit,mark){color:inherit!important;background:#fff0a8!important;border-radius:3px!important;padding:0 .08em!important}

/* App menu */
#mcqa-app.mcqa-app .mcqa-app-menu{
  padding:8px!important;border:1px solid var(--r13-border)!important;border-radius:14px!important;background:#fff!important;
  box-shadow:0 14px 34px rgba(18,55,76,.14)!important;
}
#mcqa-app.mcqa-app .mcqa-app-menu :where(a,button){
  -webkit-appearance:none!important;appearance:none!important;display:flex!important;align-items:center!important;gap:9px!important;
  width:100%!important;min-height:42px!important;margin:0!important;padding:9px 10px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;color:#136c93!important;box-shadow:none!important;text-align:left!important;text-decoration:none!important;
  font-family:inherit!important;font-size:14px!important;line-height:1.3!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;
}
#mcqa-app.mcqa-app .mcqa-app-menu :where(a,button):hover,
#mcqa-app.mcqa-app .mcqa-app-menu :where(a,button):focus-visible{background:#eef8fd!important;color:#0b5879!important;outline:0!important}
#mcqa-app.mcqa-app .mcqa-app-menu svg{
  width:17px!important;min-width:17px!important;max-width:17px!important;height:17px!important;min-height:17px!important;max-height:17px!important;
  flex:none!important;stroke:currentColor!important;fill:none!important;
}

/* Editorial CTAs */
#mcqa-app.mcqa-app :where(.mcqa-dash-footer-cta,.mcqa-card-foot,.mcqa-dash-card footer,.mcqa-section-heading,.mcqa-specialty-head) :where(a,button){
  -webkit-appearance:none!important;appearance:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:0!important;min-height:34px!important;height:auto!important;margin:0!important;padding:6px 10px!important;
  border:1px solid #c7dce8!important;border-radius:10px!important;background:#fff!important;color:#08729b!important;box-shadow:none!important;
  text-decoration:none!important;font-family:inherit!important;font-size:13px!important;line-height:1.25!important;font-weight:800!important;
  letter-spacing:0!important;text-transform:none!important;opacity:1!important;
}
#mcqa-app.mcqa-app :where(.mcqa-dash-footer-cta,.mcqa-card-foot,.mcqa-dash-card footer,.mcqa-section-heading,.mcqa-specialty-head) :where(a,button):hover,
#mcqa-app.mcqa-app :where(.mcqa-dash-footer-cta,.mcqa-card-foot,.mcqa-dash-card footer,.mcqa-section-heading,.mcqa-specialty-head) :where(a,button):focus-visible{
  background:#eef8fd!important;color:#075d80!important;border-color:#a8cee1!important;outline:0!important;box-shadow:none!important;
}

/* Spotlight geometry */
#mcqa-app.mcqa-app .mcqa-spotlight-controls>button{
  -webkit-appearance:none!important;appearance:none!important;display:grid!important;place-items:center!important;
  flex:0 0 28px!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;background:#0b73a2!important;color:#fff!important;box-shadow:none!important;
}
#mcqa-app.mcqa-app .mcqa-spotlight-controls>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
#mcqa-app.mcqa-app .mcqa-spotlight-controls>div>button{
  -webkit-appearance:none!important;appearance:none!important;display:block!important;flex:0 0 7px!important;width:7px!important;min-width:7px!important;max-width:7px!important;
  height:7px!important;min-height:7px!important;max-height:7px!important;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;
  background:#1675a2!important;box-shadow:none!important;font-size:0!important;line-height:0!important;
}
#mcqa-app.mcqa-app .mcqa-spotlight-controls>div>button.is-active{
  flex-basis:20px!important;width:20px!important;min-width:20px!important;max-width:20px!important;
}

/* Dark */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-header-search,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app :where(.mcqa-search-suggest,.mcqa-search-results,.mcqa-search-dropdown,.mcqa-app-menu){
  background:#16283a!important;border-color:#3d5669!important;color:#eef5fa!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app :where(
 .mcqa-search-suggest>button,.mcqa-search-results>button,.mcqa-search-dropdown>button,.mcqa-search-result-item,
 .mcqa-search-suggest [role="option"],.mcqa-search-results [role="option"],.mcqa-search-dropdown [role="option"]
){
  background:#16283a!important;color:#eaf3f8!important;border-bottom-color:#334d61!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app .mcqa-app-menu :where(a,button){color:#9bd8ff!important}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark) #mcqa-app.mcqa-app :where(
 .mcqa-dash-footer-cta,.mcqa-card-foot,.mcqa-dash-card footer,.mcqa-section-heading,.mcqa-specialty-head
) :where(a,button){
  background:#172b3e!important;color:#8fd2ff!important;border-color:#3c5a70!important;
}

@media(max-width:640px){
  #mcqa-app.mcqa-app :where(#mcqa-header-search,.mcqa-header-search input){min-height:46px!important;padding:0 12px!important;font-size:16px!important}
  #mcqa-app.mcqa-app #mcqa-search-submit{flex-basis:50px!important;width:50px!important;min-width:50px!important;max-width:50px!important;min-height:46px!important}
  #mcqa-app.mcqa-app .mcqa-header-icon{flex-basis:46px!important;width:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important}
  #mcqa-app.mcqa-app :where(#mcqa-search-submit,.mcqa-header-icon) svg{
    width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important;
  }
}


/* ==========================================================================
   v2.7.1.1 — R1.3 Visual Contract Restoration Hotfix
   Visual parent: v2.7.0-R1.3
   Narrow selectors only. No broad button/grid/control overrides.
   ========================================================================== */

/* 1) Spotlight CTA
   DOM truth: .mcqa-spotlight-cta lives inside .mcqa-spotlight-copy,
   while .mcqa-spotlight-controls is an absolute sibling.
   Reserve a protected bottom zone and keep CTA clear of the right arrow. */
#mcqa-app.mcqa-app .mcqa-hero-spotlight .mcqa-spotlight-copy > .mcqa-spotlight-cta{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:2!important;
  align-self:flex-start!important;
  margin:2px 0 28px 0!important;
}

/* Desktop/tablet: maintain breathing room above absolute navigation footer. */
@media (min-width:641px){
  #mcqa-app.mcqa-app .mcqa-hero-spotlight .mcqa-spotlight-copy > .mcqa-spotlight-cta{
    margin-bottom:26px!important;
  }
}

/* Mobile: move CTA to the right but reserve the last 42px for Next arrow.
   Controls remain exactly as in R1.3. */
@media (max-width:640px){
  #mcqa-app.mcqa-app .mcqa-hero-spotlight .mcqa-spotlight-copy > .mcqa-spotlight-cta{
    align-self:flex-end!important;
    margin:8px 38px 30px 0!important;
    max-width:calc(100% - 42px)!important;
  }
}

/* 2) Disease Group visual simplification
   DOM truth on Specialty page:
   #mcqa-taxonomy-groups > ... > .mcqa-taxonomy-chip-grid > a
   Restrict styling to anchors inside the Disease Group block only. */
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a{
  background:#f8fbfd!important;
  background-image:none!important;
  border:1px solid #d7e4eb!important;
  color:#177ca5!important;
  box-shadow:none!important;
}

/* Neutralize legacy alternating pastel only for actual Disease Group anchors. */
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a:nth-child(n){
  background:#f8fbfd!important;
  background-image:none!important;
}

/* Keep count strong and restrained. */
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a > b{
  color:#183b52!important;
  background:transparent!important;
  font-weight:800!important;
}

/* One subtle interaction accent. */
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a:hover,
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a:focus-visible{
  background:#eef7fa!important;
  border-color:#bad3df!important;
  color:#0d688e!important;
  outline:0!important;
  box-shadow:inset 3px 0 0 #4da3c2!important;
}

/* Dark host-owned state, same narrow scope. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a{
  background:#182c3f!important;
  border-color:#395268!important;
  color:#8fd2f4!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a > b{
  color:#eef5fa!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a:hover,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a:focus-visible{
  background:#1d3549!important;
  border-color:#4c6a80!important;
  color:#b5e2ff!important;
}

/* v2.7.2 — Search Suggestions Exact-DOM Isolation Hotfix */
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions{
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:8px!important;border:1px solid #d6e3eb!important;
  border-radius:14px!important;background:#fff!important;background-image:none!important;
  color:#17384c!important;box-shadow:0 16px 34px rgba(18,55,76,.14)!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
}
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > button{
  -webkit-appearance:none!important;appearance:none!important;display:block!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:none!important;
  min-height:0!important;height:auto!important;margin:0!important;padding:10px 12px!important;
  border:0!important;border-bottom:1px solid #e0e9ef!important;border-radius:0!important;
  background:#fff!important;background-image:none!important;color:#17384c!important;
  box-shadow:none!important;text-align:left!important;text-decoration:none!important;
  font-family:inherit!important;font-size:14px!important;line-height:1.4!important;
  font-weight:650!important;letter-spacing:0!important;text-transform:none!important;
  opacity:1!important;transform:none!important;
}
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > button:hover,
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > button:focus-visible{
  background:#f1f8fc!important;color:#0f5f83!important;outline:0!important;
  box-shadow:inset 3px 0 0 #3a9fc5!important;
}
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
> button :where(.mcqa-search-suggestion-label,small){
  display:block!important;margin:0 0 3px!important;padding:0!important;background:transparent!important;
  color:#728692!important;font-family:inherit!important;font-size:11.5px!important;
  line-height:1.3!important;font-weight:650!important;letter-spacing:0!important;text-transform:none!important;
}
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
> button :where(strong,span:not(.mcqa-search-suggestion-label)){
  background:transparent!important;color:#17384c!important;font-family:inherit!important;
  font-size:14px!important;line-height:1.4!important;font-weight:750!important;
  letter-spacing:0!important;text-transform:none!important;
}
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions mark{
  padding:0 .08em!important;border-radius:3px!important;background:#fff0a8!important;color:inherit!important;
}
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > .mcqa-search-all{
  -webkit-appearance:none!important;appearance:none!important;display:flex!important;
  align-items:center!important;justify-content:space-between!important;width:100%!important;
  min-height:40px!important;margin:6px 0 0!important;padding:9px 11px!important;
  border:1px solid #d5e4ec!important;border-radius:10px!important;background:#f7fbfd!important;
  background-image:none!important;color:#08739c!important;box-shadow:none!important;
  font-family:inherit!important;font-size:13px!important;line-height:1.3!important;
  font-weight:800!important;text-align:left!important;text-transform:none!important;
}
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > .mcqa-search-no-suggestion{
  display:block!important;padding:12px!important;margin:0!important;border:0!important;
  background:transparent!important;color:#738793!important;font-family:inherit!important;
  font-size:13px!important;line-height:1.4!important;font-weight:600!important;
}
@media(max-width:640px){
  #mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions{
    padding:6px!important;max-height:min(58vh,430px)!important;
  }
  #mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > button{
    padding:9px 10px!important;font-size:13.5px!important;line-height:1.35!important;
  }
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions{
  background:#16283a!important;border-color:#3d5669!important;color:#eef5fa!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > button{
  background:#16283a!important;border-bottom-color:#334d61!important;color:#eaf3f8!important;
}
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > button:hover,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions > button:focus-visible{
  background:#1d354b!important;color:#fff!important;
}


/* ==========================================================================
   v2.7.3 — Search Editorial Separation & Taxonomy Typography Hotfix
   Parent: v2.7.2
   ========================================================================== */

/* Search: metadata/category and clinical question must always be separate lines. */
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
> button:not(.mcqa-search-all) > span{
  display:block!important;
  width:100%!important;
  margin:0 0 4px!important;
  padding:0!important;
  background:transparent!important;
  color:#728692!important;
  font-family:inherit!important;
  font-size:11.5px!important;
  line-height:1.28!important;
  font-weight:650!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
> button:not(.mcqa-search-all) > strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  color:#17384c!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:760!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Search-all arrow is intentionally inline, not treated as metadata. */
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
> .mcqa-search-all > span{
  display:inline!important;
  width:auto!important;
  margin:0!important;
  color:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:inherit!important;
}

/* Specialty page: slightly larger disease-group name without enlarging counts. */
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a > span{
  font-family:inherit!important;
  font-size:15px!important;
  line-height:1.34!important;
  font-weight:560!important;
  letter-spacing:-.005em!important;
}

/* Counts retain compact emphasis. */
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a > b{
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:800!important;
}

/* Mobile: keep the increase restrained so long disease names wrap cleanly. */
@media(max-width:640px){
  #mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > a > span{
    font-size:14.5px!important;
    line-height:1.36!important;
  }

  #mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
  > button:not(.mcqa-search-all) > span{
    font-size:11px!important;
    margin-bottom:3px!important;
  }

  #mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
  > button:not(.mcqa-search-all) > strong{
    font-size:13.5px!important;
    line-height:1.38!important;
  }
}

/* Dark state: preserve the same editorial hierarchy. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
> button:not(.mcqa-search-all) > span{
  color:#9fb2bf!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-search-suggestions.mcqa-search-suggestions
> button:not(.mcqa-search-all) > strong{
  color:#eef6fb!important;
}


/* ======================================================================
   v2.7.4 — Contrast & Modal Close Button Geometry Hotfix
   Parent: v2.7.3
   ====================================================================== */

/* Taxonomy pages: increase contrast of supporting copy on light surfaces. */
#mcqa-app.mcqa-app .mcqa-taxonomy-hero p,
#mcqa-app.mcqa-app .mcqa-taxonomy-summary > div > span,
#mcqa-app.mcqa-app .mcqa-section-note{
  color:#5f7889!important;
}

/* Topic/disease chips: style both anchors and buttons so Specialty and
   Disease Group pages share the same neutral readable treatment. */
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button){
  -webkit-appearance:none!important;
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  padding:10px 11px!important;
  border:1px solid #d7e4eb!important;
  border-radius:10px!important;
  background:#f8fbfd!important;
  background-image:none!important;
  color:#177ca5!important;
  box-shadow:none!important;
  text-align:left!important;
}

#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button) > span{
  color:#177ca5!important;
  font-family:inherit!important;
  font-size:15px!important;
  line-height:1.34!important;
  font-weight:560!important;
  letter-spacing:-.005em!important;
}

#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button) > b{
  color:#183b52!important;
  background:transparent!important;
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:800!important;
}

#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button):hover,
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button):focus-visible{
  background:#eef7fa!important;
  border-color:#bad3df!important;
  color:#0d688e!important;
  outline:0!important;
  box-shadow:inset 3px 0 0 #4da3c2!important;
}

#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button):hover > span,
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button):focus-visible > span{
  color:#0d688e!important;
}

/* Detail modal: support text should not fade into pale backgrounds. */
#mcqa-app.mcqa-app .mcqa-detail-status,
#mcqa-app.mcqa-app .mcqa-detail-status span,
#mcqa-app.mcqa-app .mcqa-source-meta,
#mcqa-app.mcqa-app .mcqa-related-card span,
#mcqa-app.mcqa-app :is(.mcqa-answer-box p,.mcqa-pearl-box p,.mcqa-detail-section p,.mcqa-apply-grid p,.mcqa-two-col p,.mcqa-update-status p){
  color:#5a7384!important;
}

#mcqa-app.mcqa-app .mcqa-answer-box p,
#mcqa-app.mcqa-app .mcqa-pearl-box p,
#mcqa-app.mcqa-app .mcqa-detail-section p,
#mcqa-app.mcqa-app .mcqa-apply-grid p,
#mcqa-app.mcqa-app .mcqa-two-col p{
  font-weight:460!important;
}

/* Close button: enforce square geometry and center the glyph so the icon no
   longer feels stretched by host button rules. */
#mcqa-app.mcqa-app .mcqa-modal-bar .mcqa-close{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #b5d2e2!important;
  border-radius:14px!important;
  background:#0f7ab3!important;
  background-image:none!important;
  color:#fff!important;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:28px!important;
  line-height:1!important;
  font-weight:500!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(15,122,179,.18)!important;
  transform:none!important;
}

#mcqa-app.mcqa-app .mcqa-modal-bar .mcqa-close:hover,
#mcqa-app.mcqa-app .mcqa-modal-bar .mcqa-close:focus-visible{
  background:#0b6d9f!important;
  border-color:#0b6d9f!important;
  color:#fff!important;
}

@media (max-width:640px){
  #mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button) > span{
    font-size:14.5px!important;
    line-height:1.36!important;
  }

  #mcqa-app.mcqa-app .mcqa-modal-bar .mcqa-close{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:13px!important;
    font-size:26px!important;
  }
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-taxonomy-hero p,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-taxonomy-summary > div > span,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-section-note,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-detail-status,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-detail-status span,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-source-meta,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-related-card span,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app :is(.mcqa-answer-box p,.mcqa-pearl-box p,.mcqa-detail-section p,.mcqa-apply-grid p,.mcqa-two-col p,.mcqa-update-status p){
  color:#b6c8d5!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button){
  background:#182c3f!important;
  border-color:#395268!important;
  color:#8fd2f4!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button) > span{
  color:#8fd2f4!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button) > b{
  color:#eef5fa!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button):hover,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button):focus-visible{
  background:#1d3549!important;
  border-color:#4c6a80!important;
  color:#b5e2ff!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button):hover > span,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app #mcqa-taxonomy-groups .mcqa-taxonomy-chip-grid > :is(a,button):focus-visible > span{
  color:#b5e2ff!important;
}


/* ==========================================================================
   v2.8.2 — Hero Live Content Metrics
   Intentional UI delta from v2.8.1.
   Runtime counts are rendered server-side from MCQA_DB::counts().
   ========================================================================== */

#mcqa-app.mcqa-app .mcqa-hero-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  width:min(100%,560px)!important;
  margin:15px 0 0!important;
}

#mcqa-app.mcqa-app .mcqa-hero-metric{
  display:grid!important;
  align-content:center!important;
  min-width:0!important;
  min-height:54px!important;
  padding:8px 10px!important;
  border:1px solid rgba(135,171,194,.32)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.58)!important;
  background-image:none!important;
  box-shadow:0 6px 16px rgba(26,73,104,.055)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

#mcqa-app.mcqa-app .mcqa-hero-metric strong{
  display:block!important;
  margin:0!important;
  color:#123f5b!important;
  font-family:inherit!important;
  font-size:17px!important;
  line-height:1.08!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
}

#mcqa-app.mcqa-app .mcqa-hero-metric span{
  display:block!important;
  margin:4px 0 0!important;
  color:#617b8b!important;
  font-family:inherit!important;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Keep metrics visually subordinate to the hero title and Spotlight. */
@media (min-width:901px){
  #mcqa-app.mcqa-app .mcqa-hero-metrics{
    max-width:520px!important;
  }
}

/* Tablet: retain one compact row while allowing narrower labels. */
@media (min-width:641px) and (max-width:900px){
  #mcqa-app.mcqa-app .mcqa-hero-metrics{
    gap:6px!important;
    width:100%!important;
    margin-top:13px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-metric{
    min-height:52px!important;
    padding:7px 8px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-metric strong{
    font-size:16px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-metric span{
    font-size:9.5px!important;
  }
}

/* Mobile: 2×2 compact grid; no horizontal scrolling and no oversized KPI cards. */
@media (max-width:640px){
  #mcqa-app.mcqa-app .mcqa-hero-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin-top:12px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-metric{
    min-height:48px!important;
    padding:7px 9px!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-metric strong{
    font-size:16px!important;
  }

  #mcqa-app.mcqa-app .mcqa-hero-metric span{
    margin-top:3px!important;
    font-size:10px!important;
  }
}

/* Host-owned dark mode only. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-metric{
  border-color:rgba(111,151,180,.32)!important;
  background:rgba(24,42,64,.66)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.08)!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-metric strong{
  color:#eff7fc!important;
}

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nahmed-dark)
#mcqa-app.mcqa-app .mcqa-hero-metric span{
  color:#a8bccb!important;
}


/* v5.5 — Recent Updates Card Height Hotfix */
#mcqa-app.mcqa-app .mcqa-update-card{
  height:188px!important;
  min-height:188px!important;
  max-height:188px!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
#mcqa-app.mcqa-app .mcqa-update-card strong,
#mcqa-app.mcqa-app .mcqa-update-card .mcqa-update-card-title{
  display:-webkit-box!important;
  overflow:hidden!important;
  white-space:normal!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:5!important;
  line-clamp:5!important;
}
@media (max-width:640px){
  #mcqa-app.mcqa-app .mcqa-update-card{
    height:178px!important;
    min-height:178px!important;
    max-height:178px!important;
  }
  #mcqa-app.mcqa-app .mcqa-update-card strong,
  #mcqa-app.mcqa-app .mcqa-update-card .mcqa-update-card-title{
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }
}


/* v5.5.1 — Reverse Scroll Repaint Hotfix */
/*
 * Android/WebView can defer repainting content-visibility:auto blocks while
 * rapidly reversing scroll direction, leaving a large blank intrinsic area.
 * Keep these major homepage sections continuously paintable.
 */
#mcqa-app.mcqa-app .mcqa-library-strip,
#mcqa-app.mcqa-app .mcqa-browse-section,
#mcqa-app.mcqa-app .mcqa-help-panel{
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}


/* v5.5.4 — Explore Module Cleanup Hotfix */
/* Explore title: keep on one line and stop the narrow heading column from wrapping. */
#mcqa-app.mcqa-app .mcqa-browse-section h2,
#mcqa-app.mcqa-app .mcqa-browse-heading h2,
#mcqa-app.mcqa-app .mcqa-browse-title {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  min-width: max-content;
}

/* Hero already owns live metrics; suppress duplicated Explore count/meta if legacy markup remains. */
#mcqa-app.mcqa-app .mcqa-browse-section .mcqa-browse-count,
#mcqa-app.mcqa-app .mcqa-browse-section .mcqa-browse-meta,
#mcqa-app.mcqa-app .mcqa-browse-section .mcqa-browse-total {
  display: none !important;
}

@media (max-width: 640px) {
  #mcqa-app.mcqa-app .mcqa-browse-section h2,
  #mcqa-app.mcqa-app .mcqa-browse-heading h2,
  #mcqa-app.mcqa-app .mcqa-browse-title {
    font-size: clamp(28px, 7.2vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.02em !important;
  }
}


/* v5.5.5 — Single Source Metrics & User-Facing Copy Gate */
#mcqa-app.mcqa-app .mcqa-library-strip,
#mcqa-app.mcqa-app #mcqa-result-count{
  display:none!important;
}
#mcqa-app.mcqa-app .mcqa-magazine-head{
  align-items:end!important;
}
#mcqa-app.mcqa-app .mcqa-magazine-title{
  display:block!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
}
#mcqa-app.mcqa-app .mcqa-magazine-title h2,
#mcqa-app.mcqa-app #mcqa-result-title{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  max-width:none!important;
}
@media (max-width:640px){
  #mcqa-app.mcqa-app .mcqa-magazine-head{
    display:grid!important;
    grid-template-columns:minmax(max-content,auto) minmax(0,1fr)!important;
    align-items:end!important;
    gap:12px!important;
  }
  #mcqa-app.mcqa-app .mcqa-magazine-title h2,
  #mcqa-app.mcqa-app #mcqa-result-title{
    font-size:clamp(24px,6.4vw,30px)!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
  }
}


/* v5.5.6 — Browse Render & Reverse Scroll Stability Hotfix */
#mcqa-app.mcqa-app{
  scroll-snap-type:none!important;
}
#mcqa-app.mcqa-app #mcqa-home-view,
#mcqa-app.mcqa-app .mcqa-editorial-dashboard,
#mcqa-app.mcqa-app .mcqa-browse-section,
#mcqa-app.mcqa-app .mcqa-help-panel{
  scroll-snap-align:none!important;
  overflow-anchor:auto!important;
}
#mcqa-app.mcqa-app .mcqa-spotlight{
  overflow-anchor:none!important;
}


/* v7.0 — Sticky Header / Hero Clearance Hotfix */
/* Keep the first Hero content visibly below the fixed/sticky compact app header.
   Scope is limited to the first Home section; no downstream module spacing changes. */
@media (max-width:1199px){
  body.mcqa-canonical-page #mcqa-app.mcqa-app:not(.is-standalone) #mcqa-home-view{
    padding-top:max(var(--mcqa-sticky-content-offset,8px),18px)!important;
  }
  body.mcqa-canonical-page #mcqa-app.mcqa-app:not(.is-standalone) #mcqa-home-view > .mcqa-hero-shell{
    margin-top:4px!important;
  }
}
@media (max-width:640px){
  body.mcqa-canonical-page #mcqa-app.mcqa-app:not(.is-standalone) #mcqa-home-view{
    padding-top:max(var(--mcqa-sticky-content-offset,8px),20px)!important;
  }
}

/* ==========================================================================
   v2.8.2.1 — Canonical Outer Wrapper Dark-Mode Hotfix
   Parent: v2.8.2 / MEDIPHARM Clinical Q&A v8.6-RC1

   Scope:
   - Fixes the residual light/white host sleeve outside #mcqa-app on canonical
     Clinical Q&A pages when the host Theme/Super App is already in dark mode.
   - Host remains the sole owner of theme state; MCQA only consumes host state
     classes and the canonical --syh-* / legacy host tokens.
   - Covers the host wrappers above <main> that are not reached by the existing
     mcqa-host-ancestor-shell tagging loop (#page/.site/#content/.site-content).
   - Includes nah-sdp-night-mode for parity with the documented host contract.
   ========================================================================== */

html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page #page,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page .site,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page #content,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page .site-content,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page .content-area,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page #primary,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page main,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page .site-main,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page .mcqa-host-ancestor-shell,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page .mcqa-host-content-shell,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page .mcqa-host-outer-shell{
  background:var(--syh-bg,var(--tvm-bg,var(--yhlsm-bg,#0f1b2b)))!important;
  background-color:var(--syh-bg,var(--tvm-bg,var(--yhlsm-bg,#0f1b2b)))!important;
  background-image:none!important;
  color:var(--syh-ink,var(--tvm-ink,var(--yhlsm-ink,#e8f0f7)))!important;
}

/* Do not let legacy page/article pseudo-layers recreate a pale edge in dark mode. */
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page :is(#page,.site,#content,.site-content,.content-area,#primary,main,.site-main,.mcqa-host-ancestor-shell,.mcqa-host-content-shell,.mcqa-host-outer-shell)::before,
html:is(.tvm-dark,.yhlsm-dark,.nah-sdp-dark-mode,.nah-sdp-night-active,.nah-sdp-night-mode,.nahmed-dark)
body.mcqa-canonical-page :is(#page,.site,#content,.site-content,.content-area,#primary,main,.site-main,.mcqa-host-ancestor-shell,.mcqa-host-content-shell,.mcqa-host-outer-shell)::after{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
}


/* ==========================================================================
   v2.8.2.2 — SachYHoc Canonical Canvas Host-Token Hotfix
   Parent: v2.8.2.1 / MEDIPHARM Clinical Q&A v8.6-RC1.1

   Root cause fixed:
   - SachYHoc exposes the canonical shared --syh-* palette directly. Its dark
     state does not need to match a MCQA-maintained list of host dark classes.
   - A legacy canonical-page rule still fell back to #fff because it consumed
     only --tvm-* / --yhlsm-* tokens for the outer document canvas.
   - The app itself was already dark through --syh-* tokens, leaving only the
     full-width page sleeve white on sachyhoc.com.

   Contract:
   - No dark-mode inference and no MCQA-owned theme state.
   - The canonical document canvas follows host tokens in BOTH light and dark.
   - Shared --syh-* tokens have first precedence, matching the app contract.
   ========================================================================== */

html:has(body.mcqa-canonical-page),
body.mcqa-canonical-page,
body.mcqa-canonical-page.mcqa-host-canvas,
body.mcqa-canonical-page #page,
body.mcqa-canonical-page .site,
body.mcqa-canonical-page #content,
body.mcqa-canonical-page .site-content,
body.mcqa-canonical-page .content-area,
body.mcqa-canonical-page #primary,
body.mcqa-canonical-page main,
body.mcqa-canonical-page .site-main,
body.mcqa-canonical-page .mcqa-host-ancestor-shell,
body.mcqa-canonical-page .mcqa-host-content-shell,
body.mcqa-canonical-page .mcqa-host-outer-shell{
  background:var(--syh-bg,var(--tvm-bg,var(--yhlsm-bg,#f7f9fc)))!important;
  background-color:var(--syh-bg,var(--tvm-bg,var(--yhlsm-bg,#f7f9fc)))!important;
  background-image:none!important;
  color:var(--syh-ink,var(--tvm-ink,var(--yhlsm-ink,#15243a)))!important;
}

/* Any legacy shell decoration must reveal the host-owned canonical canvas. */
body.mcqa-canonical-page :is(
  #page,.site,#content,.site-content,.content-area,#primary,main,.site-main,
  .mcqa-host-ancestor-shell,.mcqa-host-content-shell,.mcqa-host-outer-shell
)::before,
body.mcqa-canonical-page :is(
  #page,.site,#content,.site-content,.content-area,#primary,main,.site-main,
  .mcqa-host-ancestor-shell,.mcqa-host-content-shell,.mcqa-host-outer-shell
)::after{
  background-color:transparent!important;
  background-image:none!important;
}