/* Let the supplied artwork be the entire card, at its original 16:9 ratio. */
body .ed-card.mk-image-card{position:relative;display:block;isolation:isolate;box-sizing:border-box;width:100%;min-width:0;aspect-ratio:16/9;margin:0;padding:0;border:0;border-radius:24px;overflow:hidden;background:#080908;text-decoration:none!important;box-shadow:0 0 0 1px #ffffff14,0 12px 32px #00000024;transform:translateY(0);transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s}
body .ed-card.mk-image-card>.mk-card-cover{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;max-height:none;margin:0;padding:0;aspect-ratio:16/9;object-fit:contain;border-radius:inherit;background:#080908;transform:none!important;transition:none}
body .ed-card.mk-image-card>.mk-card-title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}
body .ed-card.mk-image-card:before{content:"";position:absolute;inset:0;z-index:2;border:1px solid #ffffff20;border-radius:inherit;pointer-events:none;transition:border-color .35s}
body .ed-card.mk-image-card:after{content:"";position:absolute;inset:-50%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff0c 48%,#ffffff18 50%,#ffffff0c 52%,transparent 58%);transform:translateX(-75%);transition:transform .75s cubic-bezier(.2,.7,.2,1)}
body .ed-card.mk-image-card>.mk-card-open{position:absolute;z-index:3;inset-inline-end:15px;bottom:15px;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:1px solid #f16a2180;border-radius:50%;background:#f16a21;color:#13100c;box-shadow:0 4px 18px #0005;opacity:0;transform:translate(-5px,8px) rotate(-12deg);transition:opacity .25s,transform .35s}
body .ed-card.mk-image-card>.mk-card-open svg{display:block;width:20px;height:20px;margin:0}
body .ed-card.mk-image-card:hover,body .ed-card.mk-image-card:focus-visible{transform:translateY(-7px);box-shadow:0 0 0 1px #f16a2199,0 16px 42px #0005,0 0 30px #f16a2110}
body .ed-card.mk-image-card:hover:before,body .ed-card.mk-image-card:focus-visible:before{border-color:#f16a2188}
body .ed-card.mk-image-card:hover:after,body .ed-card.mk-image-card:focus-visible:after{transform:translateX(75%)}
body .ed-card.mk-image-card:hover>.mk-card-open,body .ed-card.mk-image-card:focus-visible>.mk-card-open{opacity:1;transform:translate(0,0) rotate(0)}
body .ed-related .ed-grid{align-items:start;gap:26px;padding-top:28px;padding-bottom:0}
body.journal-article .ed-related>.ed-grid{gap:28px}
@media(max-width:700px){body .ed-card.mk-image-card{border-radius:18px}body .ed-related .ed-grid,body.journal-article .ed-related>.ed-grid{gap:24px}}
@media(hover:none){body .ed-card.mk-image-card>.mk-card-open{opacity:1;transform:none;width:34px;height:34px;bottom:12px;inset-inline-end:12px}body .ed-card.mk-image-card>.mk-card-open svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){body .ed-card.mk-image-card,body .ed-card.mk-image-card:after,body .ed-card.mk-image-card>.mk-card-open{transition:none!important;transform:none!important}}

body .ed-related>.ed-grid+.ed-button{margin-top:28px}

/* Readable headings on the article planning panel in both themes. */
#practical-next-step.ed-callout h2{color:#171717!important}