/* Catchie V284.16 — C1 activity controls inside the established ESL1–4 shell.
 * course.css, english-learning-enhancements.css, learning-first-v277-2.css and
 * the site theme adapter own all course widths, heroes, cards and breakpoints.
 * This sheet is scoped to ESL5/6; it must not restyle shared .button primaries.
 */
.c1-wrap .lesson-main,.c1-wrap .c1-step-group,.c1-wrap .term-card{min-width:0}
.c1-wrap .lesson-art-frame:after{content:none}
.c1-wrap .c1-step-group,.c1-wrap [id]{scroll-margin-top:110px}
.c1-source{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel);line-height:1.8}
.c1-source small,.c1-paragraph-number{color:var(--muted)}
.c1-paragraph-number{font-size:.8em}
.c1-field{margin:10px 0;padding-inline-start:12px;border-inline-start:2px solid var(--line)}
.c1-field>strong{font-size:.9em}
.c1-list{padding-inline-start:24px}
.c1-list p{margin:8px 0}
.c1-task-detail,.c1-help{padding:10px 0}
.c1-task-detail>summary,.c1-help>summary,.c1-game-unit>summary{cursor:pointer;font-weight:800;line-height:1.5}
.c1-wrap textarea,.c1-wrap input[type=text],.c1-wrap input[type=number],.c1-wrap input[type=search]{box-sizing:border-box;max-width:100%;min-height:44px;font:inherit;line-height:1.6;border:1px solid var(--line);border-radius:12px;padding:11px 13px;background:var(--panel);color:var(--text)}
.c1-wrap textarea{display:block;width:100%;min-height:120px;resize:vertical}
.c1-wrap label{line-height:1.6}
.c1-workspace{display:block;margin:18px 0}
.c1-audio-controls{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.c1-wrap .speak-button,.c1-wrap .button{min-height:44px}
.c1-wrap button:not(.button):not(.speak-button){font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--panel-soft);color:var(--text);min-height:44px}
.c1-wrap button:focus-visible,.c1-wrap input:focus-visible,.c1-wrap textarea:focus-visible,.c1-wrap a:focus-visible,.c1-wrap summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px}
.c1-wrap .quiz-question{min-width:0}
.c1-wrap .quiz-question legend{font-weight:800;max-width:100%}
.c1-wrap .quiz-option{align-items:flex-start}
.c1-wrap .quiz-option input{flex:0 0 auto;margin-top:.4em}
.c1-wrap [hidden]{display:none!important}
.c1-feedback{font-weight:600}
.c1-dialogue{margin-block:12px}
.c1-spelling{padding:18px 0;border-bottom:1px solid var(--line)}
.c1-spelling label{display:block;margin:10px 0}
.c1-status:empty{display:none}
.c1-status{padding:14px;margin-bottom:18px;border:1px solid var(--line);border-radius:12px;background:var(--panel-soft);color:var(--text)}
.c1-passage{line-height:1.9}
.c1-game-unit{overflow:hidden}
.c1-wrap output{display:inline-block;font-size:1.6rem;margin-inline:12px;font-variant-numeric:tabular-nums;vertical-align:middle}
.c1-timer>label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
.c1-wrap p,.c1-wrap h1,.c1-wrap h2,.c1-wrap h3,.c1-wrap li{overflow-wrap:break-word}
.c1-activity-links nav{display:grid;gap:8px;padding:0 12px 12px}
.c1-activity-links a{color:var(--muted);text-decoration:none}
.c1-activity-links a:hover{color:var(--text)}
@media(max-width:660px){.c1-source{padding:14px}.c1-audio-controls .speak-button{flex:1}.c1-wrap .vocabulary-grid{grid-template-columns:minmax(0,1fr)}}