/* Use the same shell, typography and surfaces as the final Testing reference. */
.quiz-hero{background:linear-gradient(to bottom,#fff 0%,#fbfcfe 50%,#f5f8fc 100%)!important;border-bottom-color:#e0e6ed}
.quiz-hero .button{background:#e6edf5;border-color:#cedae6;color:#3a5a7a;border-radius:12px}
.quiz-hero .button:hover{background:#dce6f0;border-color:#bacbdb}
.quiz-hero .eyebrow{color:#526d87}
.quiz-library{padding-top:38px;padding-bottom:64px;scroll-margin-top:88px}
.quiz-library-head{border-bottom:1px solid #dfe5eb;padding-bottom:24px;margin-bottom:26px}
.quiz-library-head .eyebrow{margin-bottom:10px}
.quiz-library-head h2{font-size:30px;margin-bottom:10px}
.quiz-library-head p{color:#485870}
.quiz-library-intro{max-width:720px;font-size:14px;line-height:1.75;margin-bottom:0}
.quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.quiz-topic{background:var(--tint);border:1px solid rgba(26,36,54,.06);border-radius:16px;padding:20px;display:flex;flex-direction:column;min-width:0}
.quiz-topic-label{display:flex;gap:12px;align-items:baseline;border-bottom:1px solid color-mix(in srgb,var(--accent) 17%,transparent);padding-bottom:14px;margin-bottom:16px;color:var(--accent)}
.quiz-topic-label>span{font:13px Arial,sans-serif;letter-spacing:.06em}
.quiz-topic-label p{font:12px/1.5 Arial,sans-serif;margin:0}
.quiz-card{display:flex;flex-direction:column;flex:1;padding:22px;background:rgba(255,255,255,.82);border:1px solid rgba(26,36,54,.08);border-radius:16px;box-shadow:0 1px 8px rgba(26,36,54,.12);backdrop-filter:blur(6px);text-decoration:none;transition:box-shadow .2s,border-color .2s}
.quiz-card:hover{box-shadow:0 3px 12px rgba(26,36,54,.13);border-color:rgba(26,36,54,.16)}
.quiz-card h3{font:400 21px/1.3 Georgia,serif;letter-spacing:-.025em;color:#1a2436;margin:0 0 14px}
.quiz-card>p{font:14px/1.75 Arial,sans-serif;color:#485870;margin:0 0 20px;flex:1}
.quiz-meta{font:12px/1.5 Arial,sans-serif;color:#64748b;margin-bottom:16px}
.quiz-action{display:flex;justify-content:space-between;border-top:1px solid rgba(26,36,54,.07);padding-top:14px;font:13px/1.5 Arial,sans-serif;color:var(--accent)}
.quiz-note{background:#eef2f6;border-top:1px solid #dce4ed;border-bottom:1px solid #dce4ed}
.quiz-note h2{font-size:32px}.quiz-note a{color:#3a5a7a;font-size:13px}
@media(max-width:1023px){.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.quiz-grid{grid-template-columns:minmax(0,1fr);gap:18px}.quiz-topic{padding:18px}.quiz-card{padding:22px}.quiz-library{padding-top:30px}.quiz-library-head h2,.quiz-note h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.quiz-card{transition:none}}
body[data-page=quizzes]{--ink:#1a2436;--muted:#485870;--line:#e0e6ed;background:#fafafb;color:#1a2436}

/* A slightly bluer CE hero, retaining the soft gradient. */
.quiz-hero{background:linear-gradient(to bottom,#fff 0%,#f5f9fe 35%,#eaf2fc 70%,#dae8f7 100%)!important;border-bottom-color:#ccdceb}