/* Assessment entry, results, and mobile diagnostics. */
.placement-intro{background:linear-gradient(130deg,#e2efdf,#eff5ef);border:1px solid #cfdfcc;border-radius:24px;padding:28px 30px;margin-bottom:24px}.placement-intro h2{font-size:25px;margin:12px 0 6px}.placement-intro p{margin:0;color:#536e61;font-size:14px}.placement-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}.placement-choice{position:relative;padding:30px;display:flex;flex-direction:column;gap:12px;min-width:0}.placement-choice:first-child{border-color:#b9d0b2}.placement-choice h2{font-size:21px;margin:2px 0}.placement-choice p{font-size:13px;color:#60766c;margin:0;line-height:2}.placement-choice-num{position:absolute;left:27px;top:22px;color:#a1b69f;font:25px Arial}.placement-choice-icon{width:48px;height:48px;display:grid;place-items:center;background:#e9f2e5;color:#376848;border-radius:15px}.placement-choice-icon svg{width:25px;height:25px}.placement-tags{display:flex;flex-wrap:wrap;gap:8px;margin:5px 0}.placement-tags>span{background:#eff4ed;border:1px solid #dce6d7;color:#53744f;font-size:11px;padding:5px 10px;border-radius:9px}.placement-list{padding-inline-start:22px;color:#61786b;font-size:12px;line-height:2.1;margin:4px 0 12px}.placement-choice>.btn{margin-top:auto;width:100%}.placement-choice form{display:grid;gap:17px;margin:4px 0 6px}.placement-choice input{font-size:17px;min-height:51px;background:#f9fbf8}.placement-choice input[inputmode=numeric]{direction:ltr;text-align:right;font:24px Arial;padding:13px 16px}.placement-choice label{font-size:12px}.placement-choice form .btn{width:100%;margin-top:8px}.placement-choice>.quiet{font-size:11px;line-height:1.9;margin-top:3px}.form-error{display:block;color:#b34236;font-size:12px;line-height:1.9;min-height:0}.form-error:empty{display:none}.field [aria-invalid=true]{border-color:#b34236;outline:2px solid #b3423620}.placement-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.placement-summary p{margin:2px 0 0;color:#61766a;font-size:12px}.placement-inline-score{font:700 15px Arial;margin-inline-start:10px;display:inline-block;direction:ltr}.placement-method{margin-top:22px}.placement-method h3{font-size:16px;margin:0 0 7px}.placement-method p{font-size:13px;color:#60776c}.placement-outcome{display:flex;gap:28px;align-items:center}.placement-outcome h2{font-size:24px;margin:8px 0}.placement-outcome p{font-size:14px;color:#597265}.placement-score-badge{background:#153f38;color:#d5edbd;min-width:130px;height:130px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.placement-score-badge strong{font:700 49px Arial}.placement-score-badge span{font-size:12px}.placement-lessons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.placement-lessons button{display:flex;align-items:center;gap:12px;text-align:right;background:#f5f8f2;color:#244c40;border:1px solid #dde7d8;border-radius:13px;padding:17px;min-width:0;font-size:13px}.placement-lessons button>span:nth-child(2){flex:1}.placement-lessons .icon{height:20px;width:20px}.diagnostic-setup{max-width:600px;overflow:auto}.placement-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin:17px 0;font-size:13px;line-height:2}.placement-checkbox input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#2d7058}.placement-diagnostic-report{margin:0 0 24px}.placement-diagnostic-report p{margin:8px 0}.placement-references{display:grid;gap:13px}.placement-references a{display:block;padding:16px;background:#f4f8f1;border:1px solid #dce7d5;border-radius:12px;color:#245c47;text-decoration:none}.placement-references strong,.placement-references span{display:block}.placement-references strong{font-size:14px}.placement-references span{font-size:12px;color:#657d6b;margin-top:6px}.listening-preview{font-size:12px;border-top:1px solid #d9e3d7;padding-top:12px}.listening-preview summary{cursor:pointer;color:#315d4c}.listening-preview div{padding:12px 0;line-height:1.8;border-bottom:1px solid #e0e7dc;font-family:Arial,sans-serif;font-size:15px}.listening-preview li{padding:3px 0}.placement-choice .field small{line-height:1.9}.placement-diagnostic-report .btn{margin-top:8px}
@media(max-width:850px){.placement-choices{grid-template-columns:1fr;gap:16px}.placement-intro{padding:23px 21px;border-radius:21px}.placement-intro h2{font-size:23px}.placement-intro p{font-size:13px}.placement-choice{padding:24px 22px;gap:13px}.placement-choice h2{font-size:20px;line-height:1.8}.placement-choice p{font-size:13px}.placement-choice form{gap:17px}.placement-choice>.btn,.placement-choice form .btn{min-height:52px}.placement-choice>.quiet{font-size:11px}.placement-summary{align-items:flex-start;flex-wrap:wrap;gap:12px}.placement-summary .btn{width:auto;min-height:43px}.placement-outcome{align-items:flex-start;gap:20px;padding:23px 20px;flex-direction:column}.placement-score-badge{min-width:100px;width:100px;height:100px;border-radius:25px}.placement-score-badge strong{font-size:39px}.placement-outcome h2{font-size:22px}.placement-outcome p{font-size:13px}.placement-lessons{grid-template-columns:1fr}.placement-lessons button{font-size:13px;padding:16px}.diagnostic-setup .modal-actions{display:grid;grid-template-columns:1fr}.placement-checkbox{font-size:12px}.placement-references strong{font-size:13px}.placement-references span{font-size:11px}.placement-method{padding:22px}.listening-preview div{font-size:16px}.placement-tags>.filter{max-width:100%;white-space:normal}}

.placement-shortcuts{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#official-choice{scroll-margin-top:85px}@media(max-width:430px){.placement-shortcuts .btn{flex:1;min-width:130px;font-size:11px;padding:10px;min-height:46px}}