/**
 * TW Frame — templates contenu (single, 404, empty).
 */

.tw-single {
	max-width: 48rem;
	margin: 0 auto;
	padding: 0 1.5rem;
}

.tw-single__header {
	margin-bottom: 2rem;
}

.tw-single__title {
	margin: 0;
	font-size: 1.875rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: #0f172a;
	line-height: 1.2;
}

@media (min-width: 768px) {
	.tw-single__title {
		font-size: 2.25rem;
	}
}

.tw-empty,
.tw-404 {
	max-width: 48rem;
	margin: 0 auto;
	padding: 4rem 1.5rem;
	text-align: center;
}

.tw-404 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.tw-404__code {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #64748b;
}

.tw-404__title {
	margin: 0;
	font-size: 1.875rem;
	font-weight: 600;
	color: #0f172a;
}

.tw-404__text {
	margin: 0;
	color: #475569;
}

.tw-404__link {
	display: inline-flex;
	padding: 0.625rem 1.25rem;
	border-radius: 0.375rem;
	background: #0f172a;
	color: #ffffff;
	font-size: 0.875rem;
	font-weight: 500;
	text-decoration: none;
}

.tw-404__link:hover {
	background: #334155;
}

.tw-empty {
	color: #475569;
}