/* Practice articles: extend the shared site styles. */
.practice-dialogue{padding:18px 22px 10px;background:var(--cream);border-left:3px solid var(--green);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.practice-dialogue li{padding-bottom:10px}
.practice-dialogue li>span:last-child{color:var(--ink-soft)}
.practice-prompt{margin:20px 0;padding:22px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-sm)}
.practice-prompt p:last-child{margin-bottom:0}
.lesson-video{margin:24px 0}
.lesson-video details{padding:16px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-sm)}
.lesson-video summary,.article>section>details>summary{cursor:pointer;font-weight:600;color:var(--green);padding:8px 0}
.lesson-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;margin-top:14px;border-radius:10px;background:#14261d}
.lesson-video figcaption{font-size:.85rem;color:var(--ink-soft);margin-top:10px}
.article>section>details{margin:12px 0;padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.article>section>details[open]>summary{margin-bottom:12px}
.article :is(a,summary):focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}
.article section{scroll-margin-top:160px}