.media-slot{margin:1.4rem 0;color:var(--navy,#071b36);min-width:0}
.media-card{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(0,1.3fr);gap:1.5rem;background:#f3f7fc;border:1px solid #cbd8e7;border-radius:18px;padding:1.15rem;align-items:start}
.media-preview{display:block;position:relative;isolation:isolate;aspect-ratio:4/3;background:#102d50;overflow:hidden;border-radius:10px;color:#fff!important;text-decoration:none!important;align-self:start}
.media-preview img{display:block;width:100%;height:100%;object-fit:contain}
.media-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#071b36e8;border:2px solid white;color:white;font-size:21px;padding-left:3px}
.media-preview-label{position:absolute;bottom:0;left:0;right:0;background:#071b36ed;color:#fff;padding:.65rem .8rem;font-size:.82rem;font-weight:700;line-height:1.4}
.media-preview:hover .media-play{background:#1261a8}.media-preview:focus-visible,.media-card a:focus-visible,.media-choice select:focus-visible{outline:3px solid #0061b2;outline-offset:4px}
.media-copy h3{margin:.25rem 0 .45rem;line-height:1.35;font-size:1.15rem}.media-copy h3 a{color:#073e78}.media-copy p{margin:.6rem 0;line-height:1.6}.media-copy .media-credit{font-size:.78rem;color:#40546b}
.media-copy .media-care{border-left:3px solid #876024;padding:.5rem .8rem;background:#fff9ed;font-size:.86rem;color:#473513}
.media-practice{border-top:1px solid #cbd8e7;padding-top:.7rem;margin-top:.8rem}.media-practice summary{font-weight:700;cursor:pointer;min-height:32px}.media-practice p{font-size:.93rem}
.media-choice{display:block;font-weight:700;margin-bottom:.8rem;max-width:100%}.media-choice select{display:block;margin-top:.35rem;width:100%;max-width:100%;min-width:0;min-height:44px;border:1px solid #a5b6ca;border-radius:9px;background:white;color:#0c2c52;padding:.55rem;font:inherit;font-size:.92rem}
.media-footnote{font-size:.78rem!important;line-height:1.55!important;color:#4a5e73;margin:.7rem .1rem!important;max-width:80ch}
.media-bbc-name{display:block;padding:1rem;letter-spacing:.1em;font-size:.9rem;font-weight:800}.media-bbc{background:#243b69}.media-preview-unavailable::before{content:'Video preview unavailable';display:block;padding:1rem;color:white;font-size:.85rem}
.media-teacher{border:1px solid #c4d2e4;border-radius:12px;padding:1rem;background:#f8faff}.media-teacher>summary{font-weight:700;cursor:pointer;line-height:1.5}.media-teacher>p{font-size:.9rem;margin:.7rem 0}
.media-portrait{display:grid;grid-template-columns:128px minmax(0,1fr);gap:1.3rem;align-items:center;margin:1.2rem 0;padding:1rem;background:#f3f7fc;border-radius:14px;border:1px solid #d7e1ed}
.media-portrait img{display:block;width:128px;height:auto;max-height:188px;object-fit:contain}.media-portrait figcaption{font-size:.8rem;line-height:1.6;color:#40546b}.media-portrait figcaption b{color:#102c4c;font-size:1rem}.media-portrait figcaption p{margin:.35rem 0}.media-portrait a{color:#074a84}
.media-browser{margin:1.5rem 0 2rem}.media-browser h2{margin-bottom:.4rem}
@media(max-width:720px){.media-card{grid-template-columns:1fr;gap:1rem;padding:.85rem}.media-preview{width:100%;max-width:430px;justify-self:center}.media-copy h3{font-size:1.06rem}.media-portrait{grid-template-columns:88px minmax(0,1fr);gap:.8rem;padding:.8rem}.media-portrait img{width:88px}.media-portrait figcaption{overflow-wrap:anywhere}}
@media print{.media-preview{display:none}.media-card{display:block;border-color:#aaa}.media-footnote{display:none}.media-portrait{break-inside:avoid}}