/* IELTS Practice: own styles on top of the shared frame */
.ie-lead{font-size:1.08rem;color:var(--soft)}
.ie-cta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.ie-h{margin:0 0 10px;font-size:1.15rem}
.btn.sm{min-height:40px;display:inline-flex;align-items:center}
.grid a{flex-wrap:wrap}.grid a small{white-space:normal}
.ie-task{background:var(--surface2);border-left:4px solid var(--teal);border-radius:8px;padding:12px 14px;font-weight:600}
.ie-answer{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:6px 16px;margin:12px 0}
.ie-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px;margin:10px 0}
.ie-card p{margin:.3em 0}.ie-card ul{margin:.2em 0}
.ie-cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.ie-cards .ie-card{margin:0}
.ie-ind{font-size:.88rem}
.ie-timer{text-align:center}
.ie-timer .big{font-size:clamp(2.6rem,1.6rem + 7vw,4.4rem);margin:.1em 0}
.ie-timer .ie-cta{justify-content:center}
.ie-tl{margin:0;color:var(--soft)}
.ie-done{border-color:var(--bad)}
.ie-done .big{color:var(--bad)}
input[inputmode]{width:100%;min-height:46px;padding:10px 12px;font:inherit;font-size:1rem;color:var(--ink);background:var(--field);border:1px solid var(--field-line);border-radius:10px}
[hidden]{display:none!important}
@media print{.ie-cta,.ie-ind,.finder{display:none!important}}