@theme {
	--color-paper: #f8f3e9;
	--color-paper-deep: #efe7d8;
	--color-ink: #17233a;
	--color-ink-soft: #536071;
	--color-sage: #a8b5a0;
	--color-sage-soft: #dfe7db;
	--color-clay: #b87858;
	--color-clay-soft: #ecd9ce;
	--color-line: #ded6c8;
	--color-white: #fffdf8;
	--font-display: "Bitter", Georgia, serif;
	--font-body: "Source Sans 3", "Helvetica Neue", sans-serif;
	--text-sm: 0.875rem;
	--text-base: 1rem;
	--text-lg: 1.125rem;
	--text-xl: 1.25rem;
	--text-2xl: 1.5rem;
	--text-3xl: 1.875rem;
	--text-4xl: 2.25rem;
}

:root {
	--color-paper: #f8f3e9;
	--color-paper-deep: #efe7d8;
	--color-ink: #17233a;
	--color-ink-soft: #536071;
	--color-sage: #a8b5a0;
	--color-sage-soft: #dfe7db;
	--color-clay: #b87858;
	--color-clay-soft: #ecd9ce;
	--color-line: #ded6c8;
	--color-white: #fffdf8;
	--font-display: "Bitter", Georgia, serif;
	--font-body: "Source Sans 3", "Helvetica Neue", sans-serif;
}

@layer base {
	*, *::before, *::after { box-sizing: border-box; }
	html { scroll-behavior: smooth; }
	body {
		margin: 0;
		background: var(--color-paper);
		color: var(--color-ink);
		font-family: var(--font-body);
		font-size: 17px;
		line-height: 1.65;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
	}
	img { max-width: 100%; height: auto; }
	a { color: inherit; text-decoration: none; }
	button, input, textarea, select { font: inherit; }
	h1, h2, h3, h4, h5, h6 {
		font-family: var(--font-display);
		color: var(--color-ink);
		letter-spacing: -0.02em;
	}
	::selection { background: var(--color-sage-soft); }
}

@layer components {
	.niold-shell {
		width: min(1240px, calc(100% - 40px));
		margin-inline: auto;
	}

	.niold-site-header {
		position: sticky;
		top: 0;
		z-index: 50;
		background: rgba(248, 243, 233, 0.96);
		border-bottom: 1px solid var(--color-line);
	}

	.niold-header-inner {
		min-height: 78px;
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		gap: 28px;
	}

	.niold-brand {
		display: inline-flex;
		align-items: baseline;
		gap: 10px;
		white-space: nowrap;
	}

	.niold-brand-mark {
		font-family: var(--font-display);
		font-weight: 700;
		font-size: 29px;
		line-height: 1;
		letter-spacing: -0.045em;
	}

	.niold-brand-note {
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		color: var(--color-ink-soft);
	}

	.niold-nav {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 24px;
		font-size: 14px;
		font-weight: 600;
	}

	.niold-nav a {
		position: relative;
		padding: 28px 0 24px;
	}

	.niold-nav a::after {
		content: "";
		position: absolute;
		left: 0;
		right: 100%;
		bottom: 20px;
		height: 2px;
		background: var(--color-clay);
		transition: right .18s ease;
	}

	.niold-nav a:hover::after,
	.niold-nav a:focus-visible::after { right: 0; }

	.niold-header-search-form {
		display: flex;
		align-items: center;
		gap: 7px;
		width: 154px;
		height: 38px;
		padding: 0 11px;
		border: 1px solid var(--color-line);
		border-radius: 999px;
		background: var(--color-white);
		color: var(--color-ink-soft);
	}

	.niold-header-search-form input {
		width: 100%;
		min-width: 0;
		border: 0;
		outline: 0;
		background: transparent;
		font-size: 13px;
		color: var(--color-ink);
	}

	.niold-mobile-nav { display: none; }

	.niold-mobile-toggle {
		display: none;
		list-style: none;
		border: 0;
		background: transparent;
		padding: 8px;
		cursor: pointer;
	}

	.niold-mobile-toggle::-webkit-details-marker { display: none; }

	.niold-mobile-menu {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		border-top: 1px solid var(--color-line);
		border-bottom: 1px solid var(--color-line);
		background: var(--color-paper);
		padding: 12px 20px 20px;
		box-shadow: 0 14px 30px rgba(41,48,54,.08);
	}

	.niold-mobile-menu a {
		display: block;
		padding: 10px 0;
		font-weight: 600;
	}

	.niold-mobile-menu input[type="search"] {
		width: 100%;
		margin-top: 8px;
		padding: 10px 12px;
		border: 1px solid var(--color-line);
		background: var(--color-white);
	}

	.niold-hero {
		padding: 58px 0 40px;
	}

	.niold-hero-grid {
		display: grid;
		grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr);
		gap: 52px;
		align-items: center;
	}

	.niold-eyebrow {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .14em;
		text-transform: uppercase;
		color: var(--color-clay);
	}

	.niold-eyebrow::before {
		content: "";
		width: 34px;
		height: 1px;
		background: currentColor;
	}

	.niold-hero h1 {
		margin: 14px 0 18px;
		font-size: clamp(42px, 5.1vw, 69px);
		line-height: 1.02;
		max-width: 720px;
		font-weight: 700;
	}

	.niold-hero-copy {
		max-width: 610px;
		font-size: 20px;
		line-height: 1.65;
		color: var(--color-ink-soft);
	}

	.niold-topic-pills {
		display: flex;
		flex-wrap: wrap;
		gap: 9px;
		margin-top: 26px;
	}

	.niold-topic-pill {
		padding: 8px 13px;
		border: 1px solid var(--color-line);
		background: rgba(255,255,255,.44);
		font-size: 13px;
		font-weight: 600;
		border-radius: 999px;
		transition: background .18s ease, border-color .18s ease;
	}

	.niold-topic-pill:hover {
		background: var(--color-white);
		border-color: var(--color-sage);
	}

	.niold-hero-feature {
		position: relative;
		padding: 14px 14px 14px 0;
	}

	.niold-hero-feature::before {
		content: "";
		position: absolute;
		inset: 4% 0 4% 12%;
		background: var(--color-sage-soft);
		border-radius: 46% 54% 49% 51% / 44% 49% 51% 56%;
		transform: rotate(-1.5deg);
	}

	.niold-hero-card {
		position: relative;
		display: grid;
		grid-template-columns: 1fr;
		width: min(100%, 430px);
		margin-left: auto;
		background: var(--color-white);
		border: 1px solid var(--color-line);
		box-shadow: 0 18px 45px rgba(41, 48, 54, .08);
	}

	.niold-hero-card img {
		display: block;
		width: min(100%, 390px);
		aspect-ratio: 4 / 5;
		object-fit: cover;
		margin-inline: auto;
	}

	.niold-hero-card-copy {
		padding: 20px 22px 22px;
	}

	.niold-hero-card h2 {
		margin: 5px 0 0;
		font-size: clamp(24px, 2.4vw, 34px);
		line-height: 1.16;
	}

	.niold-section {
		padding: 64px 0;
	}

	.niold-section + .niold-section {
		border-top: 1px solid var(--color-line);
	}

	.niold-section-head {
		display: flex;
		align-items: end;
		justify-content: space-between;
		gap: 24px;
		margin-bottom: 28px;
	}

	.niold-section-title {
		margin: 6px 0 0;
		font-size: clamp(31px, 3.1vw, 44px);
		line-height: 1.08;
	}

	.niold-section-description {
		max-width: 560px;
		margin: 8px 0 0;
		color: var(--color-ink-soft);
		font-size: 17px;
	}

	.niold-section-link {
		flex: none;
		font-size: 14px;
		font-weight: 700;
		border-bottom: 1px solid var(--color-ink);
		padding-bottom: 3px;
	}

	.niold-grid-4 {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 24px;
	}

	.niold-grid-3 {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 28px;
	}

	.niold-grid-2 {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
	}

	.niold-card {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.niold-card-media {
		position: relative;
		overflow: hidden;
		background: var(--color-paper-deep);
		border: 1px solid var(--color-line);
	}

	.niold-card-media img {
		display: block;
		width: 100%;
		aspect-ratio: 4 / 5;
		object-fit: cover;
		transition: transform .28s ease;
	}

	.niold-card:hover .niold-card-media img { transform: scale(1.018); }

	.niold-card-body { padding-top: 14px; }

	.niold-card-kicker {
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .11em;
		text-transform: uppercase;
		color: var(--color-clay);
	}

	.niold-card-title {
		margin: 5px 0 0;
		font-size: 21px;
		line-height: 1.24;
		font-weight: 600;
	}

	.niold-card-excerpt {
		margin: 8px 0 0;
		font-size: 15px;
		line-height: 1.55;
		color: var(--color-ink-soft);
	}

	.niold-card-row {
		display: grid;
		grid-template-columns: 1.05fr .95fr;
		gap: 32px;
		align-items: stretch;
	}

	.niold-card-row .niold-card-feature {
		background: var(--color-white);
		border: 1px solid var(--color-line);
		padding: 14px;
	}

	.niold-card-row .niold-card-feature .niold-card-media img {
		aspect-ratio: 4 / 5;
	}

	.niold-mini-list {
		display: grid;
		gap: 0;
		border-top: 1px solid var(--color-line);
	}

	.niold-mini-item {
		display: grid;
		grid-template-columns: 76px 1fr;
		gap: 16px;
		padding: 16px 0;
		border-bottom: 1px solid var(--color-line);
		align-items: center;
	}

	.niold-mini-item img {
		width: 76px;
		aspect-ratio: 4 / 5;
		height: auto;
		object-fit: cover;
		border: 1px solid var(--color-line);
	}

	.niold-mini-item h3 {
		margin: 0;
		font-size: 18px;
		line-height: 1.28;
	}

	.niold-soft-band {
		background: var(--color-sage-soft);
		border-top: 1px solid rgba(23,35,58,.08);
		border-bottom: 1px solid rgba(23,35,58,.08);
	}

	.niold-clay-band {
		background: var(--color-clay-soft);
		border-top: 1px solid rgba(23,35,58,.08);
		border-bottom: 1px solid rgba(23,35,58,.08);
	}

	.niold-topic-directory {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		border-top: 1px solid var(--color-line);
		border-left: 1px solid var(--color-line);
	}

	.niold-topic-directory a {
		min-height: 132px;
		padding: 22px;
		border-right: 1px solid var(--color-line);
		border-bottom: 1px solid var(--color-line);
		background: rgba(255,255,255,.32);
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		transition: background .18s ease;
	}

	.niold-topic-directory a:hover { background: var(--color-white); }

	.niold-topic-directory strong {
		font-family: var(--font-display);
		font-size: 20px;
		line-height: 1.2;
	}

	.niold-topic-directory span {
		font-size: 13px;
		color: var(--color-ink-soft);
	}

	.niold-archive-hero {
		padding: 48px 0 28px;
		border-bottom: 1px solid var(--color-line);
	}

	.niold-archive-hero h1 {
		margin: 7px 0 0;
		font-size: clamp(36px, 4vw, 55px);
		line-height: 1.04;
	}

	.niold-archive-desc {
		max-width: 680px;
		margin-top: 12px;
		color: var(--color-ink-soft);
	}

	.niold-article-wrap {
		width: min(1240px, calc(100% - 40px));
		margin: 0 auto;
		padding: 46px 0 72px;
		display: grid;
		grid-template-columns: minmax(0, 820px) 320px;
		gap: 56px;
		align-items: start;
	}

	.niold-article-header {
		margin-bottom: 26px;
	}

	.niold-article-category {
		font-size: 12px;
		font-weight: 700;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: var(--color-clay);
	}

	.niold-article-title {
		margin: 8px 0 12px;
		font-size: clamp(36px, 4.2vw, 52px);
		line-height: 1.08;
		font-weight: 700;
		max-width: 820px;
	}

	.niold-article-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 8px 16px;
		font-size: 14px;
		color: var(--color-ink-soft);
	}

	.niold-article-image {
		margin: 26px 0 34px;
		border: 1px solid var(--color-line);
		background: var(--color-paper-deep);
	}

	.niold-article-image img {
		display: block;
		width: 100%;
		height: auto;
	}

	.niold-prose {
		font-size: 19px;
		line-height: 1.78;
		color: #253246;
	}

	.niold-prose > *:first-child { margin-top: 0; }
	.niold-prose p { margin: 0 0 1.25em; }
	.niold-prose h2 {
		font-size: 31px;
		line-height: 1.2;
		margin: 1.75em 0 .65em;
	}
	.niold-prose h3 {
		font-size: 25px;
		line-height: 1.25;
		margin: 1.5em 0 .55em;
	}
	.niold-prose h4 {
		font-size: 21px;
		margin: 1.4em 0 .5em;
	}
	.niold-prose ul,
	.niold-prose ol {
		padding-left: 1.45em;
		margin: 0 0 1.35em;
		list-style-position: outside;
	}
	.niold-prose ul { list-style-type: disc !important; }
	.niold-prose ol { list-style-type: decimal !important; }
	.niold-prose ul ul { list-style-type: circle !important; }
	.niold-prose ol ol { list-style-type: lower-alpha !important; }
	.niold-prose li {
		display: list-item !important;
		margin: .42em 0;
		padding-left: .12em;
	}
	.niold-prose li::marker {
		color: var(--color-clay);
		font-weight: 700;
	}
	.niold-prose a {
		text-decoration: underline;
		text-decoration-color: var(--color-sage);
		text-decoration-thickness: 2px;
		text-underline-offset: 3px;
	}
	.niold-prose blockquote {
		margin: 1.6em 0;
		padding: 18px 22px;
		border-left: 4px solid var(--color-sage);
		background: rgba(223,231,219,.58);
		font-family: var(--font-display);
		font-size: 21px;
		line-height: 1.55;
	}
	.niold-prose img {
		margin-block: 12px 18px;
	}
	.niold-prose table {
		width: 100%;
		border-collapse: collapse;
		font-size: 16px;
	}
	.niold-prose th,
	.niold-prose td {
		padding: 10px 12px;
		border: 1px solid var(--color-line);
		text-align: left;
	}

	.niold-sidebar {
		position: sticky;
		top: 104px;
		display: grid;
		gap: 20px;
	}

	.niold-widget {
		background: var(--color-white);
		border: 1px solid var(--color-line);
		padding: 22px;
	}

	.niold-widget-title {
		margin: 0 0 14px;
		font-size: 20px;
		line-height: 1.2;
	}

	.niold-sidebar-intro {
		background: var(--color-sage-soft);
	}

	.niold-sidebar-intro p {
		margin: 8px 0 0;
		font-size: 15px;
		line-height: 1.55;
		color: var(--color-ink-soft);
	}

	.niold-sidebar-links {
		display: grid;
		gap: 0;
		margin-top: 12px;
		border-top: 1px solid rgba(23,35,58,.12);
	}

	.niold-sidebar-links a {
		display: flex;
		justify-content: space-between;
		gap: 12px;
		padding: 10px 0;
		border-bottom: 1px solid rgba(23,35,58,.12);
		font-size: 14px;
		font-weight: 600;
	}

	.niold-sidebar-post {
		display: grid;
		grid-template-columns: 72px 1fr;
		gap: 12px;
		align-items: center;
		padding: 11px 0;
		border-top: 1px solid var(--color-line);
	}

	.niold-sidebar-post:first-of-type { margin-top: 8px; }
	.niold-sidebar-post img,
	.niold-sidebar-thumb-placeholder {
		width: 72px;
		aspect-ratio: 4 / 5;
		height: auto;
		object-fit: cover;
		display: block;
	}
	.niold-sidebar-thumb-placeholder {
		background: var(--color-sage-soft);
		border: 1px solid var(--color-line);
	}
	.niold-sidebar-post h4 {
		margin: 0;
		font-size: 15px;
		line-height: 1.3;
	}

	.niold-pagination {
		display: flex;
		justify-content: center;
		gap: 6px;
		margin-top: 44px;
	}

	.niold-pagination .page-numbers {
		min-width: 38px;
		height: 38px;
		padding: 0 10px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--color-line);
		background: var(--color-white);
		font-size: 14px;
		font-weight: 600;
	}
	.niold-pagination .current {
		background: var(--color-ink);
		color: white;
		border-color: var(--color-ink);
	}

	.niold-post-nav {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 18px;
		margin-top: 48px;
		padding-top: 28px;
		border-top: 1px solid var(--color-line);
	}
	.niold-post-nav a {
		font-family: var(--font-display);
		font-size: 17px;
		line-height: 1.35;
	}
	.niold-post-nav small {
		display: block;
		font-family: var(--font-body);
		font-size: 10px;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: var(--color-ink-soft);
		margin-bottom: 5px;
	}

	.niold-site-footer {
		margin-top: 20px;
		border-top: 1px solid var(--color-line);
		background: #eee6d8;
	}
	.niold-footer-grid {
		display: grid;
		grid-template-columns: 1.15fr .85fr .85fr;
		gap: 54px;
		padding: 48px 0 36px;
	}
	.niold-footer-brand p {
		max-width: 390px;
		margin: 12px 0 0;
		color: var(--color-ink-soft);
		font-size: 15px;
	}
	.niold-footer-title {
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .12em;
		text-transform: uppercase;
		margin-bottom: 12px;
	}
	.niold-footer-links { display: grid; gap: 7px; font-size: 14px; }
	.niold-footer-bottom {
		border-top: 1px solid rgba(23,35,58,.12);
		padding: 17px 0 22px;
		font-size: 13px;
		color: var(--color-ink-soft);
	}
	.niold-footer-bottom-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 18px 28px;
		flex-wrap: wrap;
	}
	.niold-legal-links {
		display: flex;
		flex-wrap: wrap;
		gap: 8px 18px;
	}
	.niold-legal-links a:hover { color: var(--color-ink); }

	.tasty-recipes,
	.tasty-recipes-entry-content {
		border-color: var(--color-line) !important;
		font-family: var(--font-body) !important;
	}
	.tasty-recipes h2,
	.tasty-recipes h3,
	.tasty-recipes-entry-content h2,
	.tasty-recipes-entry-content h3 {
		font-family: var(--font-display) !important;
	}
	.tasty-recipes .tasty-recipes-button-wrap a,
	.tasty-recipes-entry-content .tasty-recipes-button-wrap a {
		background: var(--color-ink) !important;
		border-color: var(--color-ink) !important;
		color: white !important;
	}

	.niold-card-placeholder {
		display: block;
		width: 100%;
		aspect-ratio: 4 / 5;
		background: linear-gradient(135deg, var(--color-paper-deep), var(--color-sage-soft));
	}

	.niold-page-wrap {
		width: min(840px, calc(100% - 40px));
		margin: 0 auto;
		padding: 52px 0 76px;
	}

	.niold-page-header {
		margin-bottom: 28px;
	}

	.niold-page-header h1 {
		margin: 8px 0 0;
		font-size: clamp(38px, 4.4vw, 54px);
		line-height: 1.08;
	}

	.niold-page-image {
		margin: 0 0 32px;
		border: 1px solid var(--color-line);
	}

	.niold-page-image img { display: block; width: 100%; height: auto; }

	.niold-search-form {
		display: flex;
		width: min(520px, 100%);
		border: 1px solid var(--color-line);
		background: var(--color-white);
	}

	.niold-search-form input {
		flex: 1;
		min-width: 0;
		border: 0;
		outline: 0;
		padding: 12px 14px;
		background: transparent;
		color: var(--color-ink);
	}

	.niold-search-form button {
		border: 0;
		background: var(--color-ink);
		color: #fff;
		padding: 0 18px;
		font-size: 14px;
		font-weight: 700;
		cursor: pointer;
	}

	.niold-archive-search { margin-top: 20px; }

	.niold-empty-state,
	.niold-error-card {
		max-width: 650px;
		background: var(--color-white);
		border: 1px solid var(--color-line);
		padding: 34px;
	}

	.niold-empty-state h2,
	.niold-error-card h1 {
		margin: 8px 0 10px;
		font-size: 34px;
		line-height: 1.15;
	}

	.niold-empty-state p,
	.niold-error-card p {
		color: var(--color-ink-soft);
		margin: 0 0 22px;
	}

	.niold-error-page { padding: 78px 0 96px; }
	.niold-error-card { margin: 0 auto; }

	.niold-text-link {
		display: inline-block;
		margin-top: 20px;
		font-weight: 700;
		border-bottom: 1px solid currentColor;
	}

	.niold-comments {
		margin-top: 46px;
		padding-top: 32px;
		border-top: 1px solid var(--color-line);
	}

	.niold-comments-area h2,
	.niold-comments-area h3 {
		font-size: 24px;
		margin: 0 0 18px;
	}

	.niold-comment-list {
		list-style: none;
		padding: 0;
		margin: 0 0 32px;
	}

	.niold-comment-list .comment {
		padding: 18px 0;
		border-top: 1px solid var(--color-line);
	}

	.niold-comment-list .children {
		list-style: none;
		padding-left: 26px;
	}

	.comment-form p { margin-bottom: 14px; }
	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"],
	.comment-form textarea {
		width: 100%;
		padding: 11px 12px;
		border: 1px solid var(--color-line);
		background: var(--color-white);
	}
	.comment-form input[type="submit"] {
		border: 0;
		background: var(--color-ink);
		color: #fff;
		padding: 11px 17px;
		font-weight: 700;
		cursor: pointer;
	}
}

@media (max-width: 1080px) {
	.niold-nav { gap: 16px; font-size: 13px; }
	.niold-hero-grid { grid-template-columns: 1fr 1fr; gap: 34px; }
	.niold-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.niold-topic-directory { grid-template-columns: repeat(2, 1fr); }
	.niold-article-wrap { grid-template-columns: minmax(0, 1fr) 290px; gap: 34px; }
}

@media (max-width: 860px) {
	body { font-size: 16px; }
	.niold-header-inner { grid-template-columns: 1fr auto; min-height: 68px; }
	.niold-nav, .niold-header-search-form { display: none; }
	.niold-mobile-nav { display: block; justify-self: end; }
	.niold-mobile-toggle { display: inline-flex; }
	.niold-mobile-menu { display: block; }
	.niold-brand-note { display: none; }
	.niold-hero { padding-top: 38px; }
	.niold-hero-grid { grid-template-columns: 1fr; }
	.niold-hero-feature { padding-right: 0; }
	.niold-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.niold-card-row { grid-template-columns: 1fr; }
	.niold-article-wrap { grid-template-columns: 1fr; padding-top: 34px; }
	.niold-sidebar { position: static; grid-template-columns: repeat(2, minmax(0,1fr)); }
	.niold-footer-grid { grid-template-columns: 1fr 1fr; }
	.niold-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
	.niold-shell,
	.niold-article-wrap { width: min(100% - 28px, 1240px); }
	.niold-hero h1 { font-size: 42px; }
	.niold-hero-copy { font-size: 18px; }
	.niold-section { padding: 46px 0; }
	.niold-section-head { align-items: flex-start; flex-direction: column; }
	.niold-grid-4,
	.niold-grid-3,
	.niold-grid-2 { grid-template-columns: 1fr; }
	.niold-topic-directory { grid-template-columns: 1fr; }
	.niold-card-media img { aspect-ratio: 16 / 11; }
	.niold-sidebar { grid-template-columns: 1fr; }
	.niold-article-title { font-size: 36px; }
	.niold-prose { font-size: 18px; line-height: 1.74; }
	.niold-prose h2 { font-size: 28px; }
	.niold-prose h3 { font-size: 23px; }
	.niold-post-nav { grid-template-columns: 1fr; }
	.niold-footer-grid { grid-template-columns: 1fr; gap: 28px; }
	.niold-footer-brand { grid-column: auto; }
}