/**
 * Inner templates (page, single, archive) — typography and layout shell.
 *
 * @package liyosa-isi
 */

.isi-page-inner {
	padding-block: 80px 100px;
	max-width: 900px;
	margin-inline: auto;
	background: transparent;
}

.isi-page-inner--wide {
	max-width: 1280px;
}

.isi-breadcrumb {
	font-size: 14px;
	color: var(--isi-text-muted);
	margin-bottom: 20px;
}

.isi-breadcrumb a {
	color: var(--isi-primary);
	text-decoration: none;
}

.isi-breadcrumb a:hover {
	text-decoration: underline;
}

.isi-page-header {
	margin-bottom: 32px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--isi-border);
}

.isi-page-header .page-title,
.isi-page-header .isi-archive-title {
	margin: 0;
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.25;
}

.isi-page-header .isi-archive-subtitle {
	margin: 12px 0 0;
	color: var(--isi-text-muted);
	font-size: 16px;
	line-height: 1.6;
}

.isi-page-header .archive-description {
	margin-top: 12px;
	color: var(--isi-text-muted);
	font-size: 16px;
}

.isi-inner-featured {
	margin-bottom: 28px;
	border-radius: var(--isi-radius-md);
	overflow: hidden;
}

.isi-inner-featured img {
	display: block;
	width: 100%;
	height: auto;
}

.isi-inner-content .alignwide {
	max-width: 1100px;
	margin-inline: auto;
}

.isi-archive-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	margin-top: 32px;
}

.posts-navigation,
.navigation.pagination {
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid var(--isi-border);
}

@media (max-width: 768px) {
	.isi-page-inner {
		padding-block: 56px 72px;
	}
}