#mediquiz-root { --navy:#102f46; --ink:#19364a; --muted:#718698; --line:#e7edf1; --teal:#15a69a; --paper:#f5f8fa; --white:#fff; width:100vw; max-width:none; margin-left:calc(50% - 50vw); background:var(--paper); color:var(--ink); font-family:'DM Sans',system-ui,sans-serif; font-size:15px; line-height:1.5; box-sizing:border-box; }
#mediquiz-root * { box-sizing:border-box; }
#mediquiz-root button,#mediquiz-root input,#mediquiz-root select { font:inherit; }
#mediquiz-root button { cursor:pointer; }
#mediquiz-root h1,#mediquiz-root h2,#mediquiz-root h3,#mediquiz-root p { margin:0; }
#mediquiz-root h1,#mediquiz-root h2,#mediquiz-root h3 { font-family:Manrope,system-ui,sans-serif; line-height:1.23; letter-spacing:-.035em; }
#mediquiz-root .mq-layout { max-width:1920px; margin:auto; min-height:100vh; display:grid; grid-template-columns:246px minmax(0,1fr); }
#mediquiz-root .mq-side { background:#fff; border-right:1px solid var(--line); padding:28px 16px; display:flex; flex-direction:column; gap:8px; }
#mediquiz-root .mq-brand { padding:6px 12px 34px; }
#mediquiz-root .mq-brand img { width:184px; height:auto; display:block; }
#mediquiz-root .mq-side-label { font-size:10px; font-weight:800; letter-spacing:.17em; color:#9aabb6; padding:0 16px 9px; }
#mediquiz-root .mq-side-spaced { padding-top:28px; }
#mediquiz-root .mq-nav { border:0; border-radius:12px; background:transparent; color:#72899a; text-align:left; padding:13px 16px; font-weight:700; width:100%; transition:.2s; }
#mediquiz-root .mq-nav:hover,#mediquiz-root .mq-nav.active { background:#e8f5f3; color:#087d75; }
#mediquiz-root .mq-side-specialty { margin:0 6px; padding:10px 8px; display:flex; align-items:center; gap:9px; background:#f3f8f8; border:1px solid #e5eeef; border-radius:11px; font-weight:800; font-size:13px; }
#mediquiz-root .mq-side-mark { color:#149c96; font-size:21px; }
#mediquiz-root .mq-side-current { margin-left:auto; color:#119389; font-size:9px; letter-spacing:.08em; white-space:nowrap; }
#mediquiz-root .mq-side-foot { margin-top:auto!important; padding:16px; color:#9baab4; font-size:11px; border-top:1px solid var(--line); }
#mediquiz-root .mq-main { min-width:0; }
#mediquiz-root .mq-header { height:96px; display:flex; align-items:center; justify-content:space-between; padding:18px clamp(24px,4vw,66px); background:#fff; border-bottom:1px solid var(--line); gap:16px; }
#mediquiz-root .mq-kicker { display:block; color:#1b9b96; font-size:10px; letter-spacing:.15em; font-weight:800; margin-bottom:7px; }
#mediquiz-root .mq-header h1 { font-size:21px; color:var(--navy); }
#mediquiz-root .mq-header-actions { display:flex; gap:10px; align-items:center; }
#mediquiz-root .mq-live { background:#eff8f5; border-radius:50px; color:#128a7c; font-weight:700; font-size:11px; padding:9px 13px; white-space:nowrap; }
#mediquiz-root .mq-install { background:#173f52; color:#fff; border:0; border-radius:8px; padding:9px 12px; font-size:12px; }
#mediquiz-root .mq-content { max-width:1480px; padding:34px clamp(22px,4vw,66px) 70px; margin:0 auto; }
#mediquiz-root .mq-hero { min-height:365px; background:linear-gradient(118deg,#102f46 0%,#123d50 48%,#0d655f 100%); border-radius:23px; display:grid; grid-template-columns:55% 45%; position:relative; overflow:hidden; isolation:isolate; box-shadow:0 20px 45px rgba(18,61,80,.12); }
#mediquiz-root .mq-hero:before { content:''; position:absolute; width:480px; height:480px; background:radial-gradient(circle,#4fc2ac33,transparent 68%); top:-250px; left:40%; z-index:-1; }
#mediquiz-root .mq-hero-copy { padding:51px 0 49px clamp(32px,4vw,58px); position:relative; z-index:2; }
#mediquiz-root .mq-eyebrow { display:inline-block; font-size:10px; font-weight:800; color:#7fe0cb; letter-spacing:.2em; border:1px solid #ffffff3b; padding:8px 12px; border-radius:30px; margin-bottom:20px; }
#mediquiz-root .mq-hero h2 { color:#fff; font-size:clamp(28px,2.75vw,43px); max-width:550px; white-space:pre-line; }
#mediquiz-root .mq-hero p { color:#c3d9dc; font-size:14px; max-width:510px; margin-top:18px; line-height:1.72; }
#mediquiz-root .mq-hero-actions { display:flex; gap:15px; align-items:center; flex-wrap:wrap; margin-top:24px; }
#mediquiz-root .mq-primary { background:#26bbaa; color:#073a3c; border:0; border-radius:10px; padding:13px 20px; font-weight:800; font-size:13px; transition:.2s; }
#mediquiz-root .mq-primary:hover { background:#68dbc8; transform:translateY(-1px); }
#mediquiz-root .mq-text-button { border:0; color:white; background:transparent; font-weight:700; padding:11px; font-size:13px; }
#mediquiz-root .mq-hero-art { position:relative; min-height:350px; }
#mediquiz-root .mq-orbit { position:absolute; border:1px solid #ffffff24; width:520px; height:520px; border-radius:50%; top:-77px; left:-34px; box-shadow:0 0 0 70px #ffffff07,0 0 0 140px #ffffff04; }
#mediquiz-root .mq-art-card { position:absolute; width:240px; min-height:235px; top:60px; left:26%; transform:rotate(-7deg); border:1px solid #ffffff71; border-radius:20px; background:linear-gradient(155deg,#fafdf9 0%,#deeeea 100%); box-shadow:0 26px 38px #082c3566; display:flex; flex-direction:column; padding:22px; color:#0e3d4e; }
#mediquiz-root .mq-art-top { font-size:9px; font-weight:900; letter-spacing:.17em; color:#15988d; }
#mediquiz-root .mq-art-pulse { font-size:65px; color:#23aeaa; line-height:1.18; margin:4px 0; }
#mediquiz-root .mq-art-title { white-space:pre-line; font-family:Manrope; font-size:21px; line-height:1.15; font-weight:800; }
#mediquiz-root .mq-art-sub { border-top:1px solid #becfd0; font-size:9px; color:#658384; padding-top:11px; margin-top:auto; }
#mediquiz-root .mq-art-chip { position:absolute; background:#fff; padding:10px 13px; border-radius:9px; color:#256875; font-size:10px; font-weight:800; box-shadow:0 10px 22px #0828373f; }
#mediquiz-root .chip-a { top:45px; left:0; transform:rotate(-8deg); }
#mediquiz-root .chip-b { top:188px; right:9%; transform:rotate(5deg); }
#mediquiz-root .chip-c { bottom:25px; left:6%; transform:rotate(4deg); }
#mediquiz-root .mq-stats { display:grid; grid-template-columns:repeat(4,1fr); margin:21px 0 47px; background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 7px 20px #173f5206; }
#mediquiz-root .mq-stat { padding:22px 24px; display:flex; flex-direction:column; gap:5px; border-right:1px solid var(--line); }
#mediquiz-root .mq-stat:last-child { border:0; }
#mediquiz-root .mq-stat strong { color:#163e51; font:800 24px Manrope; }
#mediquiz-root .mq-stat span { color:#8495a2; font-size:11px; font-weight:600; }
#mediquiz-root .mq-section-header { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:20px; }
#mediquiz-root .mq-section-header h2 { font-size:25px; color:var(--navy); }
#mediquiz-root .mq-link { background:transparent; border:0; color:#118a82; font-size:12px; font-weight:800; }
#mediquiz-root .mq-topic-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:15px; }
#mediquiz-root .mq-topic { min-width:0; min-height:207px; position:relative; display:flex; flex-direction:column; align-items:flex-start; text-align:left; padding:20px; border:1px solid #e6ecef; border-radius:15px; background:linear-gradient(145deg,#fff 54%,var(--tint)); box-shadow:0 7px 22px #204b5d08; color:var(--ink); transition:.2s; }
#mediquiz-root .mq-topic:hover { transform:translateY(-4px); box-shadow:0 14px 30px #204b5d1a; }
#mediquiz-root .mq-topic.Coral { --tint:#fff1ed; --accent:#e98474; }
#mediquiz-root .mq-topic.Blue { --tint:#ecf7ff; --accent:#64a8d9; }
#mediquiz-root .mq-topic.Violet { --tint:#f1efff; --accent:#9489cf; }
#mediquiz-root .mq-topic.Amber { --tint:#fff6e5; --accent:#e3ad59; }
#mediquiz-root .mq-topic.Mint { --tint:#e7f9f2; --accent:#50b89b; }
#mediquiz-root .mq-topic-icon { width:40px; height:40px; display:grid; place-items:center; background:var(--tint); border-radius:12px; color:var(--accent); font-size:23px; margin-bottom:15px; }
#mediquiz-root .mq-topic-count { color:var(--accent); font-size:9px; font-weight:900; letter-spacing:.12em; }
#mediquiz-root .mq-topic h3 { font-size:15px; margin:8px 0 6px; }
#mediquiz-root .mq-topic p { color:#8294a0; font-size:11px; line-height:1.45; padding-right:8px; }
#mediquiz-root .mq-topic-arrow { position:absolute; right:18px; bottom:14px; font-size:19px; color:var(--accent); }
#mediquiz-root .mq-bottom-band { background:#e8f2f1; border:1px solid #d9eae8; border-radius:16px; margin-top:34px; display:flex; align-items:center; gap:20px; padding:19px 24px; }
#mediquiz-root .mq-band-icon { background:#cde8e3; width:45px; height:45px; display:grid; place-items:center; border-radius:12px; color:#16877e; font-size:24px; flex:none; }
#mediquiz-root .mq-bottom-band h3 { font-size:15px; margin-bottom:4px; }
#mediquiz-root .mq-bottom-band p { color:#6d8790; font-size:11px; }
#mediquiz-root .mq-outline { border:1px solid #83c6bb; color:#137a73; border-radius:9px; background:transparent; padding:11px 15px; font-weight:800; font-size:12px; white-space:nowrap; margin-left:auto; }
#mediquiz-root .mq-bank-intro,#mediquiz-root .mq-progress-intro { padding:18px 0 25px; }
#mediquiz-root .mq-bank-intro h2,#mediquiz-root .mq-progress-intro h2 { color:var(--navy); font-size:29px; margin-bottom:10px; }
#mediquiz-root .mq-bank-intro p,#mediquiz-root .mq-progress-intro p { color:var(--muted); max-width:700px; }
#mediquiz-root .mq-filters { display:flex; gap:12px; flex-wrap:wrap; margin:8px 0 22px; }
#mediquiz-root .mq-search,#mediquiz-root .mq-select { border:1px solid #dce7ec; background:#fff; border-radius:10px; color:var(--ink); height:46px; padding:0 14px; outline-color:#19aaa0; }
#mediquiz-root .mq-search { flex:2 1 250px; }
#mediquiz-root .mq-select { flex:1 1 160px; }
#mediquiz-root .mq-bank-list { background:#fff; border-radius:15px; border:1px solid var(--line); overflow:hidden; }
#mediquiz-root .mq-list-head { display:flex; justify-content:space-between; align-items:center; padding:15px 22px; color:#7b90a0; font-size:12px; border-bottom:1px solid var(--line); }
#mediquiz-root .mq-small { padding:9px 13px; }
#mediquiz-root .mq-question-row { border:0; border-bottom:1px solid var(--line); background:#fff; width:100%; text-align:left; display:flex; align-items:center; padding:18px 22px; gap:18px; color:var(--ink); }
#mediquiz-root .mq-question-row:last-child { border:0; }
#mediquiz-root .mq-question-row:hover { background:#f6faf9; }
#mediquiz-root .mq-row-number { color:#1ca99e; font-weight:800; font-size:18px; }
#mediquiz-root .mq-row-copy { flex:1; min-width:0; display:flex; flex-direction:column; gap:5px; }
#mediquiz-root .mq-row-meta { font-size:10px; font-weight:700; color:#8b9faa; text-transform:uppercase; letter-spacing:.07em; }
#mediquiz-root .mq-row-copy strong { font-size:13px; font-weight:700; }
#mediquiz-root .mq-row-action { color:#13a699; font-size:20px; }
#mediquiz-root .mq-empty { padding:26px; color:#7a8e9d; }
#mediquiz-root .mq-quiz-top { display:flex; justify-content:space-between; align-items:center; color:#738b99; font-size:11px; font-weight:800; letter-spacing:.08em; margin-bottom:17px; }
#mediquiz-root .mq-back { background:none; border:0; color:#487180; font-weight:700; font-size:13px; padding:0; }
#mediquiz-root .mq-progress-track { height:6px; border-radius:4px; background:#dce9e9; overflow:hidden; margin-bottom:24px; }
#mediquiz-root .mq-progress-track span { display:block; height:100%; background:#25b8a8; transition:width .2s; }
#mediquiz-root .mq-quiz-layout { display:grid; grid-template-columns:minmax(0,1fr) 235px; gap:20px; align-items:start; }
#mediquiz-root .mq-quiz-card,#mediquiz-root .mq-quiz-side { border:1px solid var(--line); background:#fff; border-radius:16px; padding:30px; }
#mediquiz-root .mq-quiz-side { padding:23px; }
#mediquiz-root .mq-question-label { color:#1b9c93; text-transform:uppercase; font-weight:800; font-size:10px; letter-spacing:.12em; margin-bottom:15px; }
#mediquiz-root .mq-quiz-card h2 { font-size:23px; color:#173e52; white-space:pre-line; line-height:1.4; margin-bottom:22px; }
#mediquiz-root .mq-options { display:flex; flex-direction:column; gap:10px; }
#mediquiz-root .mq-option { text-align:left; display:flex; gap:14px; align-items:flex-start; background:#fff; color:#2f5262; border:1px solid #e1e9ed; border-radius:10px; padding:14px; font-size:14px; }
#mediquiz-root .mq-option:hover,#mediquiz-root .mq-option.selected { border-color:#3bb8ac; background:#f0faf8; }
#mediquiz-root .mq-option.correct { border-color:#28ac86; background:#e8f9f1; }
#mediquiz-root .mq-option.incorrect { border-color:#de8276; background:#fff1ef; }
#mediquiz-root .mq-option-mark { font-size:19px; color:#4fb7a9; line-height:1; }
#mediquiz-root .mq-cloze { width:100%; border:1px solid #bddad8; border-radius:10px; padding:15px; outline-color:#18ad9f; }
#mediquiz-root .mq-feedback { margin-top:22px; padding:19px; border-radius:12px; border:1px solid; }
#mediquiz-root .mq-feedback.is-right { background:#edf9f4; border-color:#bce6d0; }
#mediquiz-root .mq-feedback.is-wrong { background:#fff5f1; border-color:#eed4c5; }
#mediquiz-root .mq-feedback strong { font-size:15px; }
#mediquiz-root .mq-feedback p { margin-top:9px; color:#4b6674; font-size:13px; }
#mediquiz-root .mq-source { display:inline-block; margin-top:12px; color:#108d82; font-size:12px; font-weight:800; }
#mediquiz-root .mq-quiz-actions { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:25px; }
#mediquiz-root .mq-quiz-helper { color:#9aaab3; font-size:11px; }
#mediquiz-root .mq-side-card-title { font-size:10px; color:#8da0ad; font-weight:800; letter-spacing:.1em; }
#mediquiz-root .mq-side-card-num { color:#1c9d94; font:800 31px Manrope; margin:10px 0; }
#mediquiz-root .mq-quiz-side p { color:#8499a4; font-size:12px; }
#mediquiz-root .mq-dots { display:flex; gap:5px; flex-wrap:wrap; margin-top:24px; }
#mediquiz-root .mq-dots span { width:10px; height:10px; background:#dbe7e9; border-radius:50%; }
#mediquiz-root .mq-dots .done { background:#49ba9e; }
#mediquiz-root .mq-dots .now { background:#1b7786; }
#mediquiz-root .mq-result { background:#fff; border:1px solid var(--line); border-radius:18px; padding:45px 25px; text-align:center; }
#mediquiz-root .mq-result-orb { width:150px; height:150px; border-radius:50%; display:grid; place-items:center; margin:20px auto; background:radial-gradient(circle at 30% 30%,#e7faf3,#94dbcf); color:#136b69; font:800 37px Manrope; }
#mediquiz-root .mq-result h2 { font-size:24px; color:var(--navy); }
#mediquiz-root .mq-result p { color:var(--muted); margin:12px auto 24px; }
#mediquiz-root .mq-result-actions { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; }
#mediquiz-root .mq-result-actions .mq-outline { margin:0; }
#mediquiz-root .mq-review { margin-top:26px; background:#fff; border:1px solid var(--line); border-radius:15px; padding:24px; display:flex; flex-direction:column; gap:12px; }
#mediquiz-root .mq-review h3 { font-size:17px; margin-bottom:5px; }
#mediquiz-root .mq-review-row { border-top:1px solid var(--line); padding-top:13px; }
#mediquiz-root .mq-review-row strong { font-size:13px; }
#mediquiz-root .mq-review-row p { color:#78909b; font-size:12px; margin-top:7px; }
#mediquiz-root .mq-option-reasons { display:grid; gap:8px; margin:16px 0 12px; }
#mediquiz-root .mq-option-reasons>strong { font-size:13px; color:#23495b; }
#mediquiz-root .mq-reason-row { display:grid; grid-template-columns:minmax(112px,145px) minmax(0,1fr); gap:8px; padding:9px 11px; border-radius:8px; background:#ffffffb8; border:1px solid #dfe9ed; color:#496473; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
#mediquiz-root .mq-reason-label { font-weight:800; color:#23566a; }
#mediquiz-root .mq-review-status { display:block; margin-bottom:8px; font-size:11px; font-weight:800; }
#mediquiz-root .mq-review-status.is-right { color:#278564; }
#mediquiz-root .mq-review-status.is-wrong { color:#bf684c; }
#mediquiz-root .mq-review-row .mq-source { display:inline-block; margin-top:8px; }
@media(max-width:500px) { #mediquiz-root .mq-reason-row { grid-template-columns:1fr; gap:3px; } }
#mediquiz-root .mq-review-link { text-align:left; border:1px solid var(--line); border-radius:8px; background:#f9fbfb; padding:12px; color:#256373; }
#mediquiz-root .mq-progress-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
#mediquiz-root .mq-progress-cards>div { display:flex; flex-direction:column; background:#fff; padding:25px; border-radius:14px; border:1px solid var(--line); }
#mediquiz-root .mq-progress-cards strong { font:800 28px Manrope; color:#167b77; }
#mediquiz-root .mq-progress-cards span { color:#8194a0; font-size:12px; }
#mediquiz-root .mq-login-link { display:inline-block; margin:18px 0; color:#11897d; font-weight:800; font-size:13px; }
#mediquiz-root .mq-mobile-nav { display:none; }
@media(max-width:1250px) {#mediquiz-root .mq-topic-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } #mediquiz-root .mq-hero { grid-template-columns:58% 42%; } #mediquiz-root .mq-art-card { left:16%; }}
@media(max-width:960px) {#mediquiz-root .mq-layout { grid-template-columns:1fr; } #mediquiz-root .mq-side { display:none; } #mediquiz-root .mq-mobile-nav { display:flex; position:sticky; bottom:0; z-index:20; height:69px; background:#fff; border-top:1px solid var(--line); justify-content:space-around; align-items:center; box-shadow:0 -8px 25px #1a46520b; } #mediquiz-root .mq-mobile-nav button { border:0; background:transparent; color:#91a2aa; white-space:pre-line; font-size:12px; font-weight:800; line-height:1.4; min-width:90px; } #mediquiz-root .mq-mobile-nav button.active { color:#088e81; }}
@media(max-width:700px) {#mediquiz-root .mq-header { height:74px; padding:12px 20px; } #mediquiz-root .mq-header h1 { font-size:16px; } #mediquiz-root .mq-header .mq-kicker { font-size:8px; } #mediquiz-root .mq-live { font-size:9px; } #mediquiz-root .mq-content { padding:18px 15px 50px; } #mediquiz-root .mq-hero { grid-template-columns:1fr; border-radius:16px; min-height:0; } #mediquiz-root .mq-hero-copy { padding:30px 25px 20px; } #mediquiz-root .mq-hero h2 { font-size:29px; } #mediquiz-root .mq-hero p { font-size:12px; line-height:1.6; } #mediquiz-root .mq-hero-art { min-height:200px; } #mediquiz-root .mq-art-card { transform:rotate(-7deg) scale(.68); transform-origin:top left; top:6px; left:32%; } #mediquiz-root .mq-orbit { left:10%; top:-120px; } #mediquiz-root .mq-art-chip { font-size:8px; } #mediquiz-root .chip-a { top:16px; left:6%; } #mediquiz-root .chip-b { top:110px; right:6%; } #mediquiz-root .chip-c { bottom:15px; left:10%; } #mediquiz-root .mq-stats { grid-template-columns:repeat(2,1fr); margin:14px 0 30px; } #mediquiz-root .mq-stat { padding:14px 17px; } #mediquiz-root .mq-stat:nth-child(2) { border-right:0; } #mediquiz-root .mq-stat:nth-child(-n+2) { border-bottom:1px solid var(--line); } #mediquiz-root .mq-stat strong { font-size:20px; } #mediquiz-root .mq-section-header h2 { font-size:21px; } #mediquiz-root .mq-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #mediquiz-root .mq-topic { padding:15px; min-height:190px; } #mediquiz-root .mq-topic h3 { font-size:14px; } #mediquiz-root .mq-topic p { font-size:10px; } #mediquiz-root .mq-bottom-band { flex-wrap:wrap; padding:17px; } #mediquiz-root .mq-bottom-band .mq-outline { margin-left:0; } #mediquiz-root .mq-bank-intro h2,#mediquiz-root .mq-progress-intro h2 { font-size:23px; } #mediquiz-root .mq-quiz-layout { grid-template-columns:1fr; } #mediquiz-root .mq-quiz-side { display:none; } #mediquiz-root .mq-quiz-card { padding:20px; } #mediquiz-root .mq-quiz-card h2 { font-size:19px; } #mediquiz-root .mq-quiz-actions { flex-wrap:wrap; } #mediquiz-root .mq-quiz-actions .mq-primary { width:100%; } #mediquiz-root .mq-progress-cards { gap:8px; } #mediquiz-root .mq-progress-cards>div { padding:14px; } #mediquiz-root .mq-progress-cards strong { font-size:22px; }}
@media(max-width:390px) {#mediquiz-root .mq-header .mq-live { display:none; } #mediquiz-root .mq-topic-grid { grid-template-columns:1fr 1fr; } #mediquiz-root .mq-topic { min-height:204px; } #mediquiz-root .mq-list-head { flex-wrap:wrap; gap:8px; }}
@media(prefers-reduced-motion:reduce) {#mediquiz-root * { scroll-behavior:auto!important; transition:none!important; }}

/* v0.2: own the viewport when WordPress embeds the shortcode in a constrained theme. */
body.medtest-surface { margin:0!important; padding:0!important; max-width:none!important; overflow-x:hidden!important; background:#f5f8fa; }
body.medtest-surface > :not(#mediquiz-root):not(#wpadminbar):not(script):not(style) { display:none!important; }
body.medtest-surface.admin-bar #mediquiz-root { padding-top:0; }
#mediquiz-root { display:block; width:100%!important; max-width:100%!important; margin:0!important; min-width:0; overflow-x:clip; }
#mediquiz-root .mq-layout { max-width:none; grid-template-columns:232px minmax(0,1fr); min-width:0; }
#mediquiz-root .mq-side { position:sticky; top:0; height:100vh; min-width:0; overflow-y:auto; padding:24px 15px; }
body.admin-bar #mediquiz-root .mq-side { top:32px; height:calc(100vh - 32px); }
#mediquiz-root .mq-brand { padding:3px 11px 25px; }
#mediquiz-root .mq-brand img { width:min(185px,100%); }
#mediquiz-root .mq-nav { display:flex; align-items:center; gap:12px; padding:12px 13px; white-space:normal; }
#mediquiz-root .mq-nav-icon { width:23px; display:inline-block; text-align:center; font-size:19px; line-height:1; flex:none; }
#mediquiz-root .mq-specialty-select { padding:24px 10px 0; }
#mediquiz-root .mq-specialty-select label { display:block; color:#9aabb6; font-size:10px; font-weight:800; letter-spacing:.14em; margin-bottom:11px; }
#mediquiz-root .mq-specialty-select select { display:block; width:100%; min-width:0; height:44px; border-radius:10px; border:1px solid #dbe9e8; background:#f3f9f8; color:#136e6c; padding:0 8px; font-weight:800; font-size:12px; }
#mediquiz-root .mq-side-foot { margin-top:auto!important; }
#mediquiz-root .mq-main { width:100%; min-width:0; }
#mediquiz-root .mq-header { height:86px; min-width:0; padding:16px clamp(22px,3vw,46px); }
#mediquiz-root .mq-header-title { min-width:0; }
#mediquiz-root .mq-mobile-logo { display:none; }
#mediquiz-root .mq-header h1 { overflow-wrap:anywhere; }
#mediquiz-root .mq-tabs { display:flex; align-items:center; gap:4px; background:white; padding:0 clamp(22px,3vw,46px); border-bottom:1px solid #e7edf1; overflow-x:auto; scrollbar-width:thin; }
#mediquiz-root .mq-tab { display:flex; align-items:center; gap:7px; padding:14px 16px; background:transparent; border:0; border-bottom:3px solid transparent; color:#78909d; white-space:nowrap; font-size:12px; font-weight:800; }
#mediquiz-root .mq-tab.active { color:#0d8c82; border-bottom-color:#20b3a6; }
#mediquiz-root .mq-tab .mq-nav-icon { font-size:16px; }
#mediquiz-root .mq-content { width:100%; max-width:1500px; min-width:0; padding:30px clamp(22px,3vw,46px) 65px; }
#mediquiz-root .mq-hero { min-width:0; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); }
#mediquiz-root .mq-hero-copy { min-width:0; padding-left:clamp(26px,3.4vw,53px); }
#mediquiz-root .mq-hero h2 { white-space:pre-line; overflow-wrap:anywhere; }
#mediquiz-root .mq-hero-art { min-width:0; overflow:hidden; }
#mediquiz-root .mq-art-card { left:20%; }
#mediquiz-root .mq-stats { margin-bottom:34px; }
#mediquiz-root .mq-action-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:37px; }
#mediquiz-root .mq-action-card { min-width:0; text-align:left; display:flex; flex-direction:column; align-items:flex-start; padding:21px; min-height:170px; background:#fff; border:1px solid #e1ebee; border-radius:15px; color:#173b50; box-shadow:0 7px 20px #204b5d08; }
#mediquiz-root .mq-action-card:hover,#mediquiz-root .mq-specialty-card:hover { border-color:#81cbbf; transform:translateY(-2px); }
#mediquiz-root .mq-action-icon { display:grid; place-items:center; width:37px; height:37px; color:#138e85; background:#e7f6f2; border-radius:10px; font-size:20px; margin-bottom:13px; }
#mediquiz-root .mq-action-card h3 { font-size:15px; margin-bottom:7px; }
#mediquiz-root .mq-action-card p { color:#80929f; font-size:11px; line-height:1.5; }
#mediquiz-root .mq-action-link { color:#168d81; margin-top:auto; padding-top:12px; font-size:11px; font-weight:800; }
#mediquiz-root .mq-specialty-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:30px; }
#mediquiz-root .mq-specialty-card { position:relative; min-width:0; min-height:167px; text-align:left; display:flex; flex-direction:column; align-items:flex-start; padding:19px; background:#fff; border:1px solid #e4ecf0; border-radius:15px; color:#1b3d50; transition:.2s; }
#mediquiz-root .mq-specialty-card.selected { background:linear-gradient(140deg,#f2fbf8,#fff); border-color:#71c7b8; }
#mediquiz-root .mq-specialty-icon { color:#139b93; font-size:26px; line-height:1; margin-bottom:12px; }
#mediquiz-root .mq-specialty-tag { color:#16988c; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
#mediquiz-root .mq-specialty-card h3 { font-size:15px; margin:7px 0; overflow-wrap:anywhere; }
#mediquiz-root .mq-specialty-card p { color:#8a9ca7; font-size:11px; padding-right:12px; }
#mediquiz-root .mq-card-arrow { position:absolute; right:17px; bottom:13px; color:#1da69b; font-size:17px; }
#mediquiz-root .mq-page-intro { margin:5px 0 26px; }
#mediquiz-root .mq-page-intro h2 { color:#102f46; font-size:clamp(23px,2.4vw,30px); margin-bottom:10px; }
#mediquiz-root .mq-page-intro p { color:#738b99; font-size:13px; }
#mediquiz-root .mq-empty-panel { background:#fff; border:1px dashed #bfd8db; border-radius:14px; padding:22px; color:#77909d; font-size:13px; }
#mediquiz-root .mq-topic-grid { grid-template-columns:repeat(5,minmax(0,1fr)); margin-bottom:34px; }
#mediquiz-root .mq-exam-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-bottom:20px; }
#mediquiz-root .mq-exam-card { min-width:0; display:flex; flex-direction:column; align-items:flex-start; padding:24px; min-height:225px; background:linear-gradient(150deg,#fff,#f1f9f8); border:1px solid #daeae8; border-radius:16px; }
#mediquiz-root .mq-exam-icon { font-size:29px; color:#158e88; margin-bottom:14px; }
#mediquiz-root .mq-exam-card h3 { font-size:18px; margin:4px 0 8px; }
#mediquiz-root .mq-exam-card p { color:#7d919b; font-size:12px; }
#mediquiz-root .mq-exam-card .mq-primary { margin-top:auto; }
#mediquiz-root .mq-quiz-layout { grid-template-columns:minmax(0,1fr) minmax(190px,235px); }
#mediquiz-root .mq-quiz-card,#mediquiz-root .mq-quiz-side { min-width:0; overflow-wrap:anywhere; }
#mediquiz-root .mq-quiz-top .mq-time { margin-left:auto; margin-right:22px; font-variant-numeric:tabular-nums; }
#mediquiz-root .mq-question-row { min-width:0; }
#mediquiz-root .mq-row-copy strong { overflow-wrap:anywhere; }
#mediquiz-root .mq-quiz-card h2 { overflow-wrap:anywhere; }
@media(max-width:1250px) {
  #mediquiz-root .mq-topic-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #mediquiz-root .mq-specialty-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #mediquiz-root .mq-art-card { left:10%; }
}
@media(max-width:980px) {
  #mediquiz-root .mq-mobile-logo { display:block; width:38px; height:38px; flex:none; }
  #mediquiz-root .mq-layout { grid-template-columns:minmax(0,1fr); }
  #mediquiz-root .mq-side { display:none; }
  #mediquiz-root .mq-tabs { display:none; }
  #mediquiz-root .mq-mobile-nav { display:grid; position:fixed; left:0; right:0; bottom:0; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; height:70px; }
  #mediquiz-root .mq-mobile-nav button.mq-mobile-item { min-width:0; width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; background:none; border:0; color:#91a2aa; font-size:10px; font-weight:800; white-space:nowrap; }
  #mediquiz-root .mq-mobile-item.active { color:#078e82; }
  #mediquiz-root .mq-mobile-item .mq-nav-icon { font-size:21px; }
  #mediquiz-root .mq-content { padding-bottom:96px; }
}
@media(max-width:720px) {
  #mediquiz-root .mq-header { height:70px; padding:12px 16px; }
  #mediquiz-root .mq-header .mq-kicker { font-size:8px; }
  #mediquiz-root .mq-header h1 { font-size:17px; }
  #mediquiz-root .mq-content { padding:18px 15px 96px; }
  #mediquiz-root .mq-hero { grid-template-columns:minmax(0,1fr); }
  #mediquiz-root .mq-hero-copy { padding:28px 22px 14px; }
  #mediquiz-root .mq-hero-art { min-height:188px; }
  #mediquiz-root .mq-art-card { left:32%; top:0; }
  #mediquiz-root .mq-action-grid { grid-template-columns:minmax(0,1fr); gap:10px; margin-bottom:30px; }
  #mediquiz-root .mq-action-card { min-height:110px; padding:15px 17px 15px 67px; position:relative; }
  #mediquiz-root .mq-action-icon { position:absolute; left:16px; top:20px; }
  #mediquiz-root .mq-action-link { padding-top:8px; }
  #mediquiz-root .mq-specialty-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #mediquiz-root .mq-specialty-card { min-height:165px; padding:14px; }
  #mediquiz-root .mq-exam-grid { grid-template-columns:minmax(0,1fr); gap:12px; }
  #mediquiz-root .mq-exam-card { min-height:165px; }
  #mediquiz-root .mq-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #mediquiz-root .mq-quiz-layout { grid-template-columns:minmax(0,1fr); }
  #mediquiz-root .mq-quiz-side { display:none; }
}
@media(max-width:380px) {
  #mediquiz-root .mq-live { display:none; }
  #mediquiz-root .mq-mobile-item { font-size:9px; }
  #mediquiz-root .mq-mobile-item .mq-nav-icon { font-size:19px; }
  #mediquiz-root .mq-hero-actions { gap:4px; }
  #mediquiz-root .mq-hero-actions button { font-size:11px; }
}

/* Quiet, landscape cards and a consistent reading scale across viewports. */
#mediquiz-root { font-size:16px; line-height:1.55; }
#mediquiz-root .mq-kicker,#mediquiz-root .mq-eyebrow { font-size:12px; letter-spacing:.06em; }
#mediquiz-root .mq-nav,#mediquiz-root .mq-tab { font-size:14px; }
#mediquiz-root .mq-page-intro p,#mediquiz-root .mq-hero p { font-size:16px; }
#mediquiz-root .mq-section-header h2 { font-size:clamp(21px,2vw,27px); }
#mediquiz-root .mq-topic-grid,#mediquiz-root .mq-specialty-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#mediquiz-root .mq-topic,#mediquiz-root .mq-specialty-card {
  display:flex; flex-direction:row; align-items:center; gap:16px; min-height:104px;
  padding:18px 20px; overflow:hidden; isolation:isolate;
  background:linear-gradient(115deg,#fff 0%,#fff 66%,#f5f9f8 100%);
  border:1px solid #dfe8e9; border-radius:17px; box-shadow:0 8px 20px #173f5208;
}
#mediquiz-root .mq-topic::before,#mediquiz-root .mq-specialty-card::before {
  content:''; position:absolute; width:126px; height:126px; right:-38px; top:-72px;
  border:1px solid #dce9e7; border-radius:50%; box-shadow:0 0 0 22px #edf5f233; z-index:-1;
}
#mediquiz-root .mq-topic:hover,#mediquiz-root .mq-specialty-card:hover { transform:translateY(-2px); border-color:#75ada5; box-shadow:0 12px 25px #173f5212; }
#mediquiz-root .mq-topic-icon,#mediquiz-root .mq-specialty-icon {
  flex:none; width:54px; height:54px; margin:0; display:grid; place-items:center;
  border:1px solid #d1e3df; border-radius:15px; background:#eef6f3;
  color:#176b6c; font-size:27px;
}
#mediquiz-root .mq-card-copy { min-width:0; flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
#mediquiz-root .mq-topic-count,#mediquiz-root .mq-specialty-tag { color:#387a78; font-size:12px; font-weight:700; letter-spacing:0; text-transform:none; }
#mediquiz-root .mq-topic h3,#mediquiz-root .mq-specialty-card h3 { margin:0; font-size:18px; color:#173b4d; }
#mediquiz-root .mq-card-description { color:#667e89; font-size:14px; line-height:1.45; }
#mediquiz-root .mq-topic-arrow,#mediquiz-root .mq-card-arrow { position:static; flex:none; margin-left:auto; color:#357c78; font-size:22px; }
#mediquiz-root .mq-specialty-card.selected { background:linear-gradient(115deg,#f1f8f6,#fff 75%); border-color:#76aaa3; }
#mediquiz-root .mq-action-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
#mediquiz-root .mq-action-card { min-height:128px; padding:19px 18px 18px 68px; position:relative; background:linear-gradient(125deg,#fff 65%,#f4f8f7); }
#mediquiz-root .mq-action-icon { position:absolute; left:18px; top:23px; margin:0; color:#176b6c; background:#edf5f2; }
#mediquiz-root .mq-action-card h3 { font-size:17px; }
#mediquiz-root .mq-action-card p,#mediquiz-root .mq-action-link { font-size:14px; }
#mediquiz-root .mq-exam-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
#mediquiz-root .mq-exam-card {
  min-height:112px; display:flex; flex-direction:row; align-items:center; gap:15px;
  padding:18px 20px; background:linear-gradient(115deg,#fff 0%,#fff 70%,#f3f8f6 100%);
  border:1px solid #dfe8e9; box-shadow:0 8px 20px #173f5208;
}
#mediquiz-root .mq-exam-icon { flex:none; width:50px; height:50px; margin:0; display:grid; place-items:center; border:1px solid #d1e3df; border-radius:15px; background:#eef6f3; color:#176b6c; font-size:25px; }
#mediquiz-root .mq-exam-copy { min-width:0; flex:1; }
#mediquiz-root .mq-exam-card h3 { margin:0 0 4px; font-size:17px; }
#mediquiz-root .mq-exam-card p { margin:0; font-size:14px; }
#mediquiz-root .mq-exam-card .mq-primary { flex:none; margin:0; white-space:nowrap; }
#mediquiz-root .mq-stat span,#mediquiz-root .mq-row-copy strong,#mediquiz-root .mq-review-row strong { font-size:15px; }
#mediquiz-root .mq-row-meta,#mediquiz-root .mq-list-head,#mediquiz-root .mq-quiz-side p,#mediquiz-root .mq-feedback p,#mediquiz-root .mq-review-row p,#mediquiz-root .mq-reason-row,#mediquiz-root .mq-source,#mediquiz-root .mq-quiz-helper { font-size:14px; }
#mediquiz-root .mq-quiz-card h2 { font-size:clamp(20px,2vw,25px); line-height:1.43; }
#mediquiz-root .mq-option { font-size:16px; line-height:1.5; padding:16px 18px; gap:14px; transition:background .15s,border-color .15s,box-shadow .15s; }
#mediquiz-root .mq-option:hover { border-color:#64aaa0; background:#f4faf8; }
#mediquiz-root .mq-option.selected { border:2px solid #137b6f; background:#d9f3e9; color:#123f3e; box-shadow:inset 4px 0 #148977,0 0 0 2px #d9eee8; padding:15px 17px; }
#mediquiz-root .mq-option-mark { width:24px; height:24px; flex:none; display:grid; place-items:center; border:2px solid #88a5aa; border-radius:50%; color:transparent; font-size:17px; font-weight:900; line-height:1; }
#mediquiz-root .mq-option.selected .mq-option-mark { border-color:#116f64; background:#116f64; color:white; }
#mediquiz-root .mq-option.correct { border-color:#249a76; background:#e1f5e9; }
#mediquiz-root .mq-option.incorrect { border-color:#c87968; background:#fff1ec; box-shadow:inset 4px 0 #c87968; }
#mediquiz-root .mq-option:focus-visible,#mediquiz-root .mq-topic:focus-visible,#mediquiz-root .mq-specialty-card:focus-visible { outline:3px solid #327f78; outline-offset:3px; }
#mediquiz-root .mq-primary,#mediquiz-root .mq-outline,#mediquiz-root .mq-link { font-size:14px; }
#mediquiz-root .mq-reason-row { grid-template-columns:minmax(110px,150px) minmax(0,1fr); }
@media(max-width:1100px) {
  #mediquiz-root .mq-action-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  #mediquiz-root .mq-content { padding:20px 16px 96px; }
  #mediquiz-root .mq-header .mq-kicker { font-size:11px; }
  #mediquiz-root .mq-hero p { font-size:15px; }
  #mediquiz-root .mq-topic-grid,#mediquiz-root .mq-specialty-grid,#mediquiz-root .mq-action-grid,#mediquiz-root .mq-exam-grid { grid-template-columns:minmax(0,1fr); gap:10px; }
  #mediquiz-root .mq-topic,#mediquiz-root .mq-specialty-card { min-height:94px; padding:14px 15px; gap:13px; }
  #mediquiz-root .mq-topic-icon,#mediquiz-root .mq-specialty-icon { width:46px; height:46px; font-size:23px; }
  #mediquiz-root .mq-topic h3,#mediquiz-root .mq-specialty-card h3 { font-size:17px; }
  #mediquiz-root .mq-card-description { font-size:13px; }
  #mediquiz-root .mq-action-card { min-height:105px; padding:16px 15px 15px 66px; }
  #mediquiz-root .mq-action-icon { left:16px; top:18px; }
  #mediquiz-root .mq-exam-card { min-height:102px; padding:14px 15px; gap:12px; }
  #mediquiz-root .mq-exam-icon { width:44px; height:44px; font-size:22px; }
  #mediquiz-root .mq-exam-card .mq-primary { padding:10px 12px; }
  #mediquiz-root .mq-quiz-card { padding:21px 17px; }
  #mediquiz-root .mq-quiz-card h2 { font-size:21px; }
  #mediquiz-root .mq-option { font-size:16px; }
  #mediquiz-root .mq-reason-row { grid-template-columns:minmax(0,1fr); }
  #mediquiz-root .mq-mobile-nav button.mq-mobile-item { font-size:11px; }
}
@media(max-width:460px) {
  #mediquiz-root .mq-exam-card { flex-wrap:wrap; }
  #mediquiz-root .mq-exam-card .mq-primary { width:100%; }
}

/* MedTest v0.4.20 · dashboard-first layout. Scopes avoid theme/plugin collisions. */
#mediquiz-root { --navy:#193750;--ink:#1c3545;--muted:#667f8f;--teal:#117c75;--line:#dfeae9;--paper:#f4f8fa; }
#mediquiz-root .mq-main { background:#f6f9fb; }
#mediquiz-root .mq-content { max-width:1540px; padding-top:24px; }
#mediquiz-root .mq-header { height:72px; }
#mediquiz-root .mq-header h1 { font-size:20px; }
#mediquiz-root .mq-tabs { background:#fff; }
#mediquiz-root .mq-account-button { display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #bfdcd6;background:#f4faf8;color:#155951;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:800;text-decoration:none; }
#mediquiz-root .mq-account-button:hover { background:#e4f4ef; }
#mediquiz-root .mq-dashboard-hero { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.7fr);gap:25px;align-items:stretch;padding:26px 30px 26px 37px;border-radius:22px;background:linear-gradient(110deg,#153d51 0%,#134c59 57%,#176761 100%);box-shadow:0 12px 30px #1c4c5720;color:white;position:relative;overflow:hidden; }
#mediquiz-root .mq-dashboard-hero:before { content:'';position:absolute;right:14%;top:-180px;width:440px;height:440px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#71dec323,transparent 68%); }
#mediquiz-root .mq-dashboard-welcome,#mediquiz-root .mq-dashboard-focus { position:relative;z-index:1; }
#mediquiz-root .mq-dashboard-overline { display:block;font-size:10px;font-weight:800;letter-spacing:.15em;color:#9fe3d1;margin-bottom:11px; }
#mediquiz-root .mq-dashboard-welcome h2 { font-size:clamp(25px,2.8vw,39px);line-height:1.18;color:white;white-space:pre-line;max-width:580px; }
#mediquiz-root .mq-dashboard-welcome p { margin:12px 0 0;color:#d1e5e6;font-size:13px;line-height:1.65;max-width:610px; }
#mediquiz-root .mq-dashboard-welcome .mq-primary { background:#81ddc3;color:#15483e; }
#mediquiz-root .mq-dashboard-welcome .mq-primary:hover { background:#a8eedb; }
#mediquiz-root .mq-dashboard-welcome .mq-hero-actions { margin-top:18px;gap:8px; }
#mediquiz-root .mq-dashboard-quiet { padding:12px 13px;background:transparent;border:1px solid #ffffff50;color:#fff;border-radius:9px;font-size:12px;font-weight:700; }
#mediquiz-root .mq-dashboard-focus { background:#ffffff13;border:1px solid #ffffff35;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;color:#fff;min-width:0; }
#mediquiz-root .mq-focus-label { font-size:10px;font-weight:800;letter-spacing:.11em;color:#d3efeb;align-self:flex-start; }
#mediquiz-root .mq-focus-ring { --pct:0%;height:105px;width:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(closest-side,#1b5660 78%,transparent 81%),conic-gradient(#86e6c8 var(--pct),#ffffff32 0); }
#mediquiz-root .mq-focus-ring strong { font-size:27px;line-height:1;color:white; }
#mediquiz-root .mq-focus-ring span { font-size:9px;color:#d3ebe8;margin-top:8px; }
#mediquiz-root .mq-focus-foot { display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;font-size:10px;color:#dbf2ed; }
#mediquiz-root .mq-focus-link { color:#9aedd5;background:transparent;border:0;font-size:10px;font-weight:800;padding:0; }
#mediquiz-root .mq-dashboard-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0 15px; }
#mediquiz-root .mq-metric { position:relative;display:flex;flex-direction:column;min-width:0;gap:3px;padding:19px 19px 17px;border-radius:14px;border:1px solid #e3ecee;background:#fff;box-shadow:0 5px 15px #25536909; }
#mediquiz-root .mq-metric strong { font-size:27px;line-height:1.15;color:#193b4d;font-family:Manrope,system-ui,sans-serif; }
#mediquiz-root .mq-metric-label { font-size:11px;line-height:1.4;color:#728797;font-weight:700;padding-right:25px; }
#mediquiz-root .mq-metric-glyph { position:absolute;right:17px;top:19px;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;font-size:19px; }
#mediquiz-root .mq-metric-teal .mq-metric-glyph { background:#e9f6f1;color:#278a78; }
#mediquiz-root .mq-metric-blue .mq-metric-glyph { background:#ebf3fb;color:#528cc3; }
#mediquiz-root .mq-metric-violet .mq-metric-glyph { background:#f1effb;color:#8476bc; }
#mediquiz-root .mq-metric-amber .mq-metric-glyph { background:#fbf3e6;color:#bc8a42; }
#mediquiz-root .mq-access-band { display:flex;align-items:center;gap:13px;background:#edf5f6;border:1px solid #dbe9eb;border-radius:12px;padding:13px 17px;color:#1c4851;margin-bottom:25px; }
#mediquiz-root .mq-access-symbol { display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:11px;background:#d8eae7;color:#147d76;font-size:21px; }
#mediquiz-root .mq-access-band>div { display:flex;flex:1;flex-direction:column;min-width:0; }
#mediquiz-root .mq-access-band strong { font-size:12px;font-weight:800; }
#mediquiz-root .mq-access-band span:not(.mq-access-symbol) { font-size:11px;color:#738d96; }
#mediquiz-root .mq-access-cta { border:1px solid #95c8bd;color:#165f57;background:#fff;font-size:11px;font-weight:800;padding:9px 13px;border-radius:9px;white-space:nowrap; }
#mediquiz-root .mq-dashboard-split { display:grid;grid-template-columns:minmax(0,1.5fr) minmax(245px,.85fr);gap:17px;margin-bottom:28px; }
#mediquiz-root .mq-dashboard-panel { min-width:0;border:1px solid #e2ebed;background:#fff;border-radius:17px;padding:22px; }
#mediquiz-root .mq-dashboard-panel .mq-section-header { margin-bottom:14px; }
#mediquiz-root .mq-section-overline { display:block;font-size:10px;letter-spacing:.12em;color:#38897d;font-weight:800;margin-bottom:7px; }
#mediquiz-root .mq-section-header { align-items:center;margin-top:5px;margin-bottom:15px; }
#mediquiz-root .mq-section-header h2 { font-size:clamp(17px,1.65vw,22px);color:#1d3d4f; }
#mediquiz-root .mq-dashboard-actions { display:grid;gap:8px; }
#mediquiz-root .mq-dashboard-mode { min-width:0;width:100%;display:flex;align-items:center;text-align:left;gap:13px;border:1px solid #e8eef0;background:#fbfdfd;border-radius:12px;padding:13px;transition:.18s;color:#244353; }
#mediquiz-root .mq-dashboard-mode:hover { border-color:#9ecfc6;background:#f6fbfa; }
#mediquiz-root .mq-mode-icon { flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-size:21px;background:#e9f4f9;color:#4383ae; }
#mediquiz-root .mq-mode-violet .mq-mode-icon { background:#f1effb;color:#887cb9; }
#mediquiz-root .mq-mode-teal .mq-mode-icon { background:#e8f5ee;color:#398d74; }
#mediquiz-root .mq-dashboard-mode>span:nth-child(2) { display:flex;flex-direction:column;min-width:0; }
#mediquiz-root .mq-dashboard-mode strong { font-size:13px; }
#mediquiz-root .mq-dashboard-mode>span:nth-child(2)>span { font-size:11px;color:#78909b;line-height:1.4;margin-top:3px; }
#mediquiz-root .mq-mode-arrow { color:#85a2a6;font-weight:900;margin-left:auto; }
#mediquiz-root .mq-dashboard-current { display:flex;flex-direction:column; }
#mediquiz-root .mq-current-specialty { display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:19px 17px;background:linear-gradient(120deg,#eff8f5,#f8fcfb);border:1px solid #dcefe7;border-radius:14px; }
#mediquiz-root .mq-current-icon { display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e0eee7;color:#2d8c6d;font-size:24px; }
#mediquiz-root .mq-current-name { font-size:17px;font-weight:900;color:#224d54;flex:1; }
#mediquiz-root .mq-current-specialty strong { width:100%;font-size:12px;color:#2b866d; }
#mediquiz-root .mq-current-desc { font-size:12px;color:#728a92;line-height:1.55;margin-top:13px; }
#mediquiz-root .mq-current-change { margin-top:auto;align-self:flex-start;background:transparent;color:#167d70;border:0;padding:17px 0 0;font-size:12px;font-weight:800; }
#mediquiz-root .mq-specialty-grid { grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px; }
#mediquiz-root .mq-specialty-card { min-height:144px;background:#fff;padding:17px 17px 20px;border-color:#e0e9ed;border-radius:14px;box-shadow:0 5px 14px #25536907; }
#mediquiz-root .mq-specialty-card.selected { border-color:#82bdb2;background:#f4fbf8; }
#mediquiz-root .mq-specialty-card .mq-specialty-icon { font-size:23px;margin-bottom:10px; }
#mediquiz-root .mq-specialty-card.mq-specialty-1 .mq-specialty-icon,#mediquiz-root .mq-specialty-card.mq-specialty-1 .mq-specialty-tag { color:#558ebc; }
#mediquiz-root .mq-specialty-card.mq-specialty-2 .mq-specialty-icon,#mediquiz-root .mq-specialty-card.mq-specialty-2 .mq-specialty-tag { color:#b37d98; }
#mediquiz-root .mq-specialty-card.mq-specialty-3 .mq-specialty-icon,#mediquiz-root .mq-specialty-card.mq-specialty-3 .mq-specialty-tag { color:#9c86b5; }
#mediquiz-root .mq-specialty-tag { letter-spacing:0;text-transform:none;font-size:11px;font-weight:800; }
#mediquiz-root .mq-specialty-card h3 { font-size:15px;margin:6px 0; }
#mediquiz-root .mq-card-description { font-size:11px!important;color:#7d919c;line-height:1.5; }
#mediquiz-root .mq-highlight-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px; }
#mediquiz-root .mq-highlight-card { --accent:#408c7a;--tint:#ecf8f3;display:flex;align-items:center;gap:11px;min-width:0;min-height:80px;padding:14px;border:1px solid #e2ebee;border-radius:13px;background:#fff;text-align:left;color:#244657;box-shadow:0 4px 11px #23516808; }
#mediquiz-root .mq-highlight-card:hover { border-color:var(--accent);background:linear-gradient(110deg,#fff,var(--tint)); }
#mediquiz-root .mq-highlight-card.Coral { --accent:#bc796c;--tint:#fff4f0; }
#mediquiz-root .mq-highlight-card.Blue { --accent:#578fb2;--tint:#edf7fc; }
#mediquiz-root .mq-highlight-card.Violet { --accent:#8e78ab;--tint:#f5f1fa; }
#mediquiz-root .mq-highlight-card.Amber { --accent:#b4894c;--tint:#fcf6ec; }
#mediquiz-root .mq-highlight-icon { flex:none;display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--tint);color:var(--accent);font-size:20px; }
#mediquiz-root .mq-highlight-card .mq-card-copy { min-width:0; }
#mediquiz-root .mq-highlight-card h3 { font-size:13px;line-height:1.35;margin-bottom:4px;overflow-wrap:anywhere; }
#mediquiz-root .mq-highlight-card .mq-card-copy>span { font-size:11px;color:#8699a4; }
#mediquiz-root .mq-highlight-arrow { flex:none;color:var(--accent);margin-left:auto;font-weight:800; }
#mediquiz-root .mq-inline-error { padding:15px 18px;background:#fff3ee;border:1px solid #eac0ac;border-radius:12px;color:#8b402d;font-size:13px;margin-bottom:18px; }
#mediquiz-root .mq-modal-backdrop { position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:#102a38b8;backdrop-filter:blur(5px); }
#mediquiz-root .mq-login-modal { position:relative;background:#fff;border-radius:22px;padding:30px;width:min(430px,100%);box-shadow:0 30px 85px #0b2b385e;color:#203d50;max-height:calc(100dvh - 30px);overflow-y:auto; }
#mediquiz-root .mq-login-modal h2 { font-size:25px;margin-bottom:9px; }
#mediquiz-root .mq-login-modal p { font-size:13px;color:#728998;line-height:1.6; }
#mediquiz-root .mq-modal-close { position:absolute;right:15px;top:13px;width:32px;height:32px;border-radius:50%;border:0;background:#f0f4f5;font-size:22px;color:#496573; }
#mediquiz-root .mq-login-form { display:grid;gap:15px;margin-top:21px; }
#mediquiz-root .mq-form-field { display:grid;gap:7px;font-size:12px;font-weight:800;color:#415e6b; }
#mediquiz-root .mq-form-field input { min-height:44px;width:100%;border:1px solid #cddde2;background:#fbfdfd;border-radius:10px;padding:10px 12px;font-size:14px;color:#1c3946; }
#mediquiz-root .mq-form-field input:focus { outline:2px solid #9ee0d1;outline-offset:1px;border-color:#73bdad; }
#mediquiz-root .mq-remember { display:flex;align-items:center;gap:9px;font-size:12px;color:#506e7a; }
#mediquiz-root .mq-login-form .mq-primary { width:100%; }
#mediquiz-root .mq-login-register { display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:19px;padding-top:15px;border-top:1px solid #e6eff0;font-size:12px;color:#8094a0; }
#mediquiz-root .mq-login-register a { color:#137f74;font-weight:800;text-decoration:none; }
#mediquiz-root .mq-form-error { color:#a54236!important;background:#fff1ee;border-radius:9px;padding:10px;margin-top:9px!important; }
@media(max-width:1180px) {
 #mediquiz-root .mq-dashboard-hero { grid-template-columns:minmax(0,1fr) 220px;gap:18px;padding:25px; }
 #mediquiz-root .mq-highlight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #mediquiz-root .mq-dashboard-split { grid-template-columns:minmax(0,1.25fr) minmax(220px,.85fr); }
 #mediquiz-root .mq-specialty-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
 #mediquiz-root .mq-dashboard-hero { grid-template-columns:1fr;padding:24px 20px;gap:18px;border-radius:17px; }
 #mediquiz-root .mq-dashboard-welcome h2 { font-size:28px; }
 #mediquiz-root .mq-dashboard-focus { flex-direction:row;align-items:center;padding:13px 15px;gap:12px; }
 #mediquiz-root .mq-focus-label { display:none; }
 #mediquiz-root .mq-focus-ring { width:75px;height:75px;flex:none; }
 #mediquiz-root .mq-focus-ring strong { font-size:20px; }
 #mediquiz-root .mq-focus-ring span { font-size:8px;margin-top:4px; }
 #mediquiz-root .mq-focus-foot { flex:1;align-items:flex-start;flex-direction:column; }
 #mediquiz-root .mq-dashboard-metrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
 #mediquiz-root .mq-metric { padding:14px 13px;min-height:100px; }
 #mediquiz-root .mq-metric strong { font-size:24px; }
 #mediquiz-root .mq-metric-glyph { right:12px;top:12px;width:29px;height:29px; }
 #mediquiz-root .mq-metric-label { padding-right:0; }
 #mediquiz-root .mq-dashboard-split { grid-template-columns:1fr;gap:12px; }
 #mediquiz-root .mq-dashboard-panel { padding:18px; }
 #mediquiz-root .mq-access-band { flex-wrap:wrap; }
 #mediquiz-root .mq-access-cta { margin-left:48px; }
 #mediquiz-root .mq-highlight-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }
 #mediquiz-root .mq-highlight-card { padding:12px 10px;min-height:88px;gap:8px;align-items:flex-start; }
 #mediquiz-root .mq-highlight-icon { width:28px;height:28px;font-size:16px; }
 #mediquiz-root .mq-highlight-arrow { display:none; }
 #mediquiz-root .mq-header-actions { gap:6px; }
 #mediquiz-root .mq-header .mq-live { display:none; }
 #mediquiz-root .mq-account-button { font-size:11px;padding:8px 10px; }
 #mediquiz-root .mq-section-header { align-items:flex-end; }
 #mediquiz-root .mq-section-header h2 { font-size:19px; }
 #mediquiz-root .mq-link { font-size:11px; }
}
@media(max-width:395px) {
 #mediquiz-root .mq-dashboard-welcome h2 { font-size:25px; }
 #mediquiz-root .mq-dashboard-welcome .mq-hero-actions { align-items:stretch; }
 #mediquiz-root .mq-dashboard-welcome .mq-hero-actions button { flex:1; }
 #mediquiz-root .mq-specialty-grid { grid-template-columns:1fr 1fr; }
 #mediquiz-root .mq-specialty-card { padding:12px;min-height:155px; }
 #mediquiz-root .mq-highlight-grid { grid-template-columns:1fr; }
 #mediquiz-root .mq-highlight-card { min-height:68px;align-items:center; }
}

/* MedTest v0.4.21: refined editorial dashboard palette; all selectors scoped to the app. */
#mediquiz-root{
 --navy:#193955;--ink:#19374b;--muted:#607b8a;--teal:#087d80;--line:#dce8ed;--paper:#f1f6f9;
}
#mediquiz-root .mq-main{background:linear-gradient(170deg,#f0f6fb 0%,#f7f9fc 35%,#f2f7fa 100%)}
#mediquiz-root .mq-content{padding-top:26px}
#mediquiz-root .mq-side{background:#fff;border-right-color:#dce8ed}
#mediquiz-root .mq-nav.active{background:#e5f4f3;color:#086f72;box-shadow:inset 3px 0 #13a2a2}
#mediquiz-root .mq-tabs .mq-tab.active{color:#087d80;border-bottom-color:#087d80}
#mediquiz-root .mq-dashboard-hero{
 background:radial-gradient(ellipse at 91% 12%,#3ba4a233 0%,transparent 43%),
 linear-gradient(114deg,#123553 0%,#165776 54%,#168581 100%);
 box-shadow:0 17px 34px #16445f22;border:1px solid #ffffff20;border-radius:23px;
}
#mediquiz-root .mq-dashboard-hero:before{
 top:auto;right:-120px;bottom:-280px;width:560px;height:560px;
 border:1px solid #ffffff18;background:linear-gradient(150deg,#ffffff0b,#ffffff00);box-shadow:0 0 0 70px #ffffff05,0 0 0 142px #ffffff04;
}
#mediquiz-root .mq-dashboard-overline{letter-spacing:.11em;font-size:10px;color:#b2f0e5}
#mediquiz-root .mq-dashboard-welcome h2{font-size:clamp(28px,2.9vw,42px);font-weight:800;letter-spacing:-.045em}
#mediquiz-root .mq-dashboard-welcome p{font-size:13px;color:#d7e9f0;max-width:570px}
#mediquiz-root .mq-dashboard-welcome .mq-primary{background:#8ae3ce;color:#104d52;border-radius:11px;box-shadow:0 4px 12px #082b2b21}
#mediquiz-root .mq-dashboard-welcome .mq-primary:hover{background:#b7f4e4}
#mediquiz-root .mq-dashboard-quiet{background:#ffffff0b;border:1px solid #c5e8e865;border-radius:11px;color:#f5fffe}
#mediquiz-root .mq-dashboard-quiet:hover{background:#ffffff1a}
#mediquiz-root .mq-dashboard-focus{background:linear-gradient(140deg,#ffffff17,#ffffff09);border:1px solid #bde8e751;box-shadow:inset 0 1px #ffffff1b}
#mediquiz-root .mq-focus-ring{background:radial-gradient(closest-side,#1c6071 78%,transparent 81%),conic-gradient(#98efd7 var(--pct),#ffffff34 0)}
#mediquiz-root .mq-focus-link{color:#b2f9e2}
#mediquiz-root .mq-metric{overflow:hidden;border-radius:16px;box-shadow:0 7px 18px #2249620b;padding:20px 20px 18px;border:1px solid var(--metric-border,#dfe9ed);background:linear-gradient(126deg,#fff 35%,var(--metric-wash,#f3f8fa))}
#mediquiz-root .mq-metric:before{content:'';height:3px;background:var(--metric-accent,#278e8d);position:absolute;top:0;left:0;right:0;opacity:.9}
#mediquiz-root .mq-metric strong{font-size:clamp(24px,2vw,31px);color:#173c51;font-weight:800}
#mediquiz-root .mq-metric-label{color:#526c7b;font-size:12px}
#mediquiz-root .mq-metric-glyph{background:var(--metric-wash,#ecf7f6)!important;color:var(--metric-accent,#218b88)!important;width:37px;height:37px;border-radius:11px;font-size:21px}
#mediquiz-root .mq-metric-teal{--metric-accent:#168b82;--metric-wash:#e6f7f2;--metric-border:#cfe9e2}
#mediquiz-root .mq-metric-blue{--metric-accent:#4385be;--metric-wash:#eaf3fc;--metric-border:#d7e5f5}
#mediquiz-root .mq-metric-violet{--metric-accent:#8272bd;--metric-wash:#f0edfc;--metric-border:#e3def7}
#mediquiz-root .mq-metric-amber{--metric-accent:#be8546;--metric-wash:#fff4e5;--metric-border:#f2e4d1}
#mediquiz-root .mq-access-band{background:#eaf4f6;border:1px solid #cfe4e7;border-left:3px solid #138f94;border-radius:13px;color:#224a5b;padding:13px 17px}
#mediquiz-root .mq-access-symbol{background:#d6eaf0;color:#1b8595}
#mediquiz-root .mq-access-band strong{font-size:13px}
#mediquiz-root .mq-access-band span:not(.mq-access-symbol){font-size:12px;color:#547783}
#mediquiz-root .mq-access-cta{background:#fff;color:#166574;border:1px solid #b4d7dd;text-decoration:none;border-radius:10px}
#mediquiz-root .mq-access-cta:hover{background:#f0f9f9}
#mediquiz-root .mq-access-register{background:#176e7d;border-color:#176e7d;color:#fff!important}
#mediquiz-root .mq-dashboard-panel{border-radius:19px;border-color:#dce7eb;box-shadow:0 6px 18px #1c4b6010;padding:23px}
#mediquiz-root .mq-section-header h2{font-weight:800;color:#193b50;letter-spacing:-.035em}
#mediquiz-root .mq-link{color:#147d85}
#mediquiz-root .mq-dashboard-mode{--mode-accent:#4385ba;--mode-bg:#edf5fd;--mode-line:#d4e6f6;min-height:73px;background:linear-gradient(110deg,var(--mode-bg),#fff 72%);border:1px solid var(--mode-line);padding:12px 15px;border-radius:13px;gap:14px}
#mediquiz-root .mq-mode-violet{--mode-accent:#8775bd;--mode-bg:#f4f0fc;--mode-line:#e6dcf7}
#mediquiz-root .mq-mode-teal{--mode-accent:#168d81;--mode-bg:#edf8f4;--mode-line:#d5eee4}
#mediquiz-root .mq-dashboard-mode:hover{transform:translateX(2px);background:var(--mode-bg);border-color:var(--mode-accent)}
#mediquiz-root .mq-dashboard-mode .mq-mode-icon{background:#ffffffa8;color:var(--mode-accent);border:1px solid var(--mode-line);width:42px;height:42px}
#mediquiz-root .mq-dashboard-mode strong{font-weight:800;color:#193b4f;font-size:14px}
#mediquiz-root .mq-dashboard-mode>span:nth-child(2)>span{color:#5a7785;font-size:12px}
#mediquiz-root .mq-dashboard-mode .mq-mode-arrow{color:var(--mode-accent)}
#mediquiz-root .mq-current-specialty{--sp-accent:#0c8986;--sp-surface:#edf9f5;--sp-border:#d2eae2;background:linear-gradient(120deg,var(--sp-surface),#fff);border:1px solid var(--sp-border);padding:21px 18px;border-radius:15px}
#mediquiz-root .mq-current-icon{background:#ffffffc7;color:var(--sp-accent);border:1px solid var(--sp-border)}
#mediquiz-root .mq-current-name{color:#193d50}
#mediquiz-root .mq-current-specialty strong{color:var(--sp-accent)}
#mediquiz-root .mq-current-desc{color:#587485;font-size:12px;max-width:410px}
#mediquiz-root .mq-current-surgery{--sp-accent:#c26f5f;--sp-surface:#fff2ec;--sp-border:#f5ddd3}
#mediquiz-root .mq-current-obg{--sp-accent:#af668d;--sp-surface:#fff0f6;--sp-border:#f2dce6}
#mediquiz-root .mq-current-pediatrics{--sp-accent:#5282c0;--sp-surface:#edf5ff;--sp-border:#d9e7f8}
#mediquiz-root .mq-current-change{color:var(--teal);font-size:13px}
#mediquiz-root .mq-specialty-card{
 --sp-accent:#0b8a80;--sp-tint:#e8f7f2;--sp-border:#d3e9e1;
 position:relative;background:linear-gradient(125deg,#fff 30%,var(--sp-tint));border:1px solid var(--sp-border);
 border-radius:16px;box-shadow:0 7px 16px #1f53600c;min-height:170px;padding:20px;gap:8px;
}
#mediquiz-root .mq-specialty-card.mq-specialty-internal{--sp-accent:#168c81;--sp-tint:#e6f6f1;--sp-border:#cae8df}
#mediquiz-root .mq-specialty-card.mq-specialty-surgery{--sp-accent:#bd6b5c;--sp-tint:#fff0e9;--sp-border:#f4ddd3}
#mediquiz-root .mq-specialty-card.mq-specialty-obg{--sp-accent:#a95e87;--sp-tint:#ffedf4;--sp-border:#f3d9e5}
#mediquiz-root .mq-specialty-card.mq-specialty-pediatrics{--sp-accent:#477fba;--sp-tint:#ebf3ff;--sp-border:#d8e6f5}
#mediquiz-root .mq-specialty-card.mq-specialty-other{--sp-accent:#6e7bb1;--sp-tint:#f0f1fc;--sp-border:#e0e2f7}
#mediquiz-root .mq-specialty-card.mq-specialty-foundation{--sp-accent:#416ba8;--sp-tint:#eaf4ff;--sp-border:#caddec}
#mediquiz-root .mq-specialty-card:before{top:0;left:0;width:100%;height:3px;background:var(--sp-accent);opacity:.85;border-radius:16px 16px 0 0;right:auto;bottom:auto;border:0;box-shadow:none;z-index:1;pointer-events:none;position:absolute;content:''}
#mediquiz-root .mq-specialty-card.selected{background:linear-gradient(130deg,var(--sp-tint),#fff);border:1.5px solid var(--sp-accent);box-shadow:0 8px 24px #2d718222}
#mediquiz-root .mq-specialty-card:hover{transform:translateY(-3px);border-color:var(--sp-accent);box-shadow:0 13px 26px #1b48601b}
#mediquiz-root .mq-specialty-card .mq-specialty-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;background:#ffffffbd!important;border:1px solid var(--sp-border);border-radius:13px;color:var(--sp-accent)!important;font-size:25px;margin:0}
#mediquiz-root .mq-specialty-card .mq-specialty-tag{color:var(--sp-accent)!important;font-size:12px;font-weight:800}
#mediquiz-root .mq-specialty-card h3{font-size:16px;color:#1b3e50;margin:3px 0 5px}
#mediquiz-root .mq-specialty-card .mq-card-description{font-size:12px!important;color:#5b7785;line-height:1.5}
#mediquiz-root .mq-specialty-card .mq-card-arrow{color:var(--sp-accent)!important}
#mediquiz-root .mq-highlight-card{
 --accent:#218d83;--tint:#edf8f4;--line-tint:#d2eae2;min-height:91px;
 background:linear-gradient(115deg,#fff 25%,var(--tint));border:1px solid var(--line-tint);
 box-shadow:0 6px 13px #1b485c0b;border-radius:14px;padding:15px 16px;
}
#mediquiz-root .mq-highlight-card.Coral{--accent:#bc705e;--tint:#fff1eb;--line-tint:#f4dfd6}
#mediquiz-root .mq-highlight-card.Blue{--accent:#4c85ba;--tint:#edf5ff;--line-tint:#dce9f6}
#mediquiz-root .mq-highlight-card.Violet{--accent:#8a6db5;--tint:#f2effb;--line-tint:#e4def3}
#mediquiz-root .mq-highlight-card.Amber{--accent:#b98542;--tint:#fff5e8;--line-tint:#f4e5d0}
#mediquiz-root .mq-highlight-card.Mint{--accent:#218e82;--tint:#ecf9f3;--line-tint:#d5eee4}
#mediquiz-root .mq-highlight-card:hover{background:var(--tint);border-color:var(--accent);transform:translateY(-2px)}
#mediquiz-root .mq-highlight-icon{width:43px;height:43px;border-radius:12px;background:#ffffffb9;border:1px solid var(--line-tint);font-size:22px}
#mediquiz-root .mq-highlight-card h3{font-size:14px;color:#193d50;font-weight:800}
#mediquiz-root .mq-highlight-card .mq-card-copy>span{color:#5e7886;font-size:12px}
#mediquiz-root .mq-highlight-arrow{font-size:16px}
#mediquiz-root button:focus-visible,#mediquiz-root a:focus-visible,#mediquiz-root select:focus-visible {outline:3px solid #227fbd;outline-offset:3px}
@media(max-width:760px){
 #mediquiz-root .mq-dashboard-hero{padding:24px 20px}
 #mediquiz-root .mq-dashboard-panel{padding:18px}
 #mediquiz-root .mq-specialty-card{min-height:142px;padding:16px}
 #mediquiz-root .mq-highlight-card{min-height:82px;padding:12px}
 #mediquiz-root .mq-access-band{gap:11px}
 #mediquiz-root .mq-access-cta{margin-left:0}
}
@media(max-width:420px){
 #mediquiz-root .mq-specialty-card{min-height:158px;padding:13px}
 #mediquiz-root .mq-specialty-card h3{font-size:15px}
 #mediquiz-root .mq-highlight-grid{grid-template-columns:1fr}
 #mediquiz-root .mq-highlight-card{min-height:72px}
 #mediquiz-root .mq-metric-glyph{width:29px;height:29px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){#mediquiz-root .mq-dashboard-mode,#mediquiz-root .mq-specialty-card,#mediquiz-root .mq-highlight-card{transition:none}}

/* v0.4.22: faster global dashboard, readable typography and illustration-like hero */
#mediquiz-root{font-size:16px}
#mediquiz-root .mq-dashboard-hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);min-height:330px;align-items:center;gap:24px;padding:clamp(26px,3.2vw,47px);background:radial-gradient(ellipse at 76% 12%,#57cfc033 0%,transparent 50%),linear-gradient(123deg,#123e5b 0%,#126b7c 54%,#188d81 100%);border-radius:26px}
#mediquiz-root .mq-dashboard-hero:before{width:470px;height:470px;bottom:-315px;right:-125px}
#mediquiz-root .mq-dashboard-overline{font-size:12px;letter-spacing:.10em;color:#b4f5e7}
#mediquiz-root .mq-dashboard-welcome h2{font-size:clamp(30px,3.15vw,47px);letter-spacing:-.035em;line-height:1.17;max-width:640px;text-wrap:balance}
#mediquiz-root .mq-dashboard-welcome p{font-size:clamp(16px,1.23vw,18px);line-height:1.65;max-width:630px;color:#e3f3f6;margin-top:17px}
#mediquiz-root .mq-dashboard-welcome .mq-hero-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
#mediquiz-root .mq-dashboard-welcome .mq-hero-actions button{font-size:15px;min-height:46px;padding:12px 17px;font-weight:750}
#mediquiz-root .mq-hero-visual{position:relative;min-height:290px;display:flex;align-items:center;justify-content:center;isolation:isolate}
#mediquiz-root .mq-hero-halo{position:absolute;border:1px solid #ffffff33;border-radius:50%;width:270px;height:270px;transform:rotate(-18deg);box-shadow:0 0 0 24px #ffffff0a,0 0 0 49px #ffffff08;top:0;left:50%;translate:-50% 0;pointer-events:none}
#mediquiz-root .mq-hero-emblem{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;top:21px;left:50%;translate:-50% 0;width:106px;height:106px;border-radius:27px;background:linear-gradient(145deg,#f7fffd,#d5f2ef);box-shadow:0 18px 35px #062e4560,0 0 0 6px #ffffff15;transform:rotate(-8deg);color:#187b78}
#mediquiz-root .mq-hero-emblem span{font-size:59px;line-height:1}
#mediquiz-root .mq-hero-emblem small{font-size:9px;letter-spacing:.14em;font-weight:900}
#mediquiz-root .mq-hero-tiles{width:100%;position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:155px}
#mediquiz-root .mq-hero-tile{display:grid;grid-template-columns:31px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;text-align:left;align-items:center;min-width:0;border:1px solid #ffffff50;background:linear-gradient(130deg,#fffffff2,#e8f8f2e8);border-radius:14px;padding:12px;color:#183c50;box-shadow:0 8px 21px #0a39412e;cursor:pointer;transition:transform .18s,border-color .18s}
#mediquiz-root .mq-hero-tile:hover{transform:translateY(-3px);border-color:#fff}
#mediquiz-root .mq-hero-tile-icon{grid-row:span 2;display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e0f5ed;color:#148878;font-size:22px}
#mediquiz-root .mq-hero-surgery .mq-hero-tile-icon{background:#ffebe3;color:#c47560}
#mediquiz-root .mq-hero-obg .mq-hero-tile-icon{background:#fbe9f3;color:#c36f91}
#mediquiz-root .mq-hero-pediatrics .mq-hero-tile-icon{background:#e6f0ff;color:#4582c7}
#mediquiz-root .mq-hero-tile-name{font-size:14px;font-weight:800;line-height:1.2}
#mediquiz-root .mq-hero-tile strong{font-size:13px;font-weight:700;color:#507487;line-height:1.4}
#mediquiz-root .mq-metric-label,#mediquiz-root .mq-dashboard-mode>span:nth-child(2)>span,#mediquiz-root .mq-specialty-card .mq-card-description,#mediquiz-root .mq-highlight-card .mq-card-copy>span{font-size:14px!important;line-height:1.55}
#mediquiz-root .mq-dashboard-mode strong,#mediquiz-root .mq-highlight-card h3{font-size:16px}
#mediquiz-root .mq-specialty-card h3{font-size:18px}
#mediquiz-root .mq-specialty-card .mq-specialty-tag{font-size:13px}
#mediquiz-root .mq-section-header h2{font-size:clamp(21px,1.8vw,27px);line-height:1.3}
#mediquiz-root .mq-dashboard-current,#mediquiz-root .mq-dashboard-panel{font-size:15px}
@media(max-width:1020px){#mediquiz-root .mq-dashboard-hero{grid-template-columns:minmax(0,1fr);padding:30px 24px}#mediquiz-root .mq-hero-visual{min-height:230px;max-width:530px;width:100%;margin:auto}#mediquiz-root .mq-hero-tiles{margin-top:115px}}
@media(max-width:480px){#mediquiz-root .mq-dashboard-hero{padding:26px 19px;gap:12px}#mediquiz-root .mq-dashboard-welcome h2{font-size:clamp(29px,8vw,37px)}#mediquiz-root .mq-dashboard-welcome p{font-size:16px}#mediquiz-root .mq-hero-tiles{margin-top:108px;gap:8px}#mediquiz-root .mq-hero-tile{padding:10px 8px;grid-template-columns:24px minmax(0,1fr);gap:6px}#mediquiz-root .mq-hero-tile-icon{width:24px;height:27px;font-size:17px}#mediquiz-root .mq-hero-tile-name{font-size:12px}#mediquiz-root .mq-hero-tile strong{font-size:12px}#mediquiz-root .mq-hero-emblem{width:89px;height:89px}#mediquiz-root .mq-hero-emblem span{font-size:49px}}
@media(prefers-reduced-motion:reduce){#mediquiz-root .mq-hero-tile{transition:none}#mediquiz-root .mq-hero-tile:hover{transform:none}}

#mediquiz-root .mq-home-specialty-summary{display:grid;gap:9px;width:100%;margin:8px 0 15px}
#mediquiz-root .mq-home-specialty-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto 12px;gap:10px;align-items:center;padding:11px 13px;min-height:51px;border-radius:12px;border:1px solid #dce9ec;background:#f9fcfd;text-align:left;cursor:pointer;color:#1f485b;transition:background .16s}
#mediquiz-root .mq-home-specialty-row:hover{background:#eaf7f8;border-color:#b2d7d5}
#mediquiz-root .mq-home-specialty-icon{display:grid;place-items:center;font-size:20px;border-radius:9px;width:32px;height:32px;background:#e6f6f0;color:#19897c}
#mediquiz-root .mq-home-surgery .mq-home-specialty-icon{background:#fcece6;color:#c47766}
#mediquiz-root .mq-home-obg .mq-home-specialty-icon{background:#fbedf4;color:#bc718e}
#mediquiz-root .mq-home-pediatrics .mq-home-specialty-icon{background:#eaf1ff;color:#5487ba}
#mediquiz-root .mq-home-specialty-title{font-size:15px;font-weight:750}
#mediquiz-root .mq-home-specialty-row strong{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
#mediquiz-root .mq-home-specialty-arrow{color:#43878d}
@media(max-width:470px){#mediquiz-root .mq-home-specialty-row{grid-template-columns:28px minmax(0,1fr) auto 8px;gap:6px;padding:10px 8px}#mediquiz-root .mq-home-specialty-title{font-size:13px}#mediquiz-root .mq-home-specialty-row strong{font-size:12px}}
/* MedTest v0.4.23 design layer. Do not alter WordPress membership, Wave Studio, or question data. */
#mediquiz-root{--navy:#163650;--ink:#23445a;--muted:#587285;--paper:#f0f6fb;--line:#dce7ee;--teal:#137fad;--white:#fff;font-size:16px;line-height:1.65;min-height:100dvh;}
body.medtest-surface{background:#f0f6fb!important}
#mediquiz-root .mq-main{background:radial-gradient(circle at 90% 0%,#dfeefa 0,transparent 33%),linear-gradient(180deg,#f4f9fd,#f0f6fb 58%,#f4f7fc)}
#mediquiz-root .mq-side{background:#fff;border-right:1px solid #e0eaf2}
#mediquiz-root .mq-header{background:#ffffffee;backdrop-filter:blur(18px);gap:15px}
#mediquiz-root .mq-tabs{background:#ffffffef}
#mediquiz-root .mq-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:nowrap}
#mediquiz-root .mq-icon-button,#mediquiz-root .mq-quiz-fullscreen{display:grid;place-items:center;width:43px;height:43px;min-width:43px;min-height:43px;padding:0;border-radius:12px;border:1px solid #dbe6ef;background:#f4f8fc;color:#205b8b;font-size:25px;line-height:1}
#mediquiz-root .mq-icon-button:hover,#mediquiz-root .mq-quiz-fullscreen:hover{border-color:#94bcda;background:#e5f1fc}
#mediquiz-root .mq-header .mq-install{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:12px;padding:10px 15px;background:linear-gradient(120deg,#2878de,#1666c5);color:white;box-shadow:0 6px 16px #175eac27;font-size:14px;font-weight:750}
#mediquiz-root .mq-header .mq-live{font-size:13px;background:#e9f5fb;color:#205b7c}
#mediquiz-root .mq-header h1{font-size:20px}
#mediquiz-root .mq-nav,#mediquiz-root .mq-tab{font-size:15px;min-height:45px}
#mediquiz-root .mq-nav.active{background:#e9f3ff;color:#1766c0;box-shadow:inset 3px 0 #246ed8}
#mediquiz-root .mq-tab.active{color:#1769ce;border-bottom-color:#1769ce}
#mediquiz-root .mq-specialty-select select{font-size:14px;min-height:46px;background:#f4f8fc;color:#236085;border-color:#d8e6f1}
#mediquiz-root .mq-dashboard-hero{background:radial-gradient(circle at 79% 23%,#8adcfb44,transparent 31%),linear-gradient(115deg,#153d79 0%,#176baf 58%,#13a8ad 100%);box-shadow:0 17px 35px #1b5f9b20;border-radius:26px;border:1px solid #ffffff3a}
#mediquiz-root .mq-dashboard-overline{color:#cbeefe;letter-spacing:.12em}
#mediquiz-root .mq-dashboard-welcome h2{font-size:clamp(33px,3.2vw,53px);line-height:1.15;letter-spacing:-.035em;max-width:690px}
#mediquiz-root .mq-dashboard-welcome p{font-size:clamp(16px,1.15vw,19px);color:#eef7ff;line-height:1.63;max-width:710px}
#mediquiz-root .mq-dashboard-welcome .mq-primary{background:#fff;color:#165dbe;border-radius:13px;box-shadow:0 8px 16px #133c742a}
#mediquiz-root .mq-dashboard-welcome .mq-primary:hover{background:#e9f4ff;color:#104f9d}
#mediquiz-root .mq-dashboard-quiet{color:#fff;background:#ffffff1e;border:1px solid #ffffff77;border-radius:13px}
#mediquiz-root .mq-hero-halo{box-shadow:0 0 0 25px #ffffff0c,0 0 0 54px #ffffff09}
#mediquiz-root .mq-hero-emblem{background:linear-gradient(145deg,#fff,#d4ecff);color:#177dc1;box-shadow:0 15px 36px #123c7c67,0 0 0 6px #ffffff24}
#mediquiz-root .mq-hero-tile{background:linear-gradient(130deg,#fff,#ecf7ff);border:1px solid #ffffffd9;box-shadow:0 9px 22px #0a336238;min-height:73px}
#mediquiz-root .mq-hero-tile-name{font-size:15px}
#mediquiz-root .mq-hero-tile strong{font-size:14px}
#mediquiz-root .mq-dashboard-panel,#mediquiz-root .mq-metric,#mediquiz-root .mq-specialty-card,#mediquiz-root .mq-quiz-card,#mediquiz-root .mq-quiz-side{box-shadow:0 9px 20px #1c5b8b0b;border-radius:19px}
#mediquiz-root .mq-metric strong{color:#164471}
#mediquiz-root .mq-section-header h2{font-size:clamp(21px,1.75vw,27px);color:#153d66}
#mediquiz-root .mq-dashboard-mode{min-height:85px}
#mediquiz-root .mq-dashboard-mode strong{font-size:16px}
#mediquiz-root .mq-dashboard-mode>span:nth-child(2)>span{font-size:14px!important}
#mediquiz-root .mq-specialty-card{min-height:185px}
#mediquiz-root .mq-specialty-card h3{font-size:18px}
#mediquiz-root .mq-specialty-card .mq-card-description{font-size:14px!important}
#mediquiz-root .mq-topic h3,#mediquiz-root .mq-highlight-card h3{font-size:16px}
#mediquiz-root .mq-quiz-card h2{font-size:clamp(21px,2vw,26px);line-height:1.55}
#mediquiz-root .mq-option{font-size:16px;min-height:52px;padding:15px 16px;border-radius:13px;line-height:1.5}
#mediquiz-root .mq-option:focus-visible{outline:3px solid #5da6e9;outline-offset:2px}
#mediquiz-root .mq-quiz-top{display:flex;gap:10px;align-items:center;font-size:14px}
#mediquiz-root .mq-quiz-fullscreen{width:40px;min-width:40px;height:40px;min-height:40px;font-size:21px}
#mediquiz-root .mq-source,#mediquiz-root .mq-review-row p,#mediquiz-root .mq-feedback p,#mediquiz-root .mq-reason-row{font-size:14px}
#mediquiz-root .mq-primary{min-height:44px;border-radius:12px;font-size:15px}
#mediquiz-root .mq-mobile-nav{padding-bottom:env(safe-area-inset-bottom,0);height:calc(66px + env(safe-area-inset-bottom,0));background:#fff}
#mediquiz-root .mq-mobile-nav button{font-size:12px;min-width:0;flex:1}
#mediquiz-root .mq-install-backdrop{z-index:999}
#mediquiz-root .mq-install-guide{position:relative;background:#fff;border:1px solid #d9e7f2;border-radius:21px;box-shadow:0 30px 60px #102b5160;color:#213f55;width:min(480px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:29px}
#mediquiz-root .mq-install-guide-logo{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#e5f1ff;color:#176aca;font-size:31px}
#mediquiz-root .mq-install-guide h2{font-size:26px;margin:16px 0 9px}
#mediquiz-root .mq-install-guide>p{font-size:15px;color:#59738a;line-height:1.6}
#mediquiz-root .mq-install-steps{display:grid;gap:10px;margin:19px 0 22px}
#mediquiz-root .mq-install-step{background:#f2f7fb;border:1px solid #dce8f2;border-radius:12px;padding:12px 14px}
#mediquiz-root .mq-install-step strong{display:block;color:#1b5487;font-size:15px;margin-bottom:4px}
#mediquiz-root .mq-install-step p{font-size:14px;color:#46637a}
#mediquiz-root .mq-install-dismiss{width:100%}
@media(max-width:1150px){#mediquiz-root .mq-header .mq-live{display:none}}
@media(max-width:980px){#mediquiz-root .mq-header{height:75px;padding:10px 20px}#mediquiz-root .mq-content{padding:21px 21px 90px}#mediquiz-root .mq-mobile-nav{position:fixed;left:0;bottom:0;width:100%;z-index:29;box-shadow:0 -6px 20px #0b4b7720}}
@media(max-width:700px){#mediquiz-root .mq-header{gap:7px;padding:10px 14px}#mediquiz-root .mq-header-title .mq-kicker{display:none}#mediquiz-root .mq-header h1{font-size:15px}#mediquiz-root .mq-header .mq-account-button{padding:7px 9px;min-height:43px;font-size:12px}#mediquiz-root .mq-header .mq-install{width:43px;min-width:43px;padding:4px;font-size:0;position:relative}#mediquiz-root .mq-header .mq-install::before{content:'↓';font-size:24px;color:#fff}#mediquiz-root .mq-header-actions{gap:6px}#mediquiz-root .mq-content{padding:15px 13px 100px}#mediquiz-root .mq-icon-button{width:42px;min-width:42px;height:42px}#mediquiz-root .mq-dashboard-hero{border-radius:19px}#mediquiz-root .mq-dashboard-welcome h2{font-size:clamp(28px,7.6vw,38px)}#mediquiz-root .mq-hero-tile-name{font-size:13px}#mediquiz-root .mq-hero-tile strong{font-size:12px}#mediquiz-root .mq-specialty-card{min-height:155px}#mediquiz-root .mq-specialty-card h3{font-size:16px}#mediquiz-root .mq-quiz-card{padding:19px 16px}#mediquiz-root .mq-quiz-card h2{font-size:20px}#mediquiz-root .mq-option{font-size:16px;padding:13px}#mediquiz-root .mq-quiz-top{font-size:12px}}
@media(max-width:400px){#mediquiz-root .mq-header .mq-account-button{max-width:75px;font-size:11px}#mediquiz-root .mq-header h1{font-size:14px}#mediquiz-root .mq-dashboard-welcome h2{font-size:27px}#mediquiz-root .mq-hero-visual{min-height:260px}#mediquiz-root .mq-specialty-card{padding:12px}#mediquiz-root .mq-header-actions{gap:4px}}
/* Dark theme: apply to all actual view types, not only the homepage. */
#mediquiz-root[data-theme='dark']{--navy:#edf5ff;--ink:#e2edf9;--muted:#a3b8ca;--line:#2b4056;--paper:#0c1725;--white:#152437;color-scheme:dark;background:#0c1725;color:#e2edf9}
body.medtest-dark.medtest-surface{background:#0c1725!important}
#mediquiz-root[data-theme='dark'] .mq-main{background:radial-gradient(circle at 90% 0%,#18375c,transparent 34%),#0c1725}
#mediquiz-root[data-theme='dark'] .mq-side,#mediquiz-root[data-theme='dark'] .mq-header,#mediquiz-root[data-theme='dark'] .mq-tabs,#mediquiz-root[data-theme='dark'] .mq-mobile-nav{background:#101f31;color:#e2edf9;border-color:#25384b}
#mediquiz-root[data-theme='dark'] .mq-brand img{filter:brightness(1.4)}
#mediquiz-root[data-theme='dark'] .mq-header h1,#mediquiz-root[data-theme='dark'] .mq-section-header h2,#mediquiz-root[data-theme='dark'] .mq-page-intro h2{color:#f0f7ff}
#mediquiz-root[data-theme='dark'] .mq-nav,#mediquiz-root[data-theme='dark'] .mq-tab,#mediquiz-root[data-theme='dark'] .mq-mobile-nav button{color:#a9bed1}
#mediquiz-root[data-theme='dark'] .mq-nav.active,#mediquiz-root[data-theme='dark'] .mq-tab.active,#mediquiz-root[data-theme='dark'] .mq-mobile-nav .active{background:#1d3450;color:#7fc1ff}
#mediquiz-root[data-theme='dark'] .mq-header .mq-live{background:#1e3850;color:#b3e4f5}
#mediquiz-root[data-theme='dark'] .mq-icon-button,#mediquiz-root[data-theme='dark'] .mq-quiz-fullscreen{background:#203750;border-color:#3a536d;color:#bed9ff}
#mediquiz-root[data-theme='dark'] .mq-specialty-select select,#mediquiz-root[data-theme='dark'] input,#mediquiz-root[data-theme='dark'] select{background:#1a2c41;border:1px solid #36516d;color:#e7f2ff}
#mediquiz-root[data-theme='dark'] .mq-specialty-select label{color:#9ab6ca}
#mediquiz-root[data-theme='dark'] .mq-dashboard-hero{background:radial-gradient(circle at 83% 12%,#248dba44,transparent 37%),linear-gradient(116deg,#152b55,#174b79 62%,#0b6775)}
#mediquiz-root[data-theme='dark'] .mq-dashboard-panel,#mediquiz-root[data-theme='dark'] .mq-metric,#mediquiz-root[data-theme='dark'] .mq-exam-card,#mediquiz-root[data-theme='dark'] .mq-specialty-card,#mediquiz-root[data-theme='dark'] .mq-highlight-card,#mediquiz-root[data-theme='dark'] .mq-quiz-card,#mediquiz-root[data-theme='dark'] .mq-quiz-side,#mediquiz-root[data-theme='dark'] .mq-result,#mediquiz-root[data-theme='dark'] .mq-review,#mediquiz-root[data-theme='dark'] .mq-progress-cards>div,#mediquiz-root[data-theme='dark'] .mq-question-row,#mediquiz-root[data-theme='dark'] .mq-topic,#mediquiz-root[data-theme='dark'] .mq-list,#mediquiz-root[data-theme='dark'] .mq-empty-panel,#mediquiz-root[data-theme='dark'] .mq-access-band,#mediquiz-root[data-theme='dark'] .mq-action-card,#mediquiz-root[data-theme='dark'] .mq-current-specialty{background:#152438!important;color:#e2edf9!important;border-color:#2f4863!important;box-shadow:none}
#mediquiz-root[data-theme='dark'] .mq-dashboard-mode,#mediquiz-root[data-theme='dark'] .mq-home-specialty-row,#mediquiz-root[data-theme='dark'] .mq-review-link,#mediquiz-root[data-theme='dark'] .mq-reason-row,#mediquiz-root[data-theme='dark'] .mq-option,#mediquiz-root[data-theme='dark'] .mq-install-step{background:#1a3046!important;color:#e1edfa!important;border-color:#34526c!important}
#mediquiz-root[data-theme='dark'] .mq-dashboard-mode:hover,#mediquiz-root[data-theme='dark'] .mq-home-specialty-row:hover,#mediquiz-root[data-theme='dark'] .mq-option:hover,#mediquiz-root[data-theme='dark'] .mq-option.selected{background:#244361!important;border-color:#6db5e8!important}
#mediquiz-root[data-theme='dark'] .mq-option.correct,#mediquiz-root[data-theme='dark'] .mq-feedback.is-right{background:#163e39!important;border-color:#318b76!important}
#mediquiz-root[data-theme='dark'] .mq-option.incorrect,#mediquiz-root[data-theme='dark'] .mq-feedback.is-wrong{background:#442b32!important;border-color:#97535e!important}
#mediquiz-root[data-theme='dark'] .mq-feedback{color:#e1edfa}
#mediquiz-root[data-theme='dark'] .mq-metric strong,#mediquiz-root[data-theme='dark'] .mq-stat strong,#mediquiz-root[data-theme='dark'] .mq-specialty-card h3,#mediquiz-root[data-theme='dark'] .mq-highlight-card h3,#mediquiz-root[data-theme='dark'] .mq-home-specialty-title,#mediquiz-root[data-theme='dark'] .mq-dashboard-mode strong,#mediquiz-root[data-theme='dark'] .mq-exam-card h3,#mediquiz-root[data-theme='dark'] .mq-quiz-card h2,#mediquiz-root[data-theme='dark'] .mq-result h2,#mediquiz-root[data-theme='dark'] .mq-progress-cards strong,#mediquiz-root[data-theme='dark'] .mq-current-name,#mediquiz-root[data-theme='dark'] .mq-question-row strong{color:#f0f7ff!important}
#mediquiz-root[data-theme='dark'] .mq-metric-label,#mediquiz-root[data-theme='dark'] .mq-specialty-card .mq-card-description,#mediquiz-root[data-theme='dark'] .mq-highlight-card .mq-card-copy>span,#mediquiz-root[data-theme='dark'] .mq-home-specialty-row strong,#mediquiz-root[data-theme='dark'] .mq-dashboard-mode>span:nth-child(2)>span,#mediquiz-root[data-theme='dark'] .mq-page-intro p,#mediquiz-root[data-theme='dark'] .mq-feedback p,#mediquiz-root[data-theme='dark'] .mq-result p,#mediquiz-root[data-theme='dark'] .mq-review-row p,#mediquiz-root[data-theme='dark'] .mq-quiz-side p,#mediquiz-root[data-theme='dark'] .mq-reason-row{color:#b4c9dc!important}
#mediquiz-root[data-theme='dark'] .mq-source,#mediquiz-root[data-theme='dark'] .mq-link,#mediquiz-root[data-theme='dark'] .mq-current-change{color:#81c9ff}
#mediquiz-root[data-theme='dark'] .mq-dashboard-welcome h2,#mediquiz-root[data-theme='dark'] .mq-dashboard-welcome p{color:#fff}
#mediquiz-root[data-theme='dark'] .mq-hero-tile{background:#dcebf8!important;color:#1a4663!important;border-color:#dcebf8}
#mediquiz-root[data-theme='dark'] .mq-hero-tile-name{color:#193c5b}
#mediquiz-root[data-theme='dark'] .mq-login-modal,#mediquiz-root[data-theme='dark'] .mq-install-guide{background:#14283e;color:#e1efff;border-color:#37516c}
#mediquiz-root[data-theme='dark'] .mq-install-guide>p,#mediquiz-root[data-theme='dark'] .mq-install-step p{color:#b6cce0}
#mediquiz-root[data-theme='dark'] .mq-install-step strong{color:#9dccff}
#mediquiz-root[data-theme='dark'] .mq-quiz-helper,#mediquiz-root[data-theme='dark'] .mq-quiz-top{color:#b9cadb}
#mediquiz-root[data-theme='dark'] .mq-progress-track{background:#25405a}
#mediquiz-root[data-theme='dark'] .mq-dots span{background:#38526c}
#mediquiz-root[data-theme='dark'] .mq-dots .done{background:#27bb9f}
#mediquiz-root[data-theme='dark'] .mq-dots .now{background:#75b2fb}
@media(prefers-reduced-motion:reduce){#mediquiz-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* MedTest v0.4.24 · Vietnamese UTF-8 typography and universally accessible home logo.
 * Offline-first typography: no remote Google Fonts or platform-specific font binaries. */
#mediquiz-root {
  --mq-font-sans: Inter, "Noto Sans", Roboto, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-family: var(--mq-font-sans) !important;
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-kerning: normal;
  font-synthesis: weight style;
  overflow-wrap: break-word;
  word-break: normal;
}
#mediquiz-root, #mediquiz-root * {
  font-family: var(--mq-font-sans) !important;
}
#mediquiz-root :is(h1,h2,h3,h4,h5,h6) {
  letter-spacing: -0.012em;
  line-height: 1.3;
  overflow-wrap: break-word;
}
#mediquiz-root :is(button,input,select,textarea) { font-family: var(--mq-font-sans); }
#mediquiz-root :is(input,textarea) { font-size: max(16px,1em); }
#mediquiz-root :is(button,a) { -webkit-tap-highlight-color: transparent; }
#mediquiz-root .mq-dashboard-welcome h2 {
  letter-spacing: -0.016em;
  line-height: 1.23;
}
#mediquiz-root .mq-dashboard-welcome p,
#mediquiz-root .mq-quiz-card h2,
#mediquiz-root .mq-option,
#mediquiz-root .mq-feedback p,
#mediquiz-root .mq-review-row p {
  line-height: 1.65;
}
#mediquiz-root .mq-quiz-card h2 { font-weight: 750; }
#mediquiz-root .mq-option { font-weight: 500; }
/* Both logo instances are semantic buttons, available to mouse, touch and keyboard. */
#mediquiz-root .mq-brand-home,
#mediquiz-root .mq-mobile-home {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  border-radius: 12px;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color .18s ease, transform .18s ease;
}
#mediquiz-root .mq-brand-home { width: min(185px,100%); max-width: 100%; }
#mediquiz-root .mq-brand-home img { display:block; width:100%; height:auto; }
#mediquiz-root .mq-mobile-home { display: none; flex: none; width: 44px; min-width: 44px; height: 44px; }
#mediquiz-root .mq-mobile-home .mq-mobile-logo { width: 38px; height:38px; object-fit:contain; }
#mediquiz-root .mq-brand-home:hover,
#mediquiz-root .mq-mobile-home:hover { background: rgba(40,123,198,.08); }
#mediquiz-root .mq-brand-home:active,
#mediquiz-root .mq-mobile-home:active { transform:scale(.97); }
#mediquiz-root .mq-brand-home:focus-visible,
#mediquiz-root .mq-mobile-home:focus-visible {
  outline: 3px solid #1685e0;
  outline-offset: 3px;
}
@media (max-width:980px) {
  #mediquiz-root .mq-mobile-home { display:inline-flex; }
  #mediquiz-root .mq-mobile-logo { display: block; }
}
@media (max-width:700px) {
  #mediquiz-root .mq-header h1 { font-size: clamp(15px,3.8vw,18px); }
  #mediquiz-root .mq-quiz-card h2 { font-size: clamp(20px,5vw,24px); }
  #mediquiz-root .mq-option { font-size: 16px; }
  #mediquiz-root .mq-dashboard-welcome h2 { font-size: clamp(28px,7vw,38px); }
  #mediquiz-root .mq-dashboard-welcome p { font-size:16px; }
  #mediquiz-root .mq-mobile-nav button { font-size: 13px; }
}
@media (max-width:400px) {
  #mediquiz-root .mq-header h1 { font-size: 15px; }
  #mediquiz-root .mq-mobile-home { width:42px; min-width:42px; height:44px; }
}
@media (prefers-reduced-motion:reduce) {
  #mediquiz-root .mq-brand-home,#mediquiz-root .mq-mobile-home { transition: none; }
}
