.assessment-heading{--assessment-ink:#426448;--assessment-soft:#eef4e9;--assessment-line:#dfe7d8;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:20px 22px;margin:0 0 22px;border:1px solid var(--assessment-line);border-radius:17px;background:linear-gradient(115deg,#fffefa,var(--assessment-soft))}
.test-shell-words .assessment-heading,.assessment-personal{--assessment-ink:#526f6b;--assessment-soft:#f2f5f5;--assessment-line:#e2e9e8}
.assessment-title-group{display:flex;align-items:center;gap:13px;min-width:0;flex:1}
.assessment-heading-copy{min-width:0}
.assessment-heading-icon{display:grid;place-items:center;width:43px;height:48px;border:1px solid var(--assessment-line);border-radius:12px;background:#fffefa;color:var(--assessment-ink);flex-shrink:0}
.assessment-heading-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#main-content .assessment-heading h1{font-size:24px;font-weight:750;line-height:1.4;letter-spacing:-.6px;color:var(--assessment-ink);margin:0 0 6px;overflow-wrap:anywhere}
#main-content .assessment-heading p{font-size:12px;line-height:1.7;color:var(--assessment-ink);opacity:.75;margin:4px 0 0}
#main-content .assessment-heading .test-meta{font-size:11px;margin:7px 0 0!important}
.assessment-heading>.button{flex-shrink:0}.test-shell .test-heading.assessment-heading{margin-bottom:22px}
.assessment-personal .vtest-source{margin-bottom:7px;flex-wrap:wrap;gap:7px;font-size:11px;color:#6d8581}
.assessment-personal .vtest-source strong{font-size:12px;color:#526f6b}
.assessment-personal .vtest-source-divider{color:#bccccb}
.assessment-personal .vtest-source>span:not(.vtest-source-divider){background:#eaf0ef;border-color:#dce5e4;color:#687f7b}
.assessment-personal .vtest-scope{padding:7px 11px;border:1px solid #e2e9e8;border-radius:10px;background:#fffefa;font-size:11px;color:#687f7b;white-space:nowrap}
@media(max-width:600px){
 .assessment-heading{padding:16px;border-radius:14px;gap:13px;margin-bottom:18px}
 .assessment-title-group{flex-basis:100%;align-items:flex-start;gap:10px}
 .assessment-heading-icon{width:35px;height:40px;border-radius:10px}.assessment-heading-icon svg{width:20px;height:20px}
 #main-content .assessment-heading h1{font-size:21px;line-height:1.5}
 #main-content .assessment-heading p{font-size:11px;line-height:1.7}
 .assessment-heading>.button{margin-left:45px}
 .assessment-personal .vtest-scope{margin-left:45px;font-size:10px}
}
