.media-nav { max-width:1240px; margin:auto; padding:28px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.media-nav nav { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.media-nav a { text-decoration:none; }
.language-link { border:1px solid var(--line); padding:10px 14px; border-radius:4px; }
.media-shell { max-width:1240px; margin:auto; padding:0 24px 80px; }
.media-intro { padding:80px 0; max-width:900px; }
.media-shell h1 { font-size:clamp(2.5rem,6vw,5rem); line-height:1.08; letter-spacing:-.04em; text-transform:none; text-shadow:none; }
.media-shell h2 { font-size:clamp(1.7rem,3vw,2.6rem); line-height:1.15; letter-spacing:-.025em; margin:0 0 28px; }
.media-shell p { color:var(--muted); line-height:1.65; }
.media-intro p { font-size:1.1rem; }
.media-intro > a { display:inline-block; margin-top:20px; color:var(--accent); }
.media-shell > section { margin-bottom:70px; }
.media-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.media-card { min-width:0; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--surface); }
.media-card img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; background:var(--bg-deep); }
.card-copy { display:flex; flex-direction:column; flex:1; padding:23px; }
.source { color:var(--accent); font-weight:700; }
.meta { font-size:.77rem; color:var(--muted); line-height:1.7; margin-top:10px; }
.media-card h3 { font-size:1.25rem; line-height:1.35; margin:18px 0 0; }
.media-card a { text-decoration:none; }
.media-card a:hover { color:var(--accent); }
.tags { font-size:.75rem; }
.actions { margin-top:auto; padding-top:20px; display:flex; justify-content:space-between; gap:12px; font-size:.85rem; color:var(--accent); }
.filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px; }
.filters button,select { background:var(--surface); color:var(--text); border:1px solid var(--line); padding:12px 16px; border-radius:6px; font:inherit; cursor:pointer; }
.filters button[aria-pressed="true"] { color:var(--bg); background:var(--accent); }
.topic-label { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.media-group { margin-top:48px; }
[hidden] { display:none!important; }
.detail { max-width:920px; margin:64px auto; }
.detail > h1 { margin:24px 0 36px; font-size:clamp(2rem,4vw,3.6rem); }
.detail-image { width:100%; max-height:520px; object-fit:contain; background:var(--surface); border-radius:12px; }
.detail h2 { margin-top:40px; }
.detail .button { margin-top:24px; }
@media(max-width:960px) { .media-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .media-grid { grid-template-columns:1fr; } .media-nav { align-items:flex-start; flex-direction:column; gap:18px; } .media-nav nav { gap:16px; font-size:.85rem; } .media-intro { padding:48px 0; } .media-shell { padding-inline:18px; } .card-copy { padding:20px; } }