.gap-fill{max-width:900px;margin:0 auto;text-align:center}.gap-instruction{font-weight:700;color:#354460}.gap-sentence{font-size:clamp(1.4rem,3vw,2.5rem);line-height:2.1;overflow-wrap:anywhere;padding:18px;background:#f5f8ff;border-radius:20px}.gap-slot{font:inherit;font-weight:800;line-height:1.3;min-width:70px;min-height:48px;max-width:100%;margin:0 5px;padding:4px 12px;background:#fff;border:2px solid #4c5bdd;border-radius:10px;color:#253d89;vertical-align:baseline}.gap-slot.empty{border-style:dashed}.gap-help{color:#57627a;font-size:.95rem}.gap-choices,.gap-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:18px 0}.gap-choices button{font-size:1.2rem;min-height:48px;padding:12px 20px;background:#fff;border:2px solid #b5c2e8;border-radius:13px;overflow-wrap:anywhere;max-width:100%}.gap-choices button[aria-pressed=true]{opacity:.5}.gap-status{min-height:1.6em;font-weight:700}.gap-status.correct{color:#176442}.gap-fill button:focus-visible{outline:4px solid #f0a11b;outline-offset:3px}.gap-slot:disabled{opacity:1;color:#176442;border-color:#258354}.gap-actions button{min-height:48px}@media(max-width:480px){.gap-sentence{padding:12px;font-size:1.4rem}.gap-choices{gap:8px}.gap-choices button{padding:10px 14px}.gap-actions{gap:8px}}
/* Own both foreground and surface: this component appears on navy solo and pale teacher screens. */
.gap-fill{background:#f5f8ff;color:#203241;border:1px solid #d3dff0;border-radius:20px;padding:18px}
.gap-fill .gap-sentence{color:#203241;background:#f5f8ff}
.gap-fill .gap-instruction{color:#354460}.gap-fill .gap-help{color:#57627a}
.gap-fill .gap-status{color:#354460}.gap-fill .gap-status.correct{color:#176442}
.gap-fill .gap-actions>span{color:#354460}
.gap-fill .gap-choices button{color:#203241;background:#fff;opacity:1}
.gap-fill .gap-choices button[aria-pressed=true]{background:#e0e9f5;color:#354460;border-color:#6a80a5;opacity:1}
.gap-fill .gap-slot{background:#fff;color:#253d89;opacity:1}
.gap-fill .gap-slot:disabled{background:#fff;color:#176442;opacity:1}
.gap-fill .gap-actions .primary{background:#253d89;color:#fff;border:1px solid #253d89;opacity:1}
.gap-fill .gap-actions .primary:disabled{background:#e0e9f5;color:#526278;border-color:#b5c2e8;opacity:1}
.gap-fill .gap-actions .quiet{background:#fff;color:#354460;border:1px solid #b5c2e8;opacity:1}
.sentence-self-play h1,.sentence-self-play .sentence-status{color:#f3f7ff}
.sentence-self-play .sentence-self-meta{color:#c7d8e9}
.sentence-self-results,.sentence-self-results h1{color:#f3f7ff}
.sentence-self-results .muted{color:#c7d8e9}
@media(max-width:480px){.gap-fill{padding:12px}.gap-fill .gap-sentence{padding:10px 4px}}