/*
 * WKMac Layout
 * Section rhythm and card grids shared by Home, Apps, Tools and Blog archives.
 */

.wk-section {
	padding-top: var(--wk-space-12);
	padding-bottom: var(--wk-space-12);
}

.wk-section__inner {
	max-width: var(--wk-container-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--wk-space-3);
	padding-right: var(--wk-space-3);
}

.wk-section--narrow .wk-section__inner {
	max-width: var(--wk-content-width);
}

.wk-grid-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--wk-space-3);
}

.wk-tool-embed {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	margin-top: var(--wk-space-4);
}

.wk-tool-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--wk-color-border);
	border-radius: var(--wk-radius-md);
}

.wk-related-tools,
.wk-related-posts {
	margin-top: var(--wk-space-8);
}

.wk-post-list {
	display: flex;
	flex-direction: column;
}

@media (max-width: 768px) {
	.wk-section {
		padding-top: var(--wk-space-6);
		padding-bottom: var(--wk-space-6);
	}
}