.multimedia-page{padding-bottom:76px}
.multimedia-page .page-deck{max-width:760px;margin-top:-8px}
.multimedia-note{margin:24px 0 20px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);font-size:13px;line-height:1.5}
.multimedia-search{margin:4px 0 18px;padding:12px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.multimedia-search__input{display:block;width:100%;box-sizing:border-box;appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.35;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.multimedia-search__input::placeholder{color:var(--muted);opacity:.9}
.multimedia-search__input:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(47,110,207,.10)}
html[data-theme="dark"] .multimedia-search__input{background:#182134}
html[data-theme="dark"] .multimedia-search__input:focus{box-shadow:0 0 0 2px rgba(110,168,255,.12)}
.multimedia-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.multimedia-filter{appearance:none;border:1px solid #d7dbea;background:var(--card);color:var(--ink);border-radius:999px;padding:5px 9px;font:inherit;font-size:11px;font-weight:400;line-height:1.2;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}
.multimedia-filter:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}
.multimedia-filter[aria-pressed="true"]{border-color:rgba(245,130,20,.42);background:rgba(245,130,20,.08);color:var(--orange)}
.multimedia-filter--gallery:hover,.multimedia-filter--gallery[aria-pressed="true"]{border-color:#7ea6e8;color:#1d2a4d;background:rgba(167,197,245,.34)}
.multimedia-filter--video:hover,.multimedia-filter--video[aria-pressed="true"]{border-color:#6746ca;color:#6746ca;background:rgba(103,70,202,.08)}
.multimedia-filter--infographic:hover,.multimedia-filter--infographic[aria-pressed="true"]{border-color:#2f6ecf;color:#2f6ecf;background:rgba(47,110,207,.08)}
.multimedia-filter--audio:hover,.multimedia-filter--audio[aria-pressed="true"]{border-color:#f58214;color:#f58214;background:rgba(245,130,20,.08)}
.multimedia-filter--interactive:hover,.multimedia-filter--interactive[aria-pressed="true"]{border-color:#1d2a4d;color:#1d2a4d;background:rgba(29,42,77,.08)}
.multimedia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.multimedia-card{min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden;box-shadow:0 8px 22px rgba(12,25,48,.04)}
.multimedia-card[hidden]{display:none}
.multimedia-card__link{display:block;height:100%}
.multimedia-card__media{position:relative;aspect-ratio:16/10;background:#eef1f6;overflow:hidden}
.multimedia-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.multimedia-card__link:hover .multimedia-card__media img{transform:scale(1.018)}
.multimedia-card__badges{position:absolute;left:12px;top:12px;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px)}
.multimedia-card__badge{display:inline-flex;padding:5px 8px;border-radius:999px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.multimedia-card__badge--gallery{background:rgba(167,197,245,.96);color:#1d2a4d}
.multimedia-card__badge--video{background:rgba(103,70,202,.94)}
.multimedia-card__badge--infographic{background:rgba(47,110,207,.94)}
.multimedia-card__badge--audio{background:rgba(245,130,20,.94)}
.multimedia-card__badge--interactive{background:rgba(29,42,77,.94)}
.multimedia-card__body{padding:16px 16px 18px}
.multimedia-card__meta{margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.multimedia-card h2{margin:0;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.18;font-weight:500}
.multimedia-card p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.multimedia-card__cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--orange);font-size:12px;font-weight:750}
html[data-theme="dark"] .multimedia-card__media{background:#202b42}
html[data-theme="dark"] .multimedia-filter{background:#182134;border-color:var(--line)}
html[data-theme="dark"] .multimedia-filter--gallery:hover,html[data-theme="dark"] .multimedia-filter--gallery[aria-pressed="true"]{border-color:#a7c5f5;color:#dce8ff;background:rgba(167,197,245,.13)}
html[data-theme="dark"] .multimedia-filter--video:hover,html[data-theme="dark"] .multimedia-filter--video[aria-pressed="true"]{border-color:#9a7cff;color:#9a7cff;background:rgba(154,124,255,.09)}
html[data-theme="dark"] .multimedia-filter--infographic:hover,html[data-theme="dark"] .multimedia-filter--infographic[aria-pressed="true"]{border-color:#6ea8ff;color:#6ea8ff;background:rgba(110,168,255,.09)}
html[data-theme="dark"] .multimedia-filter--audio:hover,html[data-theme="dark"] .multimedia-filter--audio[aria-pressed="true"]{border-color:#ff9a3c;color:#ff9a3c;background:rgba(255,154,60,.09)}
html[data-theme="dark"] .multimedia-filter--interactive:hover,html[data-theme="dark"] .multimedia-filter--interactive[aria-pressed="true"]{border-color:#c8d3ef;color:#c8d3ef;background:rgba(200,211,239,.08)}
.multimedia-load-more{display:flex;justify-content:center;margin:28px 0 0}.multimedia-load-more__button{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 15px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.multimedia-load-more__button:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-1px)}.multimedia-load-more__button[hidden]{display:none!important}
@media(max-width:900px){.multimedia-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.multimedia-grid{grid-template-columns:1fr;gap:18px}.multimedia-card h2{font-size:23px}.multimedia-note{font-size:12px}}

.multimedia-summary{display:flex;justify-content:flex-end;margin:2px 0 14px;color:var(--muted);font-size:13px}
.multimedia-empty{margin:28px 0;color:var(--muted);font-size:14px}

@media(max-width:760px){.multimedia-search__input{font-size:16px}}