.media-block{display:block;margin:24px 0;max-width:100%}.media-block img,.media-block video{display:block;max-width:100%;height:auto;border-radius:10px}.media-block video{width:100%;max-height:80vh;background:#101820}.media-block .media-icon{max-width:96px;max-height:96px}.media-caption,.media-credit,.media-transcript,.media-transcript>span{display:block}.media-caption{margin-top:8px}.media-credit{font-size:.85em;color:#536772}.media-transcript{margin-top:16px;white-space:pre-line}.media-external{display:flex;flex-direction:column;gap:16px;padding:32px;background:#eaf4f8;border-radius:10px}.media-external button{align-self:flex-start;background:#007fac;color:white;padding:12px 20px;border:0;border-radius:6px;cursor:pointer;font:inherit}.media-block iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.media-missing{color:#a34400}

/* Practice cards: title and short description remain visible when collapsed. */
.article-content .practice-card{margin:20px 0;border:1px solid #cbdde5;border-left:4px solid #0086b3;border-radius:0 12px 12px 0;background:#fff;overflow:hidden}
.article-content .practice-card>summary{display:block;list-style:none;cursor:pointer;padding:28px 32px;background:#f3f9fc}
.practice-card>summary::-webkit-details-marker{display:none}
.article-content .practice-card>summary:focus-visible{outline:3px solid #0086b3;outline-offset:-5px}
.article-content .practice-card>summary:hover{background:#eaf5fa}
.article-content .practice-card h2{font-size:clamp(1.3rem,2.3vw,1.65rem);line-height:1.3;margin:8px 0 14px}
.article-content .practice-card p{margin:0 0 12px}
.article-content .practice-card .practice-topic{font-size:.8rem;font-weight:600;color:#007b9f;line-height:1.6}
.practice-toggle{display:block;margin-top:18px;font-size:.9rem;font-weight:600;color:#007b9f}
.practice-card .when-open,.practice-card[open] .when-closed{display:none}
.practice-card[open] .when-open{display:inline}
.practice-detail{padding:26px 32px;border-top:1px solid #cbdde5}
.article-content .practice-detail h3{font-size:1.1rem;margin:22px 0 8px}
.article-content .practice-detail>p:last-child{margin-bottom:0}
@media(max-width:600px){.article-content .practice-card>summary,.practice-detail{padding:22px 20px}}
 .article-content .practice-card>summary{font-weight:400}

.practice-detail p{white-space:pre-line}.article-content .practice-card{padding:0}
