.selection-trainer {padding:24px;border:2px solid var(--teal,#087e82);border-radius:16px;background:var(--paper,#fff)}
.selection-line {min-width:0;margin:20px 0;padding:14px;border:1px solid var(--line,#cedddb);border-radius:10px}
.selection-line legend {max-width:100%;padding:0 6px;font-weight:600;overflow-wrap:anywhere}
.selection-choices {display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.selection-choices label {position:relative;cursor:pointer;flex:1;min-width:72px}
.selection-choices input {position:absolute;opacity:0}
.selection-choices span {display:block;text-align:center;border:1px solid #a9beba;border-radius:6px;padding:10px 5px;font-size:14px}
.selection-choices input:checked + span {background:#11645c;color:white;border-color:#11645c}
.selection-choices input:focus-visible + span {outline:3px solid #df9f36;outline-offset:2px}
.selection-feedback {margin-top:14px;border-top:1px solid #cbd8d5;padding-top:12px;font-size:14px}
.selection-review {border-color:#b27820;background:#fffbef}
.selection-missing {border:2px solid #af3f32}
[data-selection-result] {margin-top:24px;padding:20px;background:#f0f7f4;border-radius:10px;overflow-wrap:anywhere}
[data-selection-result] h3 {font-size:25px}
.selection-trainer .btn {white-space:normal;line-height:1.5;text-align:center;height:auto}
@media(max-width:480px) {.selection-trainer{padding:16px}.selection-line{padding:10px}.selection-choices{gap:5px}[data-selection-result]{padding:14px}}

.speaking-evidence {padding:20px 0;border-bottom:1px solid #cbd8d5;overflow-wrap:anywhere}
.speaking-evidence h3 {font-size:20px;line-height:1.35}
.speaking-evidence blockquote {margin:14px 0;padding:12px 16px;border-left:3px solid #11645c;background:#f0f7f4}
/* Task pages also carry a long timed-editor link after the trainer. */
.selection-trainer ~ .oe-sec .btn {white-space:normal;height:auto;line-height:1.5;text-align:center}
#selection-trainer, #sample-feedback, .speaking-evidence, [data-selection-result] {scroll-margin-top:110px}

.selection-share {border-top:1px solid #cbd8d5;margin-top:24px;padding-top:20px}
.selection-share a {overflow-wrap:anywhere}
.selection-transfer {border-top:1px solid #cbd8d5;margin-top:24px;padding-top:20px}
.selection-transfer summary {cursor:pointer;font-weight:700;color:#0B5E5D;padding:10px 0}
.selection-transfer [data-transfer-body] {margin-top:14px}

.selection-transfer {scroll-margin-top:110px}
.selection-transfer .transfer-task summary {font-weight:500;padding:6px 0}