/* CLIL Week2 adapter: BECOME tokens and core controls come from lesson-ui.css. */
#picture-frame{background-image:none;overflow:hidden}
#picture{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:16px}
#picture-frame #picture{position:absolute;inset:0}
#instruction{font-size:20px;margin:10px 0}
#audio[aria-pressed=true]{background:var(--green);color:white}
#pair-outcomes{margin-top:12px}
#pair-outcomes[hidden]{display:none}
#outcome-label{font-weight:600}
#record{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#count{margin-left:auto}
#igkLessonBack{display:none}

/* User-requested large control variant: >=54 displayed px at 75% zoom.
   Preserve BECOME order/visual language; intentionally exceed its old dimensions. */
#practice-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
#practice-controls button,#pair-outcomes button{min-height:72px;font-size:24px;line-height:1.25;padding:16px 20px;min-width:0;width:100%;white-space:normal}
#pair-outcomes>.controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:16px;align-items:stretch}
#outcome-label{grid-column:1/-1}
@media(max-width:650px){#practice-controls,#pair-outcomes>.controls{grid-template-columns:repeat(2,minmax(0,1fr))}#swap{grid-column:1/-1}}

/* Week2 runner only: original timer/session/feedback controller is retained. */
body:has(#steps){font:18px/1.55 system-ui,sans-serif;color:#18334a}.wrap{max-width:960px;padding:0 18px}.clock .btns{display:flex;gap:16px;flex-wrap:wrap}.clock button,.go,.ck,#readyBtn,.fbbtns button{min-height:72px!important;font-size:24px!important;line-height:1.25!important;padding:16px 20px!important;border-radius:12px!important}.ck{min-width:72px!important;width:72px!important;height:72px!important}.step .tm{font-size:22px}.step .ttl{font-size:24px}.step .top{gap:16px}.step .body,.step .do{font-size:18px;line-height:1.55}.step-help{margin:16px 0}.step-help summary,.runner-help>summary,.feedback-panel>summary{cursor:pointer;min-height:48px;font-weight:700;padding:12px}.runner-help,.feedback-panel{background:#fff;border:1px solid #c9d9e6;border-radius:16px;margin:14px 0}.before .blh{min-height:64px}.go{display:flex;align-items:center}.feedback-panel .fb{margin:0}.head .back{min-height:48px;display:flex;align-items:center}.fbgrid{min-width:0}.fbgrid input,.fbgrid select,.fb textarea{min-width:0;max-width:100%}.step-help .adv,.step-help .tell,.step-help .warn,.step-help .tip{font-size:17px}
@media(max-width:650px){.wrap{padding:0}.clock .btns button{flex:1}.step .top{flex-wrap:wrap}.step .ttl{flex-basis:55%}.go{width:100%;white-space:normal}.fbgrid{grid-template-columns:1fr}.clock .btns{width:100%}}