/* News cards and thumbnails (Template News), shared by the list, the related posts and the search: list card radius 24,
   thumb 16:9 (release gradient + version, event orange with date or "Recording", own image, product illustration,
   topic text), body 20/22/22; related mini card padding 18, thumb 120×90 radius 4. */
.bd-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.bd-news-card { display: flex; flex-direction: column; overflow: hidden; color: var(--bd-haze); text-decoration: none; transition: border-color 180ms ease-out, transform 180ms ease-out; }
.bd-news-card:hover, .bd-news-card:focus-visible { border-color: rgba(247,248,249,.34); transform: translateY(-3px); color: var(--bd-haze); }
/* Upcoming tile (announced plugin, 2026-10-22): no link, no hover lift; the dashed "Upcoming" chip top left on the thumb. */
.bd-news-card.is-upcoming, .bd-news-card.is-upcoming:hover { transform: none; border-color: rgba(247,248,249,.14); cursor: default; }
.bd-news-card__thumb-wrap { position: relative; display: block; }
.bd-news-card__thumb-wrap .bd-upcoming-chip { position: absolute; left: 14px; top: 14px; padding: 5px 12px; font-size: 11.5px; background: rgba(5,1,52,.55); }
.bd-news-card:focus-visible { outline-offset: 3px; border-radius: var(--bd-r-card); }
.bd-news-card__body { flex: 1; display: flex; flex-direction: column; padding: 20px 22px 22px; }
.bd-news-card__kicker { display: block; font: 600 11.5px/1.3 var(--wp--preset--font-family--montserrat); letter-spacing: .06em; text-transform: uppercase; color: var(--bd-meta); }
.bd-news-card__kicker.is-accent { color: var(--bd-sun); }
.bd-news-card__title { margin: 8px 0 0; font: 700 18px/1.35 var(--wp--preset--font-family--montserrat); color: var(--bd-haze); letter-spacing: 0; }
.bd-news-card__excerpt { display: block; margin-top: 8px; font: 600 14px/1.5 var(--wp--preset--font-family--montserrat); color: var(--bd-body); }
.bd-news-card__cta { display: block; margin-top: auto; padding-top: 16px; }
.bd-news-card__cta > span { display: inline-block; border: 1.5px solid rgba(247,248,249,.62); border-radius: var(--bd-r-pill); padding: 9px 20px; font: 700 13px/1.2 var(--wp--preset--font-family--montserrat); color: var(--bd-haze); transition: border-color 180ms ease-out; }
.bd-news-card:hover .bd-news-card__cta > span { border-color: var(--bd-haze); }

.bd-news-thumb { position: relative; flex: none; aspect-ratio: 16 / 9; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; background: linear-gradient(120deg, rgba(163,0,190,.34), rgba(250,154,66,.14)); color: var(--bd-haze); box-sizing: border-box; }
/* Release gradient: the pink end is #d12c6d instead of the reference #f53477 (15% ink on top), so white text keeps
   WCAG AA contrast (3.5:1 → 4.6:1). */
.bd-news-thumb.is-release { background: linear-gradient(135deg, #a300be, #d12c6d); gap: 4px; }
.bd-news-thumb.is-recording, .bd-news-thumb.is-event-date, .bd-news-thumb.is-event { background: var(--bd-sun); color: var(--bd-ink); }
.bd-news-thumb.is-image img, .bd-news-thumb.is-event-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
/* Release screenshot (Claude Design 2026-10-22b): inset 9% on the soft gradient, corners 4, shadow, top of the shot;
   Home v7 adds the version chip top left. */
.bd-news-thumb__shot { position: absolute; inset: 9%; overflow: hidden; border-radius: var(--bd-r-sm); background: var(--bd-haze); box-shadow: 0 10px 28px -8px rgba(0,0,0,.55); }
.bd-news-thumb__shot img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.bd-news-thumb__chip { position: absolute; left: 14px; top: 14px; background: var(--bd-ink); border: 1px solid rgba(247,248,249,.24); border-radius: var(--bd-r-sm); padding: 5px 10px; font: 700 13px/1.2 var(--wp--preset--font-family--montserrat); color: var(--bd-haze); }
.bd-news-thumb.is-illustration { padding: 7%; }
.bd-news-thumb.is-illustration img { display: block; width: 100%; height: 100%; object-fit: contain; }
.bd-news-thumb__version { font: 700 44px/1 var(--wp--preset--font-family--montserrat); color: var(--bd-haze); }
.bd-news-thumb__label { font: 600 11.5px/1.3 var(--wp--preset--font-family--montserrat); letter-spacing: .1em; text-transform: uppercase; color: var(--bd-haze); }
.bd-news-thumb__ring { width: 64px; height: 64px; border-radius: var(--bd-r-pill); border: 2px solid currentColor; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding-left: 2px; }
.bd-news-thumb__rec { margin-top: 14px; font: 700 26px/1 var(--wp--preset--font-family--montserrat); letter-spacing: -.01em; }
.bd-news-thumb__day { font: 700 44px/1 var(--wp--preset--font-family--montserrat); color: var(--bd-ink); }
.bd-news-thumb__month { margin-top: 2px; font: 600 12px/1.3 var(--wp--preset--font-family--montserrat); letter-spacing: .1em; text-transform: uppercase; color: rgba(5,1,52,.82); }
.bd-news-thumb.is-event .bd-icon { width: 44px; height: 44px; }
.bd-news-thumb__badge { position: absolute; left: 14px; bottom: 14px; display: flex; align-items: baseline; gap: 8px; background: var(--bd-sun); color: var(--bd-ink); border-radius: var(--bd-r-sm); padding: 8px 12px; }
.bd-news-thumb__badge span:first-child { font: 700 22px/1 var(--wp--preset--font-family--montserrat); }
.bd-news-thumb__badge span:last-child { font: 700 11px/1 var(--wp--preset--font-family--montserrat); letter-spacing: .1em; text-transform: uppercase; }
.bd-news-thumb__topic { padding: 0 28px; text-align: center; font: 700 22px/1.2 var(--wp--preset--font-family--montserrat); color: var(--bd-haze); }

/* Mini card (related posts). */
.bd-news-mini { display: flex; align-items: center; gap: 18px; padding: 18px; color: var(--bd-haze); text-decoration: none; transition: border-color 180ms ease-out, transform 180ms ease-out; }
.bd-news-mini:hover, .bd-news-mini:focus-visible { border-color: rgba(247,248,249,.34); transform: translateY(-3px); color: var(--bd-haze); }
.bd-news-thumb.is-mini { width: 120px; height: 90px; aspect-ratio: auto; border-radius: var(--bd-r-sm); }
.bd-news-thumb.is-mini.is-topic { background: var(--bd-sun); color: var(--bd-ink); }
.bd-news-thumb.is-mini .bd-icon { width: 28px; height: 28px; }
.bd-news-thumb.is-mini.is-illustration { padding: 4px; }
.bd-news-thumb.is-mini .bd-news-thumb__version { font-size: 24px; }
.bd-news-thumb.is-mini .bd-news-thumb__day { font-size: 22px; }
.bd-news-thumb.is-mini .bd-news-thumb__ring { width: 34px; height: 34px; }
.bd-news-thumb.is-mini .bd-news-thumb__rec { margin-top: 6px; font-size: 12px; }
.bd-news-mini__text { flex: 1; min-width: 0; }
.bd-news-mini__title { margin: 6px 0 0; font: 700 16px/1.35 var(--wp--preset--font-family--montserrat); color: var(--bd-haze); }

/* docs/responsive.md §4.10 / §5 Template News: card grid 3 → 2 (tablet) → 1 (mobile). */
@media (max-width: 1279px) {
	.bd-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.bd-news-grid { grid-template-columns: minmax(0, 1fr); }
	.bd-news-card__body { padding: 18px 20px 20px; }
	.bd-news-card__excerpt { font-size: 14.5px; }
	.bd-news-mini { padding: 14px; gap: 14px; }
	.bd-news-thumb.is-mini { width: 96px; height: 72px; }
}