.listening-landing{width:min(100% - 40px,760px);margin:40px auto 72px}.listening-landing h1{margin:0 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.15}.listening-lead{margin:0 0 32px;font-size:18px;line-height:1.6;color:var(--ink-soft)}.listening-how{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.listening-how h2{margin:0 0 12px;font-size:20px}.listening-how__list{margin:0;padding:0;list-style:none;display:grid;grid-gap:12px;gap:12px}.listening-how__list li{line-height:1.55}.listening-start-row{margin-top:32px}.listening-start{padding:12px 24px;font:inherit;font-size:17px;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer}.listening-start:hover:not(:disabled){background:#1a4530}.listening-start:disabled{color:var(--ink-faint);background:var(--panel-quiet);border-color:var(--line);cursor:default}.listening-start-error{margin:8px 0 0;font-size:15px;color:var(--alarm)}.listening-note{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--ink-faint)}.listening-landing__key{display:block}.listening-landing__skills{margin-top:24px}.listening-landing__full{margin:20px 0 0;font-size:16px}