/* Phase 1 Phonics Pilot — self-contained; never restyles the existing Tableau. */
.phonics-pilot{--pp-blue:#173a61;max-width:980px;margin:30px auto 44px;padding:clamp(20px,3.5vw,34px);border:2px solid #d3e3f5;border-radius:24px;background:linear-gradient(145deg,#f9fcff 0%,#f3f8fc 100%);box-shadow:0 8px 24px rgba(24,50,87,.06)}
.phonics-pilot *{box-sizing:border-box}
.phonics-pilot [hidden]{display:none!important}
.phonics-pilot-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.phonics-pilot-tag{display:inline-block;padding:5px 11px;border-radius:999px;background:#e3f1ed;color:#215c46;font-size:.75rem;font-weight:800;letter-spacing:.02em}
.phonics-pilot h2{margin:15px 0 8px;font-size:clamp(1.4rem,3vw,2rem);line-height:1.3;color:var(--pp-blue)}
.phonics-pilot-desc{margin:0 0 18px;max-width:65ch;line-height:1.6;color:#35526e}
.phonics-pilot-ready{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:13px;background:#fff;border:1px solid #d7e2ec;line-height:1.5;font-size:.96rem}
.phonics-pilot-ready input{width:19px;height:19px;margin-top:3px;flex-shrink:0;accent-color:var(--pp-blue)}
.phonics-pilot-btn,.phonics-pilot-option{font:inherit;cursor:pointer;min-height:50px;border-radius:14px;font-weight:800}
.phonics-pilot-btn{border:2px solid var(--pp-blue);background:var(--pp-blue);color:#fff;padding:11px 20px}
.phonics-pilot-btn:disabled,.phonics-pilot-option:disabled{cursor:default;opacity:.58}
.phonics-pilot-btn:focus-visible,.phonics-pilot-option:focus-visible,.phonics-pilot-ready input:focus-visible{outline:3px solid #f2bd59;outline-offset:4px}
.phonics-pilot-start{margin:15px 0 4px}
.phonics-pilot-round{margin-top:16px;padding:clamp(16px,3vw,28px);border-radius:18px;border:1px solid #d7e2ec;background:#fff;text-align:center}
.phonics-pilot-progress{display:block;margin-bottom:4px;color:#52657a;font-size:.88rem;font-weight:700}
.phonics-pilot-question{font-size:1.25rem;font-weight:800;color:var(--pp-blue);margin:12px 0 20px}
.phonics-pilot-play{min-width:220px}
.phonics-pilot-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 10px}
.phonics-pilot-option{min-height:78px;border:2px solid #b9cbdc;background:#f8fbff;color:var(--pp-blue);font-size:clamp(1.55rem,4vw,2.15rem);transition:border-color .12s}
.phonics-pilot-option:not(:disabled):hover{border-color:var(--pp-blue);background:#edf5ff}
.phonics-pilot-option[data-correct="true"]{border-color:#3a815f!important;background:#e5f5ec!important;color:#1d6945!important;opacity:1}
.phonics-pilot-option[data-retry="true"]{border-color:#c6cbd0;color:#52657a;text-decoration:line-through;opacity:.68}
.phonics-pilot-feedback{min-height:28px;margin:15px 0;color:#264568;font-weight:700;line-height:1.55}
.phonics-pilot-note{font-size:.85rem;color:#52657a;margin:16px 0 0;line-height:1.55}
.phonics-pilot-error{color:#a12f43;font-weight:700;line-height:1.55;margin:12px 0}
@media(max-width:560px){.phonics-pilot{padding:17px;border-radius:18px}.phonics-pilot-options{gap:7px}.phonics-pilot-option{min-height:64px}.phonics-pilot-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.phonics-pilot-option{transition:none}}

.phonics-pilot-audio-settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 17px}
.phonics-pilot-audio-caption{color:#52657a;font-size:.85rem;font-weight:800}
.phonics-pilot-audio-switch{display:inline-flex;padding:3px;border:1px solid #bfd1e2;border-radius:999px;background:#fff}
.phonics-pilot-audio-switch button{border:0;border-radius:999px;background:transparent;color:#425871;padding:9px 15px;min-height:42px;font:inherit;font-weight:800;cursor:pointer}
.phonics-pilot-audio-switch button[aria-pressed="true"]{background:var(--pp-blue);color:#fff}
.phonics-pilot-audio-switch button:focus-visible{outline:3px solid #f2bd59;outline-offset:3px}