.resource-page .sp-hero{background:linear-gradient(135deg,rgb(255 255 255 / .94),rgb(241 247 246 / .86))}.resource-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:22px;align-items:start}.resource-quiz,.resource-side,.resource-tool{border:1px solid var(--line);border-radius:24px;background:rgb(255 255 255 / .84);box-shadow:0 18px 48px rgb(11 28 49 / .08)}.resource-quiz,.resource-side,.resource-tool{padding:clamp(22px, 4vw, 34px)}.resource-progress{display:grid;gap:10px;margin-bottom:24px;color:var(--brand);font-weight:900}.resource-progress div{overflow:hidden;height:10px;border-radius:999px;background:rgb(14 37 66 / .08)}.resource-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent),#f6cb71);transition:width .25s ease}.resource-quiz__step{margin:0;padding:0;border:0}.resource-quiz__step legend,.resource-final h2,.resource-tool h2,.resource-material-card h2,.resource-side h2{margin:0 0 16px;color:var(--brand);font-family:var(--font-display);font-size:clamp(1.35rem, 3vw, 2.2rem);line-height:1.14}.resource-options,.resource-question-list{display:grid;gap:12px}.resource-option,.resource-fieldset label{display:flex;gap:10px;align-items:center;min-height:50px;padding:12px 14px;border:1px solid rgb(14 37 66 / .12);border-radius:14px;background:rgb(255 255 255 / .72);color:var(--text);cursor:pointer;font-weight:500}.resource-option input,.resource-fieldset input{accent-color:var(--accent-strong)}.resource-option:has(input:checked),.resource-fieldset label:has(input:checked){border-color:rgb(226 173 76 / .72);background:rgb(226 173 76 / .12)}.resource-quiz__actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.resource-quiz__actions button:disabled{opacity:.45;cursor:not-allowed;transform:none}.resource-status,.resource-alert{margin:14px 0 0;color:#8a391e;font-weight:900}.resource-final__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:20px}.resource-final__grid>div,.resource-result{padding:18px;border-radius:18px;background:rgb(14 37 66 / .04)}.resource-final strong,.resource-result strong{display:block;margin-bottom:8px;color:var(--brand)}.resource-final ul,.resource-side ul,.resource-result ul{margin:0;padding-left:18px}.resource-tools{display:grid;gap:22px}.resource-tool{display:grid;gap:18px}.resource-tool__head p:not(.sp-eyebrow){margin:0;font-weight:500;color:#444}.resource-fieldset{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(116px,.45fr));gap:10px;align-items:center;margin:0;padding:12px;border:1px solid rgb(14 37 66 / .1);border-radius:16px}.resource-fieldset legend{float:left;width:100%;padding:0;color:var(--brand);font-weight:900}.resource-fieldset label{justify-content:center}.resource-result{min-height:64px;color:#333;font-weight:500}.resource-result p{margin:0}.resource-result--list li+li{margin-top:9px}.resource-materials .sp-card{min-height:290px}.resource-material-card .sp-btn{margin-top:auto}@media (max-width:980px){.resource-layout,.resource-final__grid{grid-template-columns:1fr}.resource-fieldset{grid-template-columns:1fr}.resource-fieldset legend{float:none}}@media (max-width:680px){.resource-quiz,.resource-side,.resource-tool{border-radius:20px}.resource-quiz__actions{flex-direction:column}.resource-option,.resource-fieldset label{min-height:48px}}.dark-mode .resource-quiz,.dark-mode .resource-side,.dark-mode .resource-tool{background:#1C1C1E;border-color:#3A3A3C}.dark-mode .resource-option,.dark-mode .resource-fieldset label{background:#2C2C2E;border-color:#4B5563;color:#E0E0E0}.dark-mode .resource-option:has(input:checked),.dark-mode .resource-fieldset label:has(input:checked){background:rgb(226 173 76 / .15);border-color:rgb(226 173 76 / .4);color:#fff}.dark-mode .resource-final__grid>div,.dark-mode .resource-result{background:#2C2C2E;color:#E0E0E0}.dark-mode .resource-fieldset{border-color:#3A3A3C}.dark-mode .resource-quiz__step legend,.dark-mode .resource-final h2,.dark-mode .resource-tool h2,.dark-mode .resource-material-card h2,.dark-mode .resource-side h2,.dark-mode .resource-fieldset legend,.dark-mode .resource-final strong,.dark-mode .resource-result strong{color:#87CEFA}.dark-mode .resource-tool__head p:not(.sp-eyebrow){color:silver}