/**
 * WAR Theme - Footer + generic inner content
 */

.war-footer {
	margin-block-start: var(--war-s16);
	padding-block: var(--war-s10) var(--war-s12);
	border-block-start: 1px solid var(--war-line);
}

.war-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 290px) repeat(4, minmax(0, 1fr));
	gap: var(--war-s8);
}

.war-footer__brand .war-logo {
	margin-block-end: var(--war-s4);
}

.war-footer__tagline {
	font-size: var(--war-fs-label);
	line-height: 1.6;
	color: var(--war-text-mute);
	max-width: 26ch;
	margin-block-end: var(--war-s6);
}

.war-footer__social {
	display: flex;
	align-items: center;
	gap: var(--war-s5);
}

.war-footer__social a {
	color: var(--war-text-mute);
}

.war-footer__social a:hover {
	color: var(--war-text);
}

.war-footer__social svg {
	width: 17px;
	height: 17px;
}

.war-footer__coltitle {
	font-size: var(--war-fs-meta);
	font-weight: 700;
	letter-spacing: var(--war-ls-meta);
	text-transform: uppercase;
	color: var(--war-text-mute);
	margin-block-end: var(--war-s4);
}

.war-footer__col ul {
	display: grid;
	gap: var(--war-s2);
}

.war-footer__col a {
	font-size: var(--war-fs-label);
	color: var(--war-text-dim);
}

.war-footer__col a:hover {
	color: var(--war-text);
}

.war-footer__legal {
	margin-block-start: var(--war-s10);
	padding-block-start: var(--war-s5);
	border-block-start: 1px solid var(--war-line);
	font-size: var(--war-fs-meta);
	letter-spacing: var(--war-ls-meta);
	text-transform: uppercase;
	color: var(--war-text-faint);
}

/* ---- Generic inner pages ------------------------------------------- */

.war-page {
	padding-block: var(--war-s12);
}

.war-page__title {
	font-size: var(--war-fs-display);
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.08;
	margin-block-end: var(--war-s5);
}

.war-page__meta {
	margin-block-end: var(--war-s8);
}

.war-prose {
	max-width: 68ch;
	color: var(--war-text-dim);
}

.war-prose p,
.war-prose ul,
.war-prose ol,
.war-prose blockquote,
.war-prose figure,
.war-prose pre {
	margin-block-end: var(--war-s5);
}

.war-prose h2,
.war-prose h3 {
	color: var(--war-text);
	letter-spacing: -0.02em;
	margin-block: var(--war-s10) var(--war-s4);
}

.war-prose h2 { font-size: 28px; }
.war-prose h3 { font-size: 21px; }

.war-prose a {
	color: var(--war-yellow);
}

.war-prose ul { list-style: disc; padding-inline-start: 1.2em; }
.war-prose ol { list-style: decimal; padding-inline-start: 1.2em; }

.war-prose img {
	border-radius: var(--war-r-md);
}

.war-prose blockquote {
	padding-inline-start: var(--war-s5);
	border-inline-start: 2px solid var(--war-yellow);
	color: var(--war-text);
}

.war-archive__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: var(--war-s5);
}

.war-pagination {
	display: flex;
	gap: var(--war-s2);
	margin-block-start: var(--war-s10);
}

.war-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding-inline: var(--war-s2);
	border: 1px solid var(--war-line);
	border-radius: var(--war-r-sm);
	font-size: var(--war-fs-label);
	color: var(--war-text-dim);
}

.war-pagination .page-numbers.current,
.war-pagination .page-numbers:hover {
	border-color: var(--war-line-hover);
	color: var(--war-text);
}