@layer components{.listening{gap:var(--space-4);max-width:52rem;padding:var(--space-6) var(--space-4);flex-direction:column;margin:0 auto;display:flex}.listening h1{letter-spacing:0;margin:0;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.15}.listening h2{letter-spacing:0;font-size:clamp(1.25rem,3.5vw,1.6rem);line-height:1.2}.listening h3{letter-spacing:0;font-size:1.05rem;line-height:1.3}.listening_levels{gap:var(--space-2);flex-wrap:wrap;display:flex}.listening_levelchip{border:2px solid var(--color-border);font:inherit;font-weight:var(--primary-bold);cursor:pointer;background:#fff;border-radius:999px;padding:.4rem 1rem}.listening_levelchip.is-active{color:#fff;background:#111827;border-color:#111827}.listening_levelchip:focus-visible{outline:var(--outline-focus);outline-offset:2px}.listening_empty,.listening_lead{color:var(--color-text-secondary);margin:0}.listening_list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.listening_card{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--color-border);background:#fff;border-radius:1.25rem;flex-direction:column;display:flex}.listening_card h2,.listening_card h3,.listening_card p{margin:0}.listening_card.is-section{align-items:stretch}.listening_level{font-size:var(--text-small);font-weight:var(--primary-bold);background:#ffd84d;border-radius:999px;padding:2px 10px}.listening_meta,.listening_note,.listening_instruction{color:var(--color-text-secondary);font-size:var(--text-small);margin:0}.listening_back{font:inherit;color:var(--color-blue-text);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.listening_score{padding:var(--space-3) var(--space-4);font-weight:var(--primary-bold);background:#e8f7ec;border-radius:1rem;margin:0}.listening_tabs{gap:var(--space-2);display:flex}.listening_tab{border:2px solid var(--color-border);width:2.5rem;height:2.5rem;line-height:1;font:inherit;font-weight:var(--primary-bold);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid}.listening_tab.is-active{color:#fff;background:#111827;border-color:#111827}.listening_audio{width:100%;margin:var(--space-2) 0}.listening_group{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--color-border);flex-direction:column;display:flex}.listening_heading{font-weight:var(--primary-bold);margin:0}.listening_questions{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.listening_q{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.listening_num{color:#4a2bb0;min-width:1.75rem;height:1.75rem;font-size:var(--text-small);font-weight:var(--primary-bold);background:#ece5fb;border-radius:50%;place-items:center;display:inline-grid}.listening_line{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.listening_input{border:2px solid var(--color-border);min-width:10rem;font:inherit;border-radius:.6rem;padding:.35rem .6rem}.listening_input:focus-visible{outline:var(--outline-focus);outline-offset:2px}.listening_q.is-right .listening_input{background:#e8f7ec;border-color:#26890c}.listening_q.is-wrong .listening_input{background:#fde8e8;border-color:#c0392b}.listening_fix{color:#26890c;font-size:var(--text-small)}.listening_choice{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.listening_choice p{margin:0}.listening_options{gap:var(--space-2);flex-wrap:wrap;display:flex}.listening_option{border:2px solid var(--color-border);font:inherit;cursor:pointer;text-align:left;background:#fff;border-radius:.8rem;gap:.4rem;padding:.4rem .9rem;display:inline-flex}.listening_option:focus-visible{outline:var(--outline-focus);outline-offset:2px}.listening_option.is-picked{background:#f3f4f6;border-color:#111827}.listening_option.is-key{background:#e8f7ec;border-color:#26890c}.listening_option.is-miss{background:#fde8e8;border-color:#c0392b}.listening_script{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-border);border-radius:1rem}.listening_script summary{cursor:pointer;font-weight:var(--primary-bold)}.listening_script p{margin:var(--space-2) 0}.listening_foot{gap:var(--space-2);flex-wrap:wrap;display:flex}}