.placement-page{max-width:900px;margin:auto}.placement-page h1,.placement-heading h1{font:500 clamp(30px,4vw,43px)/1.3 var(--serif);margin:16px 0}.placement-lead{font-size:17px;line-height:1.9;max-width:640px}.placement-instructions{padding-left:23px;line-height:2.1;margin:25px 0 30px}.placement-page>.fine-note{margin-top:20px;line-height:1.9}.placement-test-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.placement-test-top>span{font-size:13px;color:var(--muted)}.placement-progress{width:100%;height:6px;accent-color:var(--green);margin:12px 0}.placement-question{margin-top:22px;padding:28px;background:var(--white);border:1px solid var(--line);border-radius:10px}.placement-direction{font-size:13px;color:var(--muted);margin:0}.placement-question h1{font:500 36px/1.5 var(--serif);overflow-wrap:anywhere;margin:14px 0 26px}.placement-question h1:focus{outline:none}.placement-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.placement-option{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:18px 16px;min-height:70px;font-size:17px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}.placement-option:not(:disabled):hover,.placement-option:focus-visible{border-color:var(--green);background:var(--green-soft)}.placement-option-letter{font-size:12px;color:var(--muted);flex:0 0 19px}.placement-option:disabled{cursor:default;opacity:.65}.placement-option.correct{border:2px solid var(--green);background:var(--green-soft);opacity:1}.placement-option.incorrect{border:2px solid var(--red);background:#f8eee7;opacity:1}.placement-unknown{margin-top:22px;padding:10px 0}.placement-feedback{margin-top:22px;padding:16px;border-left:3px solid var(--green);background:var(--green-soft)}.placement-feedback.incorrect{border-color:var(--orange);background:var(--orange-soft)}.placement-feedback p{margin:8px 0 14px;line-height:1.8}.placement-page>.text-button{margin-top:22px;display:inline-block}.placement-storage-warning{padding:14px;background:var(--orange-soft);border:1px solid var(--orange);line-height:1.8}.placement-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0}.placement-stats>div{padding:18px;background:var(--green-soft);border-radius:6px;display:flex;flex-direction:column;gap:7px}.placement-stats strong{font:500 26px/1.35 var(--serif)}.placement-stats span{font-size:12px;color:var(--muted)}.placement-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0}.placement-heading>.fine-note{line-height:1.8}.placement-home-banner{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;background:var(--green-soft);border:1px solid var(--line);border-radius:6px;margin-bottom:28px}.placement-home-banner>div{flex:1;min-width:240px}.placement-home-banner strong{font-size:15px}.placement-home-banner p{font-size:13px;line-height:1.8;margin:7px 0 0;color:var(--muted)}
.reading-recommendations{max-width:1150px;margin:auto}.reading-recommended{margin:34px 0}.reading-recommended h2,.reading-free-choice h2{font:500 28px/1.5 var(--serif);margin:0 0 12px}.reading-recommended>p,.reading-free-choice>p{line-height:1.85;color:var(--muted)}.reading-recommended>section{margin:26px 0}.reading-recommended>section>h3{font-size:16px;margin-bottom:14px}.reading-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.reading-pick{display:flex;flex-direction:column;align-items:flex-start;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:7px;min-width:0}.reading-pick>img{width:100%;height:135px;object-fit:contain;margin-bottom:18px;border-radius:4px;background:var(--paper)}.reading-pick h3{font:500 23px/1.4 var(--serif);margin:12px 0 5px;overflow-wrap:anywhere}.reading-pick p{font-size:13px;line-height:1.8;margin:9px 0;color:var(--muted)}.reading-pick .reading-pick-English{font:15px/1.5 var(--serif)}.reading-pick .button{margin-top:auto;padding:10px 16px}.reading-level-tag{font-size:12px;color:var(--green);line-height:1.8;margin:12px 0}.reading-free-choice{padding-top:30px;border-top:1px solid var(--line);margin-top:32px}.reading-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:22px 0}.reading-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.reading-filters select,.reading-filters>input{border:1px solid var(--line);border-radius:4px;background:var(--white);padding:11px 12px;font-size:14px;color:var(--ink);max-width:100%;min-height:43px}.reading-filters>input{flex:1;min-width:180px}.reading-level-method{padding:22px;border:1px solid var(--line);border-radius:5px;margin-top:30px;font-size:14px;line-height:1.85}.reading-level-method summary{cursor:pointer;color:var(--green)}.reading-level-method p{margin:14px 0}.placement-page .button,.reading-recommendations .button{white-space:normal}
.placement-prompt{display:flex;align-items:center;gap:14px;margin:14px 0 26px}.placement-prompt h1{margin:0;min-width:0}.placement-speak{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--green-soft);color:var(--green);cursor:pointer}.placement-speak:hover,.placement-speak:focus-visible{background:var(--green);color:var(--white)}.placement-speak .icon{width:22px;height:22px}.placement-option-row{display:flex;align-items:center;gap:8px;min-width:0}.placement-option-row>.placement-option{flex:1;min-width:0;height:100%}
@media(max-width:900px){.reading-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:20px}}
@media(max-width:540px){.main-nav{gap:15px;font-size:11px}.placement-page{padding-top:28px}.placement-question{padding:20px 17px}.placement-question h1{font-size:30px}.placement-options{grid-template-columns:1fr;gap:10px}.placement-option{padding:14px;min-height:56px;font-size:17px}.placement-stats{gap:8px}.placement-stats>div{padding:13px 9px}.placement-stats strong{font-size:21px}.placement-stats span{font-size:11px}.placement-actions{align-items:stretch}.placement-actions>.button{flex:1 1 100%}.reading-picks{grid-template-columns:1fr}.reading-pick{padding:20px}.reading-pick>img{height:170px}.reading-filters{gap:12px}.reading-filters label{flex:1 1 45%;min-width:0}.reading-filters select{width:100%}.reading-filters>input{width:100%;flex-basis:100%}.placement-home-banner{padding:18px}.placement-home-banner>div{min-width:0;flex-basis:100%}.placement-home-banner .button{font-size:13px}.placement-test-top{align-items:flex-start}.placement-test-top>.eyebrow{font-size:10px;letter-spacing:1px}.placement-test-top>span{font-size:12px}.placement-instructions{font-size:15px}}