.media-content{padding-block:32px 64px}
.media-tabs{display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid #c4d5e2;margin-bottom:28px;padding-bottom:12px}
.media-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:10px 20px;color:#084d91;text-decoration:none;font-weight:600;border-radius:4px}
.media-tabs a[aria-current=page],.media-tabs a:hover{background:#084d91;color:#fff}
.media-intro{max-width:70ch;line-height:1.7;color:#234761;margin-bottom:24px}
.media-total,.media-meta{font-size:14px;color:#405b70}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
.media-card{min-width:0;border-bottom:1px solid #c4d5e2;padding-bottom:24px}
.media-card video,.media-card iframe,.media-cover{display:block;width:100%;aspect-ratio:16/9;background:#102c42;border:0}
.media-card video{object-fit:contain}
.media-card video+video,.media-card iframe+iframe{margin-top:12px}
.media-cover img{display:block;width:100%;height:100%;object-fit:cover}
.media-cover span{display:grid;place-items:center;height:100%;color:#fff}
.media-card-copy{padding-top:16px}
.media-card h2{font-size:20px;line-height:1.45;margin:10px 0 12px;text-wrap:pretty;overflow-wrap:anywhere}
.media-card h2 a{color:#12334e;text-decoration:none}
.media-card h2 a:hover,.media-read:hover{text-decoration:underline;text-underline-offset:4px}
.media-categories{font-size:13px;line-height:1.7;margin:0 0 12px}
.media-categories a,.media-read{color:#084d91}
.media-read{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:14px}
.media-meta{margin:0;font-variant-numeric:tabular-nums}
.media-empty{padding-block:32px}.media-empty h2{font-size:24px;line-height:1.4}
.media-pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.media-pagination .page-numbers{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px 14px;color:#084d91;background:#edf4fa}
.media-pagination .current{background:#084d91;color:#fff}
.media-page :focus-visible{outline:3px solid #a36d00;outline-offset:4px}
.media-page ::selection{background:#f3ce58;color:#12334e}
.entry-content video,.entry-content iframe{max-width:100%}.entry-content video{width:100%;height:auto;background:#102c42}
@media(max-width:1024px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.media-grid{grid-template-columns:minmax(0,1fr);gap:28px}.media-content{padding-block:24px 40px}.media-card h2{font-size:19px}}