/* Living Music – YouTube Releases. Matches the site design: black, logo yellow, rounded cards. */
.lm-rel-grid {
	--lm-yellow: #FDB913;
	--lm-card: #131313;
	--lm-line: #242424;
	--lm-text: #F4F4F1;
	--lm-muted: #A9A9A4;
	display: grid;
	grid-template-columns: repeat(var(--lm-cols, 3), minmax(0, 1fr));
	gap: 18px;
}
@media (max-width: 1024px) { .lm-rel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px)  { .lm-rel-grid { grid-template-columns: 1fr; } }

.lm-rel-card {
	background: var(--lm-card);
	border: 1px solid var(--lm-line);
	border-radius: 24px;
	overflow: hidden;
	color: var(--lm-text);
	display: flex;
	flex-direction: column;
	transition: transform .25s ease, border-color .25s ease;
}
.lm-rel-card:hover { transform: translateY(-4px); border-color: var(--lm-yellow); }

.lm-rel-media { position: relative; aspect-ratio: 16 / 9; background: #000; }
.lm-rel-media img, .lm-rel-media iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }
.lm-rel-play { all: unset; position: absolute; inset: 0; cursor: pointer; }
.lm-rel-play:focus-visible { outline: 3px solid var(--lm-yellow); outline-offset: -3px; }
.lm-rel-play img { transition: transform .5s ease; }
.lm-rel-play:hover img { transform: scale(1.05); }
.lm-rel-icon {
	position: absolute; left: 18px; bottom: 18px;
	width: 58px; height: 58px; border-radius: 50%;
	background: var(--lm-yellow); color: #0A0A0A;
	display: flex; align-items: center; justify-content: center;
	box-shadow: 0 6px 24px rgba(0,0,0,.35);
}
.lm-rel-dur {
	position: absolute; right: 14px; bottom: 14px;
	padding: 4px 10px; border-radius: 999px;
	background: rgba(10,10,10,.8); color: #fff;
	font-size: 13px; font-weight: 600;
}

.lm-rel-body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 4px; }
.lm-rel-meta { margin: 0; color: var(--lm-yellow); font-size: 14px; font-weight: 700; }
.lm-rel-title { margin: 4px 0 0; font-size: 22px; line-height: 1.25; font-weight: 800; letter-spacing: -0.01em; }
.lm-rel-title a { color: inherit; text-decoration: none; }
.lm-rel-title a:hover { color: var(--lm-yellow); }
.lm-rel-ml { font-family: 'Manjari', 'Noto Sans Malayalam', sans-serif; font-size: 25px; font-weight: 700; letter-spacing: 0; }
.lm-rel-sub { margin: 0; color: var(--lm-muted); font-size: 15px; }

.lm-rel-credits {
	margin: 16px 0 0; display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 16px; font-size: 14px;
}
.lm-rel-credits div { min-width: 0; }
.lm-rel-credits dt { color: #8E8E89; }
.lm-rel-credits dd { margin: 0; font-weight: 600; }
.lm-rel-credits-lg { font-size: 16px; margin: 24px 0; padding: 22px; border-radius: 18px; background: #131313; color: #F4F4F1; }

.lm-rel-embed { position: relative; aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; background: #000; }
.lm-rel-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.lm-rel-pages { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 8px; }
.lm-rel-pages .page-numbers { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid #333; color: #F4F4F1; text-decoration: none; padding: 0 12px; }
.lm-rel-pages .current { background: #FDB913; color: #0A0A0A; border-color: #FDB913; font-weight: 700; }
.lm-rel-more { margin-top: 24px; }
.lm-rel-more a { display: inline-flex; align-items: center; min-height: 50px; padding: 0 22px; border-radius: 14px; border: 1px solid #333; color: #F4F4F1; font-weight: 700; text-decoration: none; }
.lm-rel-more a:hover { border-color: #FDB913; }

@media (prefers-reduced-motion: reduce) {
	.lm-rel-card, .lm-rel-play img { transition: none; }
}