.ap-test{max-width:820px;margin:0 auto;color:#222;line-height:1.55}
.ap-test *{box-sizing:border-box}
.ap-intro,.ap-score-card,.ap-radar-card{background:#f4f6f7;border-radius:16px;padding:22px;margin-bottom:18px}
.ap-test h2{margin:36px 0 8px;font-size:1.5rem}
.ap-test h3{margin:24px 0 6px;font-size:1.12rem}
.ap-question{border:0;border-bottom:1px solid #e5e5e5;padding:16px 0;margin:0;min-width:0}
.ap-question legend{display:block;width:100%;font-weight:600;margin-bottom:11px;padding:0}
.ap-options{display:flex;gap:7px}
.ap-options label{flex:1;cursor:pointer}
.ap-options input{position:absolute;opacity:0;pointer-events:none}
.ap-options span{display:block;text-align:center;padding:9px 4px;border:1px solid #ccc;border-radius:8px;background:#fff;transition:.15s}
.ap-options input:checked+span{background:#222;color:#fff;border-color:#222}
.ap-options input:focus-visible+span{outline:3px solid rgba(0,0,0,.2);outline-offset:2px}
.ap-scale-labels{display:flex;justify-content:space-between;color:#777;font-size:.78rem;margin-top:5px}
.ap-submit{width:100%;border:0;border-radius:12px;padding:16px;margin-top:28px;background:#222;color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer}
.ap-submit:hover{opacity:.88}
.ap-message{display:none;background:#fff3cd;padding:14px 16px;margin-top:15px;border-radius:10px}
.ap-message.is-visible{display:block}
.ap-results{margin-top:35px}
.ap-results[hidden]{display:none}
.ap-score-head{display:flex;justify-content:space-between;gap:15px;align-items:center}
.ap-score-number{font-size:1.35rem;font-weight:800}
.ap-bar{height:13px;background:#ddd;border-radius:20px;overflow:hidden;margin:12px 0 6px}
.ap-bar-fill{height:100%;background:#222;width:0;transition:width .35s ease}
.ap-level{font-weight:700}
.ap-subscores{margin-top:14px}
.ap-subscores>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;border-bottom:1px solid #ddd}
.ap-radar-card h3{margin-top:0}
.ap-radar-intro{font-size:.9rem;color:#666;margin:0 0 10px}
.ap-radar-wrap{width:100%;overflow:hidden}
.ap-radar{display:block;width:100%;max-width:760px;height:auto;margin:0 auto}
.ap-meta-card{display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:center;border:2px solid #222;border-radius:16px;padding:18px 20px;margin:18px 0}
.ap-meta-card strong{font-size:1.25rem}
.ap-meta-card small{grid-column:1/-1;color:#666}
.ap-profile-text{border:2px solid #222;border-radius:16px;padding:20px;margin-top:20px}
.ap-note{font-size:.88rem;color:#666;margin-top:18px}
@media(max-width:600px){
.ap-options{gap:4px}
.ap-options span{padding:8px 2px}
.ap-radar-card{padding:14px 8px}
.ap-score-head{align-items:flex-start}
}