.self-test-page{min-height:calc(100vh - 160px);padding-bottom:50px}.self-test-hero{max-width:760px;margin:0 auto;text-align:center;padding:70px 24px 38px}.self-test-hero h1{font-size:clamp(36px,5vw,54px);line-height:1.08;letter-spacing:-.05em;margin:0 0 16px}.self-test-hero>p:last-child{max-width:640px;margin:0 auto;color:var(--muted);font-size:16px}.self-test-card{max-width:900px;margin:0 auto;padding:25px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.self-test-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.self-test-card h2{font-size:25px;letter-spacing:-.035em;margin:0}.self-test-score{display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:11px;white-space:nowrap}.self-test-score strong{color:var(--accent);font-size:27px}.self-test-progress{height:8px;margin:20px 0 24px;border-radius:999px;background:#edf0f8;overflow:hidden}.self-test-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3d56d9,#35b994);transition:width .2s ease}.self-test-card fieldset{border:0;border-top:1px solid var(--line);padding:21px 0 6px;margin:0}.self-test-card legend{font-size:16px;font-weight:800;color:var(--ink);padding:0 0 10px}.self-test-card label{display:flex;align-items:flex-start;gap:11px;padding:9px 0;color:#465170;font-size:13px;line-height:1.5;cursor:pointer}.self-test-card input{width:18px;height:18px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--accent)}.self-test-card label:has(input:checked){color:#1d7f68}.self-test-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:22px}.self-test-actions a,.self-test-actions button{width:auto;text-align:center;text-decoration:none}.self-test-note{max-width:900px;margin:24px auto 0;padding:0 25px;color:var(--muted)}.self-test-note h2{color:var(--ink);font-size:18px;margin:0 0 8px}.self-test-note p{font-size:12px;line-height:1.65;margin:7px 0}.self-test-note a{color:#4258c9;text-decoration:underline}@media(max-width:800px){.self-test-hero{text-align:left;padding:48px 16px 28px}.self-test-hero>p:last-child{margin-left:0;font-size:14px}.self-test-card{margin:0 14px;padding:19px}.self-test-card-header{display:block}.self-test-score{margin-top:8px}.self-test-actions{display:grid;grid-template-columns:1fr}.self-test-actions a,.self-test-actions button{width:100%}.self-test-note{padding:0 14px}}
.self-test-card fieldset{padding:27px 0 13px;margin:0}.self-test-card fieldset+fieldset{margin-top:12px}.self-test-card legend{display:block;padding:0 0 7px;margin:0 0 12px}.self-test-section-score{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 8px;color:var(--muted);font-size:11px}.self-test-section-score strong{color:var(--accent);font-size:18px}.self-test-section-score b{font-size:10px;font-weight:700;border-radius:999px;padding:4px 8px;background:#fff1f1;color:#b04a4a}.self-test-section-score b.is-attention{background:#fff6df;color:#9a6a14}.self-test-section-score b.is-building{background:#eef4ff;color:#425fc1}.self-test-section-score b.is-strong{background:#e7f8f1;color:#197c66}.self-test-score{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:5px;row-gap:2px}.self-test-score strong{grid-row:span 2}.self-test-score small{grid-column:2;color:var(--accent);font-size:10px;font-weight:700}.self-test-score-detail{grid-column:2;font-size:10px}.self-test-score small.is-risk{color:#b04a4a}.self-test-score small.is-attention{color:#9a6a14}.self-test-score small.is-building{color:#425fc1}.self-test-score small.is-strong{color:#197c66}.self-test-grade-guide{margin:19px 0 17px;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}.self-test-grade-guide h3{margin:0 0 10px;color:var(--ink);font-size:13px}.self-test-grade-guide div{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:7px 0;border-top:1px solid #edf0f7;font-size:11px;line-height:1.45}.self-test-grade-guide strong{color:var(--accent)}.self-test-grade-guide span{color:var(--muted)}@media(max-width:800px){.self-test-card fieldset{padding-top:24px}.self-test-card fieldset+fieldset{margin-top:9px}.self-test-card legend{margin-bottom:11px}.self-test-grade-guide div{grid-template-columns:68px 1fr}.self-test-score{margin-top:10px}}