.youtube-section{padding:var(--spacing-xl) 0;background:var(--primary-color);position:relative;z-index:1}
.youtube-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--youtube-card-bg, rgba(15,15,15,0.9));color:var(--youtube-text-color, #fff);padding:1rem 1.25rem;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.channel-meta{display:flex;align-items:center;gap:1rem}
.channel-icon{width:64px;height:64px;background:var(--youtube-accent, #ff0000);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.channel-info .channel-title{font-size:1.125rem;font-weight:600;color:inherit;text-decoration:none}
.channel-sub{font-size:.9rem;color:rgba(255,255,255,.85)}
.channel-actions{min-width:140px;display:flex;align-items:center;justify-content:flex-end}
@media (max-width:768px){.youtube-card{flex-direction:column;align-items:flex-start}.channel-actions{align-self:stretch;width:100%;display:flex;justify-content:flex-start}.channel-icon{width:48px;height:48px}}

/* When youtube card is placed inside other sections (e.g. .listen-section) add top spacing */
.listen-section .youtube-card{
	margin-top: var(--spacing-md);
}