@charset "UTF-8";
/* ==========================================================================
   gamdom.style - post cards
   --------------------------------------------------------------------------
   What was there: no card. `.p-postList__link` had no border, no radius and
   no padding; the thumbnail sat at 304x171 with the title as bare text
   directly beneath it, body padding `14px 0 0` - no side padding at all.

   What this adds: a real surface. One radius, one hairline border, real
   padding, and a lift on hover.

   No colour is defined. The border reuses --color_border, which the theme
   already defines; the hover shadow is black at low opacity, as SWELL's own
   shadows are. No background is set, so the card keeps whatever surface the
   page already has. No font-family, no markup, no content change.

   Loaded site-wide from functions.php since 2026-09-13 (was page 152 only).
   ========================================================================== */

/* --------------------------------------------------------------------------
   THE CARD
   -------------------------------------------------------------------------- */
.l-sidebar .p-postList.-type-card .p-postList__link,
.p-postList.-type-card.p-relatedPosts .p-postList__link {
	display: block;
	border: 1px solid var(--color_border);
	border-radius: 12px;
	overflow: hidden;              /* clips the thumbnail to the radius */
	transition: transform .18s ease, box-shadow .18s ease;
}

.l-sidebar .p-postList.-type-card .p-postList__link:hover,
.p-postList.-type-card.p-relatedPosts .p-postList__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 24px -14px rgba(0, 0, 0, .18);
}

/* --------------------------------------------------------------------------
   THE BODY
   `14px 0 0` gave the title no side padding, so it ran to the card edge.
   -------------------------------------------------------------------------- */
.l-sidebar .p-postList.-type-card .p-postList__body,
.p-postList.-type-card.p-relatedPosts .p-postList__body {
	padding: 14px 16px 16px;
}

.l-sidebar .p-postList.-type-card .p-postList__title,
.p-postList.-type-card.p-relatedPosts .p-postList__title {
	line-height: 1.6;
	letter-spacing: .01em;
}

/* No rule for .p-postList__meta. It renders with no visible content on this
   site but is not `:empty` - it holds whitespace - so that selector never
   matched. It already computes to 0 height, so it costs nothing and hiding it
   would only add a rule that does not earn its place. */

/* --------------------------------------------------------------------------
   THE THUMBNAIL
   Kept flush to the card's top edge; the radius is handled by the clip above.
   -------------------------------------------------------------------------- */
.l-sidebar .p-postList.-type-card .p-postList__thumb,
.p-postList.-type-card.p-relatedPosts .p-postList__thumb {
	border-radius: 0;
}

/* --------------------------------------------------------------------------
   RHYTHM BETWEEN CARDS
   28px of bare whitespace separated them before. With a border doing that job
   the gap can close up, and the list reads as a set rather than a stack.
   -------------------------------------------------------------------------- */
.l-sidebar .p-postList.-type-card .p-postList__item {
	margin-bottom: 16px;
}

.l-sidebar .p-postList.-type-card .p-postList__item:last-child {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   RELATED POSTS - two across on desktop, where there is room for it
   -------------------------------------------------------------------------- */
@media (min-width: 960px) {
	.p-postList.-type-card.p-relatedPosts {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	.p-postList.-type-card.p-relatedPosts .p-postList__item {
		width: auto;
		margin-bottom: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.p-postList.-type-card .p-postList__link {
		transition: none;
	}

	.p-postList.-type-card .p-postList__link:hover {
		transform: none;
	}
}