.sample-main{max-width:760px;margin:auto;padding:30px 24px 64px}.sample-back{display:inline-flex;align-items:center;min-height:44px;font-size:14px;margin-bottom:24px}.sample-intro{margin-bottom:28px}.sample-kicker{color:var(--teal);font-size:14px;font-weight:700;margin:0 0 14px}.sample-intro h1{font-size:clamp(32px,5vw,46px);line-height:1.12;letter-spacing:-1px;margin:0 0 18px}.sample-intro>p:last-of-type{font-size:18px;line-height:1.6;color:var(--muted)}.sample-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.sample-points span{padding:7px 12px;background:var(--pale);border-radius:8px;font-size:13px;color:var(--navy)}.sample-card{padding:32px;background:white;border:1px solid var(--line);border-radius:18px;min-width:0}.sample-card h2{font-size:24px;margin-top:0}.sample-question{font-size:clamp(24px,3vw,32px);line-height:1.35;margin:0 0 30px;overflow-wrap:anywhere}.sample-submit{display:flex;align-items:center;justify-content:center;min-height:50px;width:100%;margin-top:18px;text-decoration:none;text-align:center;white-space:normal}.sample-note{font-size:13px;color:var(--muted);line-height:1.6;margin:14px 0 0}.sample-progress{margin-bottom:22px}.sample-progress>div{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px;font-size:14px;flex-wrap:wrap}.sample-progress span{color:var(--muted)}.sample-progress progress{display:block;width:100%;height:10px;accent-color:var(--teal)}.sample-feedback{padding:22px;border-radius:12px;background:var(--pale);margin-bottom:24px}.sample-feedback.retry{background:#f4f6fa}.sample-feedback h2{font-size:21px}.sample-feedback p{line-height:1.65;overflow-wrap:anywhere}.sample-feedback p:last-child{margin-bottom:0}.sample-error{padding:14px;background:#fff0ed;color:#9b301e;border-radius:8px}.sample-score{font-size:64px;font-weight:800;color:var(--teal);line-height:1;margin:0 0 26px}.sample-score span{font-size:28px;color:var(--muted);font-weight:500}.sample-review{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}.sample-review summary{cursor:pointer;min-height:44px;font-weight:650}.sample-review p{line-height:1.65}.sample-centre{text-align:center}.sample-main select{max-width:100%}@media(max-width:600px){.sample-main{padding:20px 18px 40px}.sample-card{padding:24px 20px}.sample-back{margin-bottom:16px}.sample-card input,.sample-card select{font-size:16px!important}.sample-points{gap:8px}.sample-feedback{padding:18px}}