/* Zweck: aktive YouTube-Kanaele als 1-Spalten-LEGO-Block | Schicht: wiederverwendbares Inhaltsmodul | Ladende Seiten: explizit per extraCss */
.youtube-toplist-block{display:grid;gap:12px;box-sizing:border-box;width:100%;min-width:0;padding:18px;border:1px solid var(--amg-line);border-radius:16px;background:var(--amg-paper);box-shadow:var(--amg-shadow)}
.youtube-toplist-block *{box-sizing:border-box}
.youtube-toplist-block__header h2{margin:0;color:var(--amg-ink);font-size:1.2rem;line-height:1.16}
.youtube-toplist-block__list{display:grid;gap:9px}
.youtube-toplist-block__state{margin:0;color:var(--amg-muted);font-size:.82rem;line-height:1.45}
.youtube-toplist-block__channel{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:76px;overflow:hidden;border:1px solid var(--amg-line);border-radius:11px;background:var(--amg-mint-soft);color:var(--amg-ink);text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.youtube-toplist-block__channel:hover{border-color:var(--amg-teal);box-shadow:0 6px 16px color-mix(in srgb,var(--amg-teal) 14%,transparent);transform:translateY(-1px)}
.youtube-toplist-block__channel:focus-visible{outline:3px solid color-mix(in srgb,var(--amg-teal) 42%,transparent);outline-offset:2px}
.youtube-toplist-block__image{position:relative;display:block;width:110px;min-height:76px;overflow:hidden;background:color-mix(in srgb,var(--amg-teal) 20%,var(--amg-paper))}
.youtube-toplist-block__image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.youtube-toplist-block__image-fallback{display:grid;place-items:center;width:100%;height:100%;padding:8px;color:var(--amg-teal);font-size:1.05rem;font-weight:900;letter-spacing:.06em;text-align:center}
.youtube-toplist-block__copy{display:grid;align-content:center;gap:5px;min-width:0;padding:9px 11px}
.youtube-toplist-block__name{overflow:hidden;color:var(--amg-ink);font-size:.88rem;font-weight:850;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.youtube-toplist-block__metrics{display:flex;flex-wrap:wrap;gap:3px 10px;color:var(--amg-muted);font-size:.7rem;line-height:1.3}
.youtube-toplist-block__metric{display:inline-flex;gap:3px;min-width:0;white-space:nowrap}
.youtube-toplist-block__metric strong{color:var(--amg-ink);font-weight:850}
html[data-theme="dark"] .youtube-toplist-block{background:var(--amg-paper)}
@media(max-width:420px){
  .youtube-toplist-block{padding:15px}
  .youtube-toplist-block__copy{padding-right:9px;padding-left:9px}
  .youtube-toplist-block__metrics{gap:2px 7px}
}