.placement-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:38px;padding:40px;margin:60px 0;background:#e8eedf;border:1px solid #dce0d4;border-radius:24px;scroll-margin-top:20px}
.placement-section h2{font-size:clamp(32px,4vw,44px)}.placement-intro>p{font-size:15px;color:#526559}.placement-intro .placement-limit{font-size:12px;line-height:1.7}
.placement-levels{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.placement-levels span{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;border:1px solid #c2ceb6;background:#faf8f0;color:#255c45;font:25px Georgia,serif}.placement-levels span:nth-child(2){background:#e6f294}.placement-levels span:nth-child(3){background:#f7e9dc}.placement-levels span:nth-child(4){background:#dce9f2}
.placement-card{background:#fffefa;border:1px solid #e3e5d9;border-radius:20px;padding:28px;box-shadow:0 12px 35px #233b3109;min-width:0}
.placement-card .placement-meta{font-size:12px;color:#68766d;line-height:1.7}.placement-card p{font-size:14px}.placement-card .btn{min-height:46px;white-space:normal;text-align:center;line-height:1.5}
#placementCount{font-size:12px;letter-spacing:1px;color:#68766d}#placementProgress{width:100%;height:8px;accent-color:#255c45;margin:10px 0 16px}#placementPrompt{font-size:22px;line-height:1.4;margin:10px 0 18px}
#placementSource{margin:0 0 20px;padding:18px;background:#e8eedf;border-left:3px solid #f2784d;border-radius:0 12px 12px 0;line-height:1.65;font-size:17px}
#placementAnswers{display:grid;gap:9px}.placement-option{border:1px solid #d5dccd;border-radius:11px;background:#ffffff;color:#233b31;padding:13px 15px;text-align:left;font-size:15px;line-height:1.45;min-height:46px;touch-action:manipulation}
.placement-option:hover{border-color:#255c45}.placement-option[aria-pressed="true"]{background:#e6f294;border-color:#255c45;box-shadow:inset 0 0 0 1px #255c45}.placement-option:last-child{background:#f5f4ed;color:#68766d}.placement-option:last-child[aria-pressed="true"]{border-color:#255c45;box-shadow:inset 0 0 0 1px #255c45}
.placement-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px}.placement-actions button:disabled{opacity:.45;cursor:default}#placementSelected{font-size:12px;color:#68766d;min-height:18px;margin:12px 0 0}
#placementLevel{display:block;font:64px/1.1 Georgia,serif;color:#255c45;background:#e6f294;border-radius:18px;padding:18px 24px;margin:20px 0;width:max-content}#placementAvailability{background:#e8eedf;padding:14px;border-radius:10px;line-height:1.6}#placementMixed{color:#8b482d;line-height:1.6}
#placementReview{padding-left:20px}#placementReview li{padding:8px 0;border-bottom:1px solid #e3e5d9}#placementReview li p{font-size:13px;margin:6px 0}#placementReview li p:first-child{font-weight:600}.placement-restart{margin-top:18px}#placement .placement-privacy{font-size:11px;color:#68766d;margin:22px 0 0;line-height:1.6}
@media(max-width:760px){.placement-section{grid-template-columns:1fr;padding:24px 18px;gap:22px;margin:40px 0}.placement-card{padding:22px 18px}.placement-actions .btn{padding:13px 16px;font-size:13px}.placement-section h2{font-size:34px}}
#placementAnswers label{font-size:14px;font-weight:600}#placementText{display:block;width:100%;box-sizing:border-box;padding:14px;border:1px solid #9eaf97;border-radius:11px;font:inherit;font-size:17px;line-height:1.45;background:#fff;color:#233b31;min-height:48px}#placementText:focus-visible{outline:3px solid #255c45;outline-offset:3px}.placement-card .placement-writing-hint{font-size:12px;color:#526559;margin:0 0 8px;line-height:1.6}#placementBandScores{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:14px 0}#placementBandScores li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;background:#edf2e5;border:1px solid #d5dccd;border-radius:10px;padding:12px}#placementBandScores span{font-size:13px;color:#526559}#placementScope,#placementBasis{font-size:13px;line-height:1.65}#placementSource{white-space:pre-line;overflow-wrap:anywhere}

#placement[data-phase=result]{grid-template-columns:1fr;gap:22px}#placement[data-phase=result] .placement-intro{max-width:90ch}#placement[data-phase=result] .placement-levels{display:none}#placement[data-phase=result] .placement-card{width:100%;box-sizing:border-box}.placement-plan-action{margin:16px 0 8px}#placementHandoffStatus{color:#854525;font-size:14px;line-height:1.6}