#tests { color:#292837; }
.test-hero { padding:clamp(24px,5vw,46px);border:1px solid #e9e2f8;border-radius:24px;background:radial-gradient(circle at 90% 10%,#ffe9a5,transparent 38%),linear-gradient(120deg,#f0eaff,#fff4ef);margin:8px 0 24px; }
.test-hero h2 {font-size:clamp(28px,5.6vw,48px);line-height:1.2;letter-spacing:-.05em;margin:10px 0 18px;}
.test-hero p {max-width:38em;margin:8px 0;}
.test-eyebrow {font-size:.76rem;font-weight:800;letter-spacing:.08em;color:#744b9a;}
.test-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.test-card {border:1px solid #e7e4ec;border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:transform .15s,box-shadow .15s;}
.test-card:hover,.test-card:focus-visible {transform:translateY(-3px);box-shadow:0 10px 25px #2c173414;}
.test-art {height:155px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:var(--test-paper,#eee8ff);}
.test-art::before,.test-art::after {content:'';position:absolute;border-radius:50%;width:130px;height:130px;background:#ffffff55;left:-35px;bottom:-50px;}
.test-art::after {left:auto;right:-10px;top:-65px;width:180px;height:180px;border:14px solid #ffffff40;background:transparent;}
.test-art svg {height:90px;width:115px;z-index:1;filter:drop-shadow(0 6px 0 #1f183217);}
.test-card-copy {padding:17px;}.test-card h3 {font-size:clamp(18px,2.4vw,24px);margin:5px 0 8px;line-height:1.25;}.test-card p {font-size:.86rem;margin:5px 0;}.test-card small {font-size:.73rem;color:#716b7a;}.test-card b {display:block;margin-top:16px;color:#804a85;}
.test-note {padding:15px 18px;border:1px solid #e5e0ed;background:#f9f8fb;border-radius:13px;color:#5e5669;font-size:.84rem;line-height:1.65;}
.test-sheet {border:1px solid #e5dfeb;border-radius:22px;background:#fff;padding:clamp(18px,4vw,34px);margin:18px 0;}
.test-sheet h2 {font-size:clamp(23px,4vw,33px);line-height:1.35;margin:10px 0 18px;}
.test-progress {display:block;width:100%;height:9px;accent-color:#a44585;margin:12px 0 24px;}
.test-option {display:flex;align-items:center;gap:12px;border:1px solid #ddd7e5;border-radius:13px;padding:14px 16px;margin:10px 0;min-height:52px;cursor:pointer;background:#fff;}
.test-option:has(input:checked) {background:#f8ebf8;border-color:#9d4c8d;box-shadow:inset 0 0 0 1px #9d4c8d;}
.test-option input {accent-color:#923e7f;width:18px;height:18px;flex-shrink:0;}
.test-option:focus-within {outline:3px solid #d8c4f1;outline-offset:2px;}
.test-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}.test-actions button,.test-actions a {font:inherit;font-weight:750;cursor:pointer;padding:12px 18px;border:1px solid #d8cede;border-radius:11px;background:#fff;color:#433348;text-decoration:none;}
.test-actions .test-primary {background:#813a79;color:white;border-color:#813a79;}.test-actions button:disabled {opacity:.45;cursor:default;}
.test-error {color:#a32642;min-height:1.5em;font-weight:650;}.test-result-code {font-size:clamp(40px,10vw,70px);font-weight:850;letter-spacing:.06em;color:#823e82;margin:10px 0;}.test-score {font-size:clamp(36px,8vw,64px);font-weight:850;color:#7b4087;}
.test-bars {display:grid;gap:18px;margin:25px 0;}.test-bar-head {display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;font-size:.9rem;}.test-bar-track {background:#eee9f1;border-radius:20px;height:12px;overflow:hidden;margin:8px 0;}.test-bar-fill {height:100%;background:linear-gradient(90deg,#a56cc4,#e8a968);}.test-axis-note {font-size:.86rem;color:#635b6c;}
.test-explanation {padding:16px 0;border-bottom:1px solid #e8e2ed;}.test-explanation p {margin:5px 0;}.test-explanation .correct {color:#177a60;}.test-explanation .incorrect {color:#a52f4d;}
.home-tests {margin:28px 0;}.home-tests .test-grid {grid-template-columns:repeat(3,minmax(0,1fr));}.home-tests .test-art {height:110px;}.home-tests .test-card-copy {padding:13px;}.home-tests h3 {font-size:1.02rem;}
.bar nav a[href$="#tests"] {--nav-ink:#783681;--nav-paper:#f3e6f7;}
@media(max-width:600px){.test-grid{gap:12px;}.test-art{height:125px;}.test-card-copy{padding:13px;}.home-tests .test-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.home-tests .test-card:last-child{grid-column:1/-1;}.test-actions>button{flex:1;}.test-actions{gap:8px;}}
@media(prefers-reduced-motion:reduce){.test-card{transition:none;}.test-card:hover{transform:none;}}