.article-practice{margin:1.5rem 0;padding:clamp(1rem,3vw,1.5rem);border:1px solid #8c78ad;border-radius:16px;background:#171323;color:#f5f2fa}
.article-practice [data-practice-controls]:not([hidden]){display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}
.article-practice button{font:inherit;font-weight:700;padding:.7rem 1rem;border:1px solid #c6a8ef;border-radius:10px;background:#e5d3ff;color:#20132e;cursor:pointer;min-height:44px}
.article-practice button:disabled{opacity:.55;cursor:default}
.article-practice textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;margin:.6rem 0 1rem;padding:1rem;border:1px solid #ab98c6;border-radius:10px;background:#0f0c17;color:#fff;font:inherit;line-height:1.6;resize:vertical}
.article-practice label{display:block;margin:.7rem 0;line-height:1.6}
.article-practice input{accent-color:#cfb0ff;width:1.1rem;height:1.1rem;margin-right:.5rem}
.article-practice summary{cursor:pointer;padding:.65rem 0;font-weight:700}
.article-practice :focus-visible{outline:3px solid #d9b8ff;outline-offset:3px}
.article-practice [data-practice-clock]{font-variant-numeric:tabular-nums;font-weight:700}
.wb-replica audio{display:block;width:100%;max-width:100%}
