/* Ordered article clips use the same quiet cards as the journal. */
.article-videos{margin-top:44px;padding-top:32px;border-top:1px solid #e2ebe6}
.article-videos-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.article-videos-heading>svg{color:#007f75;width:25px;height:25px;flex-shrink:0}
.article-videos-heading h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0;letter-spacing:-.04em}
.article-videos-heading>span{margin-left:auto;white-space:nowrap;color:#60776d;font-size:13px}
.article-video-sequence{display:grid;gap:24px;list-style:none;padding:0;margin:0 0 22px}
.article-video-sequence>li{min-width:0}
.article-videos .article-video-card{display:block;position:relative;width:100%;padding:0;border:1px solid #e0e8e3;border-radius:22px;overflow:hidden;background:#f5f8f6;text-align:left;color:#203f34;box-shadow:0 12px 34px #173e3010;aspect-ratio:auto}
.article-video-poster{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#163c32}
.article-videos .article-video-poster img{position:static;display:block;width:100%;height:100%;object-fit:cover;opacity:1}
.article-videos .article-video-poster .play-circle{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:62px;height:62px;background:#fff;color:#007f75;box-shadow:0 8px 30px #0b211c40}
.article-videos .article-video-card>span.article-video-caption{position:static;inset:auto;display:flex;align-items:center;gap:16px;padding:22px 24px;background:#fff;color:#29473b;font-size:17px;line-height:1.4}
.article-videos .play-circle svg{fill:currentColor}
.article-video-caption>span:not(.article-video-index){flex:1;min-width:0}
.article-videos .article-video-caption small{display:block;margin-top:5px;font-size:12px;color:#74857b}
.article-video-caption .article-video-index{font-size:13px;color:#007f75;background:#eaf4ef;border-radius:12px;padding:10px;flex-shrink:0;font-variant-numeric:tabular-nums}
.article-video-caption>svg{width:18px;height:18px;color:#007f75;flex-shrink:0}
.article-video-card:focus-visible{outline:3px solid #008d80;outline-offset:4px}
/* The textarea remains a complete editor when JavaScript is unavailable. */
.article-video-editor{margin:22px 0 30px}
.article-video-editor [data-video-fallback] label{display:block;margin-bottom:10px;color:#52675b;font-size:13px}
.article-video-editor textarea{width:100%}
.article-video-list{list-style:none;display:grid;gap:12px;padding:0;margin:18px 0}
.article-video-row{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px 14px;padding:18px;background:#f5f9f7;border:1px solid #dce9e2;border-radius:18px}
.article-video-number{display:grid;place-items:center;height:36px;background:#e5f2eb;color:#007f75;border-radius:11px;font-size:12px;margin-top:25px}
.article-video-row>label{min-width:0;font-size:13px;color:#426153}
.article-video-row input{width:100%;min-width:0;display:block;margin-top:8px;background:#fff}
.article-video-actions{grid-column:2;display:flex;justify-content:flex-end;gap:8px}
.article-video-actions .icon-button{width:40px;height:40px;background:#fff;border:1px solid #d7e5dc;color:#527969}
.article-video-actions .icon-button svg{width:17px;height:17px}
.article-video-actions button:disabled{opacity:.35;cursor:default}
.article-video-actions [data-video-remove]{color:#99594c}
.article-video-editor .article-video-status{margin-top:12px}
@media(max-width:700px){
 .article-videos{margin-top:30px;padding-top:26px}
 .article-videos-heading{flex-wrap:wrap;gap:10px}
 .article-videos-heading h2{font-size:24px;flex:1}
 .article-videos-heading>span{font-size:12px}
 .article-videos .article-video-card>span.article-video-caption{padding:16px;gap:12px;font-size:15px}
 .article-videos .article-video-poster .play-circle{width:50px;height:50px}
 .article-video-row{padding:14px;grid-template-columns:28px minmax(0,1fr);gap:8px}
 .article-video-row input{font-size:16px}
 .article-video-number{height:28px;margin-top:29px}
 .article-video-actions .icon-button{width:44px;height:44px}
 .article-video-editor [data-video-add]{width:100%;justify-content:center;white-space:normal}
}