/* Video cards and the "Flere videoer" link, shared by the home page and the Articles page. */
.cms-scroll { overflow-x:auto; padding-block:8px 16px; scroll-snap-type:x proximity; }
.cms-video-track { display:flex; gap:20px; align-items:stretch; }
.mc { position: relative; display:block; color:inherit; text-decoration:none; scroll-snap-align:start; flex: 0 0 300px; background: var(--surface); border: 1px solid var(--border); overflow: hidden; }
@media (max-width: 700px) { .mc { flex-basis: 250px; } }
.mc .th { position: relative; aspect-ratio: 16 / 9; background: var(--orange-tint); }
.mc .th img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mc .mlm-sharebtn { z-index: 1; right: 12px; }
.mc .th .pl { position: absolute; bottom: 12px; left: 12px; width: 36px; height: 36px; box-shadow: var(--shadow-md); border-radius: 50%; background: rgba(255,255,255,.92); display: grid; place-items: center; }
.mc .bd { padding: 14px 16px 16px; }
.mc :is(h2,h3) { font-family: var(--font-sans); font-weight: var(--weight-strong); line-height: 1.3; font-size: 15px; margin-bottom: 4px; }
#main .mc h2 { font-size: 24px; font-weight: var(--weight-semibold); }
.mc p { font-size: 12.5px; color: var(--muted); }
.carctl { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-bottom: 8px; }
#carYt { display: inline-block; padding: 6px 0; font: var(--weight-regular) 16px/1.3 var(--font-sans); letter-spacing: .01em; color: var(--orange-dark); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
#carYt:hover { text-decoration-thickness: 2px; }