/**
 * Currently — front end.
 *
 * Every value is a custom property with an inline fallback, and none are
 * declared on .liminal-currently itself. This stylesheet loads after the
 * theme's, so defaults declared on the same selector would beat anything a
 * theme set there. With fallbacks at the point of use, a theme can set these
 * anywhere — :root, an ancestor, or the element — and they apply.
 *
 * Available variables:
 *   --lc-gap --lc-kind-width --lc-kind-color --lc-kind-size --lc-kind-spacing
 *   --lc-kind-font --lc-title-color --lc-byline-color --lc-note-color
 */

.liminal-currently {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--lc-gap, 0.75rem);
}

.liminal-currently__item {
	display: grid;
	grid-template-columns: var(--lc-kind-width, 5.5rem) minmax(0, 1fr);
	gap: 0.625rem;
	align-items: baseline;
	margin: 0;
}

.liminal-currently__kind {
	font-family: var(--lc-kind-font, inherit);
	font-size: var(--lc-kind-size, 0.68rem);
	letter-spacing: var(--lc-kind-spacing, 0.16em);
	text-transform: uppercase;
	color: var(--lc-kind-color, currentColor);
	opacity: var(--lc-kind-opacity, 0.85);
}

.liminal-currently__body {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	min-width: 0;
}

.liminal-currently__title {
	color: var(--lc-title-color, currentColor);
	line-height: 1.4;
}

.liminal-currently__byline,
.liminal-currently__note {
	font-size: 0.85em;
	line-height: 1.45;
}

.liminal-currently__byline {
	color: var(--lc-byline-color, currentColor);
	opacity: var(--lc-byline-opacity, 0.75);
}

.liminal-currently__note {
	color: var(--lc-note-color, currentColor);
	opacity: var(--lc-note-opacity, 0.7);
	font-style: italic;
}

.liminal-currently__link {
	text-decoration: none;
}

.liminal-currently__link:hover {
	text-decoration: underline;
}

.liminal-currently__empty {
	opacity: 0.7;
	font-style: italic;
}

/* Stack when there isn't room for the two-column shape. */
@media (max-width: 380px) {
	.liminal-currently__item {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.125rem;
	}
}