/* Scoped factual archive styles: shared brand variables and existing buttons. */
.media-archive { scroll-margin-top: 100px; }
.media-archive .archive-heading { max-width: 760px; margin-bottom: 2rem; }
.media-archive .archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: start; }
.media-archive .archive-card { min-width: 0; overflow: hidden; background: var(--white); border: 1px solid var(--gray-2); border-radius: var(--radius); box-shadow: var(--shadow-soft); }
.media-archive .archive-body { padding: clamp(1.25rem, 3vw, 2rem); }
.media-archive h3 { font-family: "Montserrat", Arial, sans-serif; font-size: clamp(1.15rem, 2vw, 1.5rem); line-height: 1.4; text-transform: none; overflow-wrap: anywhere; }
.media-archive .archive-source { color: var(--navy-2); font-weight: 700; font-size: .88rem; margin-bottom: .75rem; }
.media-archive .archive-byline, .media-archive .archive-note { color: #4b596d; font-size: .9rem; }
.media-archive .archive-figure { margin: 0; }
.media-archive .archive-figure img { width: 100%; height: 260px; object-fit: cover; object-position: center 8%; }
.media-archive figcaption { padding: .65rem 1rem; font-size: .78rem; color: #4b596d; background: var(--gray); }
.media-archive .archive-player, .media-archive .archive-video-preview { display: block; position: relative; aspect-ratio: 16 / 9; background: var(--navy); overflow: hidden; }
.media-archive .archive-player-preview { position: absolute; inset: 0; }
.media-archive .archive-player img, .media-archive .archive-video-preview img { width: 100%; height: 100%; object-fit: contain; }
.media-archive .archive-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.media-archive .archive-load { position: absolute; inset: 0; width: 100%; border: 0; background: transparent; color: white; cursor: pointer; }
.media-archive .archive-load[hidden] { display: none; }
.media-archive .archive-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: white; border: 2px solid white; font-size: 1.2rem; box-shadow: 0 3px 14px #0005; transition: background .18s ease; }
.media-archive .archive-load-label { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); white-space: nowrap; background: var(--navy); padding: .2rem .75rem; border-radius: 4px; }
.media-archive a:focus-visible, .media-archive button:focus-visible { outline: 3px solid var(--red); outline-offset: -4px; }
.media-archive .archive-load:hover .archive-play, .media-archive .archive-video-preview:hover .archive-play { background: var(--red-dark); }
.media-archive .archive-more { margin: 2rem 0 0; }
.media-archive #interview { scroll-margin-top: 110px; }
@media (max-width: 767.98px) { .media-archive .archive-grid { grid-template-columns: minmax(0, 1fr); } .media-archive .archive-figure img { height: 230px; } }
@media (prefers-reduced-motion: reduce) { .media-archive *, .media-archive *::before, .media-archive *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }