:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--red:#d71920;--red-dark:#a9141a;--ink:#1f2933;--muted:#637083;--line:#d9e1ea;--surface:#fff;--surface-soft:#f8fafc;--green:#00856f;--blue:#1769aa;--gold:#e8a317;--shadow:0 24px 60px #1f29331f;background:#f3f6f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{background:radial-gradient(circle at 12% 10%,#d719201f,#0000 30%),linear-gradient(135deg,#fff 0%,#f3f6f9 52%,#eaf2f7 100%);min-height:100vh;padding:28px}.setup-shell{align-content:center;gap:20px;display:grid}.setup-hero,.results-panel,.question-panel,.question-nav,.study-card{box-shadow:var(--shadow);background:#ffffffeb;border:1px solid #d9e1eae6}.setup-hero{border-radius:28px;width:100%;max-width:1180px;margin:0 auto;padding:34px;position:relative;overflow:hidden}.setup-hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 46%,#d719201f 46% 54%,#0000 54%),linear-gradient(#0000 46%,#d719201f 46% 54%,#0000 54%);width:340px;height:340px;position:absolute;inset:auto -80px -120px auto;transform:rotate(45deg)}.brand-row,.top-bar,.mini-brand,.test-meta,.quick-facts,.card-heading,.capital-note,.panel-actions,.result-actions,.study-tile,.study-card,.source-card,.review-card{align-items:center;display:flex}.brand-row{z-index:1;gap:18px;margin-bottom:42px;position:relative}.brand-mark{background:#fff;border-radius:10px;place-items:center;width:70px;height:50px;display:grid;overflow:hidden;box-shadow:0 18px 34px #d719202e}.source-line,.topic-label{text-transform:uppercase;color:var(--red);margin:0 0 8px;font-size:.78rem;font-weight:800;line-height:1.2}.question-meta-row{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:8px;display:flex}.question-meta-row .topic-label{margin:0}.source-link{color:var(--blue);align-items:center;gap:6px;font-size:.78rem;font-weight:850;text-decoration:none;display:inline-flex}.source-link:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2.3rem,5vw,5.4rem);line-height:.96}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,440px);align-items:end;gap:34px;display:grid;position:relative}.intro-copy p{max-width:720px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6}.quick-facts{flex-wrap:wrap;gap:12px;margin-top:26px}.quick-facts span,.test-meta span,.question-count,.study-tile{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.province-card{color:#fff;background:#1f2933;border-radius:22px;padding:24px;box-shadow:0 26px 48px #1f29333d}.card-heading{gap:14px;margin-bottom:24px}.card-heading h2{margin-bottom:6px;font-size:1.25rem}.card-heading p,.capital-note,.province-card .select-label{color:#cfd8e3}.select-label{margin-bottom:8px;font-size:.85rem;font-weight:800;display:block}select{color:#fff;background:#111827;border:1px solid #4b5563;border-radius:14px;outline:none;width:100%;min-height:52px;padding:0 14px}select:focus{border-color:#fff;box-shadow:0 0 0 4px #ffffff29}.capital-note{gap:10px;margin:18px 0 24px;line-height:1.45}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-weight:900;display:inline-flex}.primary-button{color:#fff;background:var(--red);box-shadow:0 16px 28px #d719203d}.primary-button:hover{background:var(--red-dark)}.secondary-button,.ghost-button{color:var(--ink);border:1px solid var(--line);background:#fff}.province-card .primary-button{color:#111827;width:100%;box-shadow:none;background:#fff}.province-card .primary-button:hover{background:#f3f6f9}.study-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;max-width:1180px;margin:0 auto;display:grid}.study-tile{border-radius:16px;justify-content:center;min-height:58px}.top-bar{background:#ffffffdb;border:1px solid #d9e1eae6;border-radius:20px;justify-content:space-between;gap:20px;max-width:1380px;margin:0 auto 24px;padding:16px 18px;box-shadow:0 14px 32px #1f293314}.top-bar.compact{max-width:1080px}.mini-brand{gap:12px;font-weight:900}.canadian-flag-icon{filter:drop-shadow(0 4px 8px #d719201f);flex:none;width:42px;height:auto;display:block}.brand-mark .canadian-flag-icon{width:70px}.mini-brand .canadian-flag-icon{width:44px}.mini-brand small{color:var(--muted);margin-top:2px;font-weight:700;display:block}.test-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px}.test-meta span{min-height:42px}.header-action{border-radius:999px;min-height:42px;padding-inline:14px}.quiz-layout{grid-template-columns:190px minmax(0,1fr) 320px;align-items:start;gap:20px;max-width:1380px;margin:0 auto;display:grid}.question-nav,.question-panel,.study-panel{position:sticky;top:20px}.question-nav{border-radius:22px;min-width:0;padding:18px;overflow:hidden}.nav-summary{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.nav-summary p{color:var(--muted);margin:0;font-weight:800}.nav-summary strong{font-size:1.35rem}.question-dots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.dot-button{aspect-ratio:1;border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:12px;place-items:center;padding:0;font-weight:900;display:grid}.dot-button.active{border-color:var(--red);box-shadow:0 0 0 3px #d719201f}.dot-button.correct{color:#fff;background:var(--green);border-color:var(--green)}.dot-button.wrong{color:#fff;background:var(--red);border-color:var(--red)}.question-panel{border-radius:28px;padding:clamp(22px,4vw,38px)}.question-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:24px;display:flex}.question-header h1{font-size:clamp(2rem,4vw,3.5rem)}.question-panel h2{margin-bottom:24px;font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.18}.answers{gap:12px;display:grid}.answer-card{border:2px solid var(--line);width:100%;min-height:72px;color:var(--ink);text-align:left;background:#fff;border-radius:18px;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:14px 16px;font-weight:800;display:grid}.answer-card:hover{border-color:#a9b8c9;transform:translateY(-1px)}.answer-card.selected{border-color:var(--blue);background:#eef6ff}.answer-card.correct{color:#063b32;border-color:var(--green);background:#e6f6f2}.answer-card.wrong{color:#701018;border-color:var(--red);background:#fff0f1}.choice-letter{color:#fff;background:var(--ink);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.feedback{min-height:76px;color:var(--muted);background:var(--surface-soft);border:1px dashed var(--line);border-radius:18px;flex-direction:column;gap:8px;margin:18px 0 24px;padding:16px;display:flex}.feedback.visible{color:var(--ink);background:#fff7e6;border-style:solid;border-color:#f1ce82}.panel-actions,.result-actions{flex-wrap:wrap;justify-content:space-between;gap:12px}.study-panel{gap:14px;display:grid}.study-card{border-radius:20px;align-items:flex-start;gap:14px;padding:18px}.study-card h2{margin-bottom:8px;font-size:1.05rem}.study-card p{color:var(--muted);margin-bottom:0;line-height:1.5}.source-card svg,.capital-card svg{color:var(--red)}.topic-bars{gap:12px;display:grid}.topic-row span{color:var(--muted);margin-bottom:6px;font-size:.8rem;font-weight:800;display:block}.bar-track{background:#eef2f6;border-radius:999px;height:9px;overflow:hidden}.bar-fill{border-radius:inherit;height:100%}.results-panel{border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;max-width:1080px;margin:0 auto 22px;padding:30px;display:grid}.results-panel.passed{border-color:#00856f59}.results-panel.try-again{border-color:#d7192059}.score-orb{color:#fff;background:var(--ink);border-radius:42px;place-items:center;width:150px;height:150px;display:grid}.score-orb strong{font-size:4.4rem;line-height:.9}.score-orb span{font-weight:900}.results-panel h1{margin-bottom:12px;font-size:clamp(2rem,4vw,4rem)}.results-panel p{color:var(--muted);line-height:1.55}.result-actions{grid-column:1/-1;justify-content:flex-start}.review-list{gap:12px;max-width:1080px;margin:0 auto;display:grid}.section-title{justify-content:space-between;align-items:end;gap:16px;padding:6px 4px;display:flex}.section-title h2{margin-bottom:4px}.section-title p{color:var(--muted);margin-bottom:0}.review-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:flex-start;gap:14px;padding:18px}.review-status{color:#fff;background:var(--ink);border-radius:12px;flex:none;place-items:center;width:34px;height:34px;display:grid}.review-card h3{margin-bottom:10px}.review-card p{color:var(--muted);margin-bottom:8px;line-height:1.5}@media (width<=1120px){.quiz-layout{grid-template-columns:170px minmax(0,1fr)}.study-panel{grid-column:1/-1;grid-template-columns:repeat(3,1fr);position:static}}@media (width<=820px){.app-shell{padding:16px}.setup-hero{border-radius:22px;padding:24px}.brand-row{align-items:flex-start;margin-bottom:28px}.hero-grid,.quiz-layout,.study-panel,.results-panel,.study-strip{grid-template-columns:1fr}h1{font-size:clamp(2.2rem,14vw,3.6rem)}.top-bar,.question-header,.section-title{flex-direction:column;align-items:flex-start}.question-nav,.question-panel{position:static}.question-dots{grid-template-columns:repeat(10,1fr)}.question-panel{border-radius:22px}.answer-card{grid-template-columns:38px minmax(0,1fr) 20px;min-height:68px}.choice-letter{width:38px;height:38px}.score-orb{border-radius:32px;width:120px;height:120px}.score-orb strong{font-size:3.4rem}}@media (width<=520px){.question-dots{grid-template-columns:repeat(5,1fr)}.panel-actions,.result-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button,.ghost-button{width:100%}}