.level-control{font-size:11px;color:#809075;display:flex;align-items:center;gap:8px}.level-control select{padding:7px 10px;background:#edf2e7;color:#315d44;border:1px solid #d9e2d0;border-radius:6px}.level-summary{background:#eef3e7;border:1px solid #dce6d1;border-radius:10px;padding:18px 23px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.level-summary>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;row-gap:6px}.level-summary p{grid-column:1/-1;font-size:11px;color:#869778}.level-summary small{font-size:10px;color:#869778;display:block;margin-bottom:8px}.level-badge{background:#285c4c;color:white;border-radius:5px;padding:5px 8px;font-size:12px}.placement-hero{padding:38px;background:#eaf0e2;border-radius:15px;border:1px solid #dfe7d4;display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:center}.placement-hero h2{font:29px/1.7 var(--serif);margin:20px 0;color:#3f6248}.placement-hero p{font-size:12px;color:#80936f}.placement-ladder{display:flex;flex-direction:column;align-items:end;gap:10px}.placement-ladder div{padding:13px 20px;background:#f9fbf2;border:1px solid #dce5ce;border-radius:8px;width:100%;display:flex;justify-content:space-between;gap:12px}.placement-ladder div:nth-child(1){width:68%}.placement-ladder div:nth-child(2){width:76%}.placement-ladder div:nth-child(3){width:84%}.placement-ladder div:nth-child(4){width:92%}.placement-ladder b{color:#5b7c48}.placement-ladder span{font-size:11px;color:#96a685}.placement-steps{display:flex;justify-content:center;gap:14px;margin:30px 0}.placement-steps span{border:1px solid #dfe6d5;color:#9baa8b;background:#fffefa;padding:9px 17px;border-radius:20px;font-size:12px}.placement-steps span.current{background:#285c4c;color:#fff;border-color:#285c4c}.placement-steps span.done{background:#eaf2df;color:#65844d}.placement-question h2{line-height:2;font-size:20px}.result-hero{background:#eaf0e2;border:1px solid #dbe6ce;border-radius:14px;display:flex;align-items:center;gap:35px;padding:35px}.result-level{font:75px var(--serif);color:#285c4c;min-width:160px;text-align:center}.result-hero h2{font:30px var(--serif);margin:9px 0 15px}.result-hero p{font-size:13px;color:#7b906a}.placement-review{border-bottom:1px solid var(--line);padding:20px 0}.placement-review:last-child{border:0}.placement-review h3{line-height:1.9;margin:10px 0}.placement-review p{font-size:12px}.header-actions{gap:17px}
@media(max-width:600px){.level-control{font-size:0;gap:0}.level-control select{font-size:11px;max-width:80px;padding:6px}.header-actions{gap:10px}.header-actions>.subtle{font-size:9px}.header-actions .avatar{display:none}.placement-hero{grid-template-columns:1fr;padding:25px;gap:25px}.placement-hero h2{font-size:24px}.placement-ladder{display:none}.level-summary{padding:16px;align-items:start;flex-direction:column;gap:10px}.level-summary>div:last-child{display:flex;gap:14px;align-items:center}.level-summary small{margin:0}.placement-steps{gap:7px}.placement-steps span{padding:8px 13px;font-size:11px}.result-hero{padding:23px;gap:20px;align-items:start;flex-direction:column}.result-level{font-size:50px;min-width:auto}.result-hero h2{font-size:25px}.result-hero .primary{padding:12px;font-size:11px}.placement-question h2{font-size:18px}}