/*
Theme Name:     Twenty Twenty-Five Child
Theme URI:      
Description:    Twentytwentyfive child theme.
Author:         ssk.im
Author URI:     
Template:       twentytwentyfive
Version:        0.1.0
*/

.ssk-page-intro {
	max-width: 760px;
	margin: 0 auto var(--wp--preset--spacing--60);
}

.ssk-page-intro .wp-block-heading {
	margin-bottom: var(--wp--preset--spacing--20);
}

.ssk-page-intro p {
	color: color-mix(in srgb, currentColor 72%, transparent);
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.7;
	margin: 0;
}

.ssk-archive-list,
.ssk-link-groups {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	margin: 0 auto;
	max-width: 860px;
}

.ssk-archive-year,
.ssk-link-group {
	border-top: 1px solid var(--wp--preset--color--accent-6);
	padding-top: var(--wp--preset--spacing--30);
}

.ssk-archive-year h2,
.ssk-link-group h2 {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.2;
	margin: 0 0 var(--wp--preset--spacing--30);
}

.ssk-archive-months {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

.ssk-archive-month {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	grid-template-columns: minmax(88px, 0.22fr) 1fr;
}

.ssk-archive-month h3 {
	color: color-mix(in srgb, currentColor 64%, transparent);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0;
	margin: 0.35rem 0 0;
	text-transform: uppercase;
}

.ssk-archive-month ul {
	display: grid;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ssk-archive-month li {
	align-items: baseline;
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-6) 72%, transparent);
	display: grid;
	gap: var(--wp--preset--spacing--30);
	grid-template-columns: 1fr auto;
	padding: 0.75rem 0;
}

.ssk-archive-month a,
.ssk-link-card {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.ssk-archive-month time {
	color: color-mix(in srgb, currentColor 56%, transparent);
	font-size: var(--wp--preset--font-size--small);
	white-space: nowrap;
}

.ssk-link-grid {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ssk-link-card {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 8px;
	display: grid;
	gap: 0.45rem;
	padding: var(--wp--preset--spacing--30);
	text-decoration: none;
}

.ssk-link-card:hover,
.ssk-link-card:focus-visible {
	border-color: currentColor;
}

.ssk-link-title {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1.3;
}

.ssk-link-description {
	color: color-mix(in srgb, currentColor 68%, transparent);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
}

.ssk-empty-state {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 8px;
	color: color-mix(in srgb, currentColor 68%, transparent);
	margin: 0 auto;
	max-width: 860px;
	padding: var(--wp--preset--spacing--50);
	text-align: center;
}

@media (max-width: 640px) {
	.ssk-archive-month,
	.ssk-archive-month li,
	.ssk-link-grid {
		grid-template-columns: 1fr;
	}

	.ssk-archive-month li {
		gap: 0.35rem;
	}
}