.quiz-hero{background:var(--ink);color:white;padding:46px 0}.quiz-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:center}.quiz-eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:700;color:#a9dcc1}.quiz-hero h1{font-size:clamp(30px,3.2vw,43px);line-height:1.15;letter-spacing:-1.2px;margin:18px 0}.quiz-hero h1 span{color:#b8d0ff}.quiz-hero p{font-size:17px;line-height:1.7;color:#cfdaea;max-width:680px;margin:0 0 22px}.quiz-stats{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:22px;padding:22px;background:#263c55;border:1px solid #38516c;border-radius:10px}.quiz-stats>div{min-width:0}.quiz-stats span{display:block;font-size:11px;color:#c9d5e6}.quiz-stats strong{display:block;font-size:27px;line-height:1.4;margin:6px 0;color:white}.quiz-stats small{display:block;font-size:11px;color:#b6c9df;line-height:1.5;font-weight:400}.quiz-stats strong small{display:inline}.quiz-stats progress{width:100%;height:5px;accent-color:#90b4ff;display:block;margin-top:7px}.quiz-intro-card{border-radius:10px;background:#2d435d;border:1px solid #41566f;padding:25px}.quiz-intro-card h2{font-size:23px;color:white;margin:13px 0}.quiz-intro-card p{font-size:15px;margin-bottom:16px}.quiz-development{font-size:14px;line-height:1.6;border-left:2px solid #aacdf0;padding-left:12px;color:inherit}.quiz-intro-card>a{display:block;color:white;font-size:15px;font-weight:600;margin-top:20px}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding:12px 0 55px}.quiz-layout>section,.quiz-layout>aside{min-width:0}.quiz-list-heading{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:22px}.quiz-list-heading h2{font-size:27px;margin:8px 0 0}.quiz-list-heading>span{font-size:13px;color:var(--muted);white-space:nowrap}.quiz-controls{background:white;border:1px solid var(--line);padding:18px;border-radius:10px}.quiz-controls fieldset{border:0;padding:0;margin:0 0 15px}.quiz-controls legend{font-size:12px;color:var(--muted);margin-bottom:9px}.quiz-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.quiz-filter-buttons button{padding:8px 12px;border-radius:20px;background:var(--pale);color:var(--ink);font:inherit;font-size:13px}.quiz-filter-buttons [aria-pressed=true]{background:var(--ink);color:white}.quiz-selects{display:flex;gap:20px}.quiz-selects label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.quiz-selects select{background:white;border:1px solid var(--line);border-radius:5px;font:inherit;color:var(--ink);padding:8px;min-width:0}.quiz-result-count{font-size:13px;color:var(--muted);margin:18px 0 12px}.quiz-exam{display:flex;align-items:start;gap:17px;background:white;border:1px solid var(--line);padding:22px;border-radius:10px;margin-bottom:12px}.quiz-term-badge{background:#e6efff;border:1px solid #d8e3f7;border-radius:7px;flex:0 0 44px;text-align:center;padding:8px 0;color:var(--blue)}.quiz-term-badge span{font-size:10px;font-weight:600;display:block}.quiz-term-badge strong{font-size:23px;line-height:1.1;color:var(--ink);display:block}.quiz-exam-content{flex:1;min-width:0}.quiz-exam-title{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.quiz-exam-title h3{font-size:18px;margin:0;line-height:1.4;letter-spacing:-.2px}.quiz-part,.quiz-occasion{font-size:10px;white-space:nowrap;color:#315680;background:#edf3fc;padding:3px 6px;border-radius:4px}.quiz-occasion{background:#edf3ed;color:#44644d}.quiz-exam-status{font-size:12px;line-height:1.6;color:#62758d;margin:9px 0 6px}.quiz-exam-status.is-completed{color:#226846}.quiz-exam-status.is-started{color:#9a591f}.quiz-exam-details summary{font-size:12px;color:var(--blue);cursor:pointer;padding:5px 0}.quiz-exam-details p{font-size:13px;line-height:1.7;color:var(--muted);margin:10px 0}.quiz-data-tag{color:#75603e;font-size:10px;background:#f5f0e5;border-radius:4px;padding:3px 5px;margin-left:5px}.quiz-exam-action{flex-shrink:0;align-self:center;text-align:right}.quiz-exam-action>span{display:block;font-size:10px;color:#758197;margin-bottom:6px}.quiz-exam-action button{background:#f1f4f8;border:1px solid #e0e5ee;color:#748195;border-radius:5px;padding:10px;font-size:12px;cursor:not-allowed}.quiz-side-card{padding:25px;border:1px solid var(--line);border-radius:10px;background:white;margin-bottom:20px}.quiz-side-card h2{font-size:22px;line-height:1.35;margin:10px 0 17px}.quiz-side-card p,.quiz-source p{font-size:14px;line-height:1.75;color:var(--muted)}.quiz-side-card dl{margin:18px 0}.quiz-side-card dl>div{display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #cfdbed;padding:10px 0;font-size:13px}.quiz-side-card dd{font-weight:700;margin:0}.quiz-blue-card{background:#eaf1ff;border-color:#d4e0f2}.quiz-study-card{background:#edf3ed;border-color:#d7e3d6}.quiz-study-card h2{color:#375742}.quiz-source{padding:10px 4px}.quiz-source summary{color:var(--blue);font-size:14px;cursor:pointer}.quiz-empty,.quiz-storage-notice{padding:20px;border:1px solid #e4d5b7;background:#fff8e9;border-radius:8px;font-size:14px;line-height:1.6}
@media(max-width:1100px){.quiz-hero-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.quiz-exam{flex-wrap:wrap}.quiz-exam-action{width:100%;padding-left:61px;text-align:left}.quiz-exam-action>span{display:inline;margin-right:9px}.quiz-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}}
@media(max-width:800px){.quiz-hero-grid,.quiz-layout{grid-template-columns:minmax(0,1fr)}.quiz-hero{padding:30px 0}.quiz-hero h1{font-size:34px}.quiz-intro-card{padding:22px}.quiz-stats{padding:18px;gap:14px}.quiz-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quiz-side-card{margin:0}.quiz-selects{flex-wrap:wrap;gap:12px}.quiz-exam-action{width:auto;padding:0;margin-left:auto}.quiz-exam-action>span{display:block;margin-right:0}}
@media(max-width:500px){.quiz-sidebar{display:block}.quiz-side-card{margin-bottom:18px}.quiz-stats{gap:12px;grid-template-columns:1fr 1fr}.quiz-stats>div:last-child{grid-column:1/-1;border-top:1px solid #445970;padding-top:10px;display:grid;grid-template-columns:1fr auto;align-items:center}.quiz-stats>div:last-child small{grid-column:1/-1}.quiz-stats strong{font-size:24px}.quiz-hero h1{font-size:31px}.quiz-exam{padding:17px;gap:13px}.quiz-exam-title h3{font-size:17px}.quiz-exam-action{width:100%;padding-left:57px;text-align:left}.quiz-exam-action>span{display:inline-block;margin-right:8px}.quiz-exam-action button{font-size:11px}.quiz-list-heading h2{font-size:24px}.quiz-selects label{width:100%;justify-content:space-between}.quiz-selects select{width:65%}}
/* Exam list: make progress and results visible at a glance. */
.quiz-overview .quiz-exam{align-items:center;border-left:4px solid transparent;padding:23px 22px;gap:18px}
.quiz-overview .quiz-exam[data-progress="completed"]{border-left-color:#42936a;border-color:#d1e3d8;border-left-color:#42936a}
.quiz-overview .quiz-exam[data-progress="started"]{border-left-color:#ce9947}
.quiz-overview .quiz-exam-title h3{font-size:21px;line-height:1.35}
.quiz-overview .quiz-part,.quiz-overview .quiz-occasion{font-size:11px}
.quiz-overview .quiz-exam-status{display:flex;gap:7px 16px;align-items:baseline;flex-wrap:wrap;margin:11px 0 0;font-size:15px;line-height:1.55}
.quiz-overview .quiz-exam-status strong{font-weight:500;color:#52647c}
.quiz-overview .quiz-exam-status.is-completed strong{color:#247247;font-weight:700}
.quiz-overview .quiz-exam-status.is-started strong{color:#945b1f;font-weight:700}
.quiz-overview .quiz-exam-status>span{font-size:14px;color:#69788c}
.quiz-overview .quiz-exam[data-progress="completed"] .quiz-term-badge{background:#edf6f0;border-color:#d5e6dc}
.quiz-overview .quiz-exam[data-progress="completed"] .quiz-exam-action .quiz-primary{background:#edf4ff;color:#234c85!important;border:1px solid #dbe6f6}
.quiz-exam-caveat{font-size:13px;color:#866437;line-height:1.55;margin:9px 0 0}
@media(max-width:600px){.quiz-overview .quiz-exam{padding:19px 16px;gap:13px}.quiz-overview .quiz-exam-title h3{font-size:19px}.quiz-overview .quiz-exam-status{font-size:15px;gap:5px}.quiz-overview .quiz-exam-status>span{flex-basis:100%;font-size:13px}.quiz-overview .quiz-exam-action{padding-left:57px;margin-top:1px}.quiz-overview .quiz-exam-action .quiz-primary{font-size:14px;min-height:44px}}
/* The hero card now offers a useful quick-test action. */
.quiz-intro-card .quiz-quick-link{display:inline-flex;background:#fff;color:#244767;padding:11px 15px;border-radius:6px;text-decoration:none}.quiz-intro-card>small{display:block;color:#b7c9dc;font-size:11px;line-height:1.5;margin-top:15px}