.assessment-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px;border:1px solid #cfe0ef;border-radius:20px;background:linear-gradient(135deg,#f3fbff,#eef7f2)}
.assessment-intro small,.assessment-result>header small{color:#078391;font-weight:800;letter-spacing:.12em}.assessment-intro h2{margin:8px 0;font-size:28px;color:#0b3657}.assessment-intro p{max-width:720px;color:#5f7488}.assessment-intro .primary{min-width:140px}.assessment-facts{display:flex;gap:10px;margin-top:18px}.assessment-facts span,.assessment-directions span{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid #cfe0ef;color:#315b78;font-size:13px}
.assessment-boundary{padding:34px;border:1px solid #cfe0ef;border-radius:18px;background:#f7fbfe}.assessment-boundary b{font-size:22px;color:#123d5c}.assessment-boundary p{max-width:780px;line-height:1.8;color:#60768a}.assessment-boundary button{margin-top:10px}
.assessment-runner,.assessment-result{margin-top:20px;padding:26px;border:1px solid #cfe0ef;border-radius:20px;background:#fff}.assessment-runner>header{display:flex;align-items:end;justify-content:space-between}.assessment-runner h2{margin:5px 0}.assessment-progress{height:8px;margin:18px 0 24px;background:#e8f0f5;border-radius:8px;overflow:hidden}.assessment-progress i{display:block;height:100%;background:#0f8f87;transition:width .2s}
.assessment-questions{display:grid;gap:14px}.assessment-questions fieldset{margin:0;padding:18px;border:1px solid #d5e2ec;border-radius:14px}.assessment-questions legend{padding:0 8px;font-weight:750;color:#173e5b}.assessment-questions legend span{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:9px;border-radius:8px;background:#e8f3f8;color:#176585}.assessment-questions fieldset>div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.assessment-questions label input{position:absolute;opacity:0}.assessment-questions label span{display:block;padding:10px 5px;text-align:center;border:1px solid #d6e2eb;border-radius:10px;cursor:pointer;color:#536d80}.assessment-questions label input:checked+span{border-color:#087f7a;background:#e8f8f5;color:#066760;font-weight:700}.assessment-runner footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.assessment-runner footer span{flex:1;text-align:center;color:#65798a}
.assessment-result>header{text-align:center}.assessment-result>header h2{font-size:30px;color:#103d5e}.assessment-score-grid{display:grid;gap:9px;margin:25px auto;max-width:820px}.assessment-score-grid>div{display:grid;grid-template-columns:120px 1fr 35px;align-items:center;gap:12px}.assessment-score-grid span b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:8px;background:#e7f2f8;color:#176585}.assessment-score-grid i{height:10px;background:#e8eef2;border-radius:10px;overflow:hidden}.assessment-score-grid em{display:block;height:100%;background:linear-gradient(90deg,#168ab0,#0a9c83)}.assessment-top-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.assessment-top-grid article{padding:20px;border:1px solid #d4e2ec;border-radius:15px;background:#f8fbfd}.assessment-top-grid article>span{font-size:24px;font-weight:900;color:#078a83}.assessment-top-grid h3{margin:5px 0}.assessment-top-grid p{line-height:1.7;color:#607688}.assessment-directions{margin:18px 0;padding:20px;background:#f2f8fb;border-radius:15px}.assessment-directions>div{display:flex;flex-wrap:wrap;gap:8px}.assessment-directions p{color:#687b8b}
.assessment-history{display:grid;gap:12px}.assessment-history article{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;border:1px solid #d4e2ec;border-radius:14px}.assessment-history h3{margin:5px 0}.assessment-history p,.assessment-history small,.assessment-history article>span{color:#61788b}
.planner-assessment-card>div:last-child{display:grid;justify-items:end;gap:4px}.planner-assessment-card>div:last-child b{font-size:24px;color:#078a83}.planner-assessment-card>div:last-child span{color:#365f78}
.personality-axis-grid{grid-template-columns:repeat(2,1fr)}.personality-balance{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:#61788b}.personality-balance i{height:8px;border-radius:8px;background:#e4edf2;overflow:hidden}.personality-balance em{display:block;height:100%;background:#138c86}.assessment-report-id{margin-top:12px;color:#315b78}
@media(max-width:760px){.assessment-intro{align-items:flex-start;flex-direction:column;padding:22px}.assessment-questions fieldset>div{grid-template-columns:1fr}.assessment-questions label span{text-align:left;padding:9px 12px}.assessment-top-grid{grid-template-columns:1fr}.assessment-runner{padding:16px}.assessment-runner footer{flex-wrap:wrap}.assessment-runner footer span{order:-1;flex-basis:100%}.assessment-history article{align-items:flex-start;flex-direction:column}.planner-assessment-card>div:last-child{justify-items:start}}