/* The five-phrase practice card keeps the existing article palette and type. */
.vc-practice{margin:24px 0;padding:24px;background:var(--sand);border:1px solid var(--sand-dark);border-radius:var(--radius-lg);color:var(--ink);min-height:210px;overflow-wrap:anywhere}
.post-body .vc-practice p{margin:0}
.post-body .vc-practice .vc-practice-target{color:var(--ink);line-height:1.3}
.vc-practice-intro{min-height:112px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.vc-practice-intro p{margin:0;color:var(--ink-soft)}
.vc-practice button{min-height:44px;padding:10px 16px;border:1px solid var(--sand-dark);border-radius:99px;background:var(--white);color:var(--ink);font:800 16px var(--font-rounded);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.vc-practice button:hover:not(:disabled){border-color:var(--coral);color:var(--coral)}
.vc-practice button:active:not(:disabled){transform:translateY(1px)}
.vc-practice button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.vc-practice button:disabled{opacity:.55;cursor:default}
.vc-practice-start,.vc-practice-next,.vc-practice-restart{background:var(--coral)!important;border-color:var(--coral)!important;color:#fff!important}
.vc-practice-start:hover:not(:disabled),.vc-practice-next:hover:not(:disabled),.vc-practice-restart:hover:not(:disabled){background:var(--coral-dark,#c30000)!important;color:#fff!important}
.vc-practice-round{display:grid;gap:16px}
.vc-practice-progress{margin:0;font:800 14px var(--font-rounded);color:var(--ink-soft)}
.vc-practice-target{margin:0;font:800 clamp(20px,4vw,24px)/1.3 var(--font-rounded);letter-spacing:-.01em}
.vc-practice-actions{display:flex;flex-wrap:wrap;gap:10px}
.vc-practice-answer{padding:16px;background:var(--white);border:1px solid var(--sand-dark);border-radius:var(--radius);display:grid;gap:4px}
.vc-practice-native,.vc-practice-note{margin:0}
.vc-practice-native{font:800 18px/1.35 var(--font-rounded)}
.vc-practice-note{color:var(--ink-soft);font-size:15px}
.vc-practice-status{min-height:1.5em;margin:0;color:var(--ink-soft);font-size:14px}
.vc-practice-finish{display:grid;gap:14px;min-height:112px;align-content:center}
.vc-practice-finish p{margin:0;font:inherit;line-height:1.55}
.vc-practice-finish p:first-child strong{font:800 20px/1.3 var(--font-rounded)}
.vc-practice-finish-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.vc-practice-finish a{color:var(--coral);font-weight:800;text-decoration:underline;text-underline-offset:2px}
.vc-practice-audio{display:none}
.vc-practice [hidden]{display:none!important}
html.dark .vc-practice-answer{background:var(--white)}
@media(max-width:420px){.vc-practice{padding:18px}.vc-practice-actions,.vc-practice-finish-actions{align-items:stretch;flex-direction:column}.vc-practice-actions button,.vc-practice-finish-actions button,.vc-practice-finish-actions a{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.vc-practice button{transition:none}}
