/*
 * Help Nagaland Child — layout.css
 *
 * Utility classes for layout primitives used by templates and inner
 * HTML that comes from the plugin shortcodes. Deliberately boring — no
 * complex grid DSL, just the few helpers pages actually need.
 */

.hnc-container {
	max-width: var(--hnc-container);
	margin-inline: auto;
	padding-inline: var(--hnc-space-5);
}

.hnc-container-narrow {
	max-width: 820px;
	margin-inline: auto;
	padding-inline: var(--hnc-space-5);
}

.hnc-stack > * + * {
	margin-top: var(--hnc-space-4);
}

.hnc-stack-lg > * + * {
	margin-top: var(--hnc-space-6);
}

.hnc-cluster {
	display: flex;
	flex-wrap: wrap;
	gap: var(--hnc-space-4);
	align-items: center;
}

.hnc-cluster-end {
	justify-content: flex-end;
}

.hnc-grid-2,
.hnc-grid-3 {
	display: grid;
	gap: var(--hnc-space-5);
}

.hnc-grid-2 {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.hnc-grid-3 {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hnc-text-center {
	text-align: center;
}

.hnc-muted {
	color: var(--hnc-fg-muted);
}

.hnc-subtle {
	color: var(--hnc-fg-subtle);
}

.hnc-pt-0 { padding-top: 0 !important; }
.hnc-mt-0 { margin-top: 0 !important; }
.hnc-mb-0 { margin-bottom: 0 !important; }

.hnc-mt-4 { margin-top: var(--hnc-space-4); }
.hnc-mt-6 { margin-top: var(--hnc-space-6); }
.hnc-mt-7 { margin-top: var(--hnc-space-7); }

@media (max-width: 640px) {
	.hnc-hide-mobile { display: none !important; }
}

@media (min-width: 641px) {
	.hnc-show-mobile-only { display: none !important; }
}