/* whitehat-base — generated by tests/tools/concat-css.mjs from brand.css, assets/css/components.css and style.css. Do not edit: edit the sources. */
/* brand.css */
:root {
	--wh-base:            #ffffff;
	--wh-primary:         #1f5132;
	--wh-primary-dark:    #143620;
	--wh-cta:             #c2410c;
	--wh-cta-shadow:      0 2px 0 0 #7c2d12;
	--wh-eyebrow:         #0a7d4b;
	--wh-on-dark:         #ffffff;
	--wh-on-dark-body:    #e8f0ea;
	--wh-on-dark-muted:   #b9ccc0;
	--wh-card:            #ffffff;
	--wh-card-border:     #e3e8e4;
	--wh-text:            #1f2a24;
	--wh-text-heading:    #13211a;
	--wh-text-muted:      #5b6b62;
	--wh-takeaway:        #eef7f1;
	--wh-takeaway-border: #bfe0cd;
	--wh-warning:         #fff7ed;
	--wh-warning-border:  #fed7aa;
	--wh-warning-text:    #9a3412;
	--wh-price-budget:    #2e7d32;
	--wh-price-mid:       #a86400;
	--wh-price-premium:   #9a3412;
	--wh-award-overall:   #1f5132;
	--wh-award-value:     #0a7d4b;
	--wh-award-budget:    #2e7d32;
	--wh-award-forx:      #475569;
	--wh-radius-card:     12px;
	--wh-radius-chip:     999px;
	--wh-space-flow:      1.25rem;
	--wh-space-section:   3rem;
	--wh-font-heading:    system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--wh-font-body:       system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
/* assets/css/components.css */
.whb-container { width: 100%; max-width: 1080px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2rem); }
.whb-content { max-width: 720px; margin-inline: auto; }
.whb-main { display: block; padding-block: var(--wh-space-section, 3rem); }
.whb-layout-canvas .whb-main { padding-block: 0; }
.whb-canvas__content > * { margin-block: 0; }
.whb-canvas__content > :is(.whb-ftc-disclosure, .whb-amazon-associates) {
	box-sizing: border-box;
	width: min(100% - 2rem, var(--wh-container, 1160px));
	margin: 1rem auto;
}
.whb-skip-link { position: absolute; left: -9999px; }
.whb-skip-link:focus { left: 1rem; top: 1rem; z-index: 100; background: var(--wh-card); padding: 0.5rem 1rem; border: 2px solid var(--wh-primary); }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); width: 1px; height: 1px; overflow: hidden; }
.screen-reader-text:focus,
.whb-skip-link:focus { clip: auto; clip-path: none; width: auto; height: auto; overflow: visible; color: var(--wh-text); }
:where(a, button, summary, [tabindex]):focus-visible { outline: 3px solid var(--wh-primary); outline-offset: 2px; }
.whb-section--dark :focus-visible,
.whb-section--hero :focus-visible { outline-color: var(--wh-on-dark); }
.whb-site-header { border-bottom: 1px solid var(--wh-card-border); background: var(--wh-card); }
.whb-site-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 1rem; }
.whb-site-title { margin: 0; font-family: var(--wh-font-heading); font-weight: 800; font-size: 1.25rem; }
.whb-site-title a { color: var(--wh-primary); text-decoration: none; }
.whb-site-logo { display: block; width: auto; height: 40px; max-width: min(60vw, 240px); object-fit: contain; object-position: left center; }
.whb-nav__menu { display: flex; flex-wrap: wrap; gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.whb-nav__menu a { color: var(--wh-text); text-decoration: none; font-weight: 600; }
.whb-nav__menu a:hover { color: var(--wh-primary); }
.whb-site-footer { margin-top: var(--wh-space-section, 3rem); padding-block: 2rem; border-top: 1px solid var(--wh-card-border); background: var(--wh-card); }
.whb-site-footer__brand { font-family: var(--wh-font-heading); font-weight: 800; margin: 0 0 0.5rem; }
.whb-footer-menu { display: flex; flex-wrap: wrap; gap: 1rem; margin: 0 0 0.75rem; padding: 0; list-style: none; }
.whb-footer-menu a { color: var(--wh-text-muted); text-decoration: none; font-size: 0.9375rem; }
.whb-site-footer__legal { color: var(--wh-text-muted); font-size: 0.875rem; margin: 0; }
.whb-site-header { position: relative; }
.whb-nav-toggle[hidden] { display: none; }
.whb-nav-toggle {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 0.5rem;
	min-height: 44px;
	padding: 0 0.875rem;
	border: 1px solid var(--wh-card-border);
	border-radius: var(--wh-radius-card, 12px);
	background: var(--wh-card);
	color: var(--wh-text);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
.whb-nav-toggle::before {
	content: "";
	width: 1.125rem;
	height: 0.75rem;
	background:
		linear-gradient(currentColor 0 0) top / 100% 2px no-repeat,
		linear-gradient(currentColor 0 0) center / 100% 2px no-repeat,
		linear-gradient(currentColor 0 0) bottom / 100% 2px no-repeat;
}
.whb-nav__menu .sub-menu { margin: 0; padding: 0 0 0 1rem; list-style: none; }
@media (max-width: 767.98px) {
	.is-collapsible .whb-site-header__inner { flex-wrap: nowrap; padding-block: 0.75rem; }
	.is-collapsible .whb-site-title { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.is-collapsible .whb-nav { display: none; }
	.is-collapsible.is-open .whb-nav {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 50;
		padding: 0.25rem clamp(1rem, 4vw, 2rem) 1rem;
		background: var(--wh-card);
		border-bottom: 1px solid var(--wh-card-border);
	}
	.is-collapsible .whb-nav__menu { flex-direction: column; gap: 0; }
	.is-collapsible .whb-nav__menu a { display: block; padding-block: 0.75rem; }
}
@media (min-width: 768px) {
	.whb-nav-toggle { display: none; }
	.whb-nav__menu > li { position: relative; }
	.whb-nav__menu .sub-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: -0.75rem;
		z-index: 50;
		min-width: 12rem;
		padding: 0.5rem 0;
		background: var(--wh-card);
		border: 1px solid var(--wh-card-border);
		border-radius: var(--wh-radius-card, 12px);
	}
	.whb-nav__menu li:hover > .sub-menu,
	.whb-nav__menu li:focus-within > .sub-menu { display: block; }
	.whb-nav__menu .sub-menu a { display: block; padding: 0.5rem 0.75rem; font-weight: 500; }
}
.cmplz-cookiebanner {
	box-sizing: border-box !important;
	max-width: calc(100vw - 1rem) !important;
	min-width: 0 !important;
}
.whb-breadcrumb { font-size: 0.875rem; color: var(--wh-text-muted); margin-bottom: 1rem; }
.whb-breadcrumb a { color: var(--wh-text-muted); }
.whb-article__title, .whb-page__title, .whb-archive__title { margin: 0 0 1rem; }
.whb-article__meta { margin: -0.5rem 0 1rem; color: var(--wh-text-muted); font-size: 0.9375rem; }
.whb-article__date-label { font-weight: 600; }
.whb-archive__header { margin-bottom: var(--wh-space-section, 3rem); }
.whb-archive__intro { color: var(--wh-text-muted); max-width: 65ch; }
.whb-content > * + * { margin-top: var(--wh-space-flow, 1.25rem); }
.whb-content img { border-radius: var(--wh-radius-card, 12px); }
.whb-ftc-disclosure {
	background: var(--wh-takeaway);
	border: 1px solid var(--wh-takeaway-border);
	border-left: 4px solid var(--wh-primary);
	border-radius: var(--wh-radius-card, 12px);
	padding: 0.875rem 1.125rem;
	font-size: 0.9375rem;
	color: var(--wh-text);
}
.whb-ftc-disclosure p { margin: 0; }
.whb-amazon-associates, .whb-price-legend { color: var(--wh-text-muted); font-size: 0.875rem; }
@layer whb-protect {
	.whb-ftc-disclosure,
	.whb-amazon-associates {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		content-visibility: visible !important;
		position: relative !important;
		inset: auto !important;
		z-index: 1 !important;
		clip: auto !important;
		clip-path: none !important;
		transform: none !important;
		filter: none !important;
		mix-blend-mode: normal !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		text-indent: 0 !important;
		line-height: 1.65 !important;
		letter-spacing: normal !important;
		word-spacing: normal !important;
	}
	.whb-ftc-disclosure { font-size: 0.9375rem !important; color: var(--wh-text) !important; background-color: var(--wh-takeaway) !important; }
	.whb-amazon-associates { font-size: 0.875rem !important; color: var(--wh-text-muted) !important; background-color: transparent !important; }
	:is(.whb-ftc-disclosure, .whb-amazon-associates) * {
		visibility: visible !important;
		opacity: 1 !important;
		content-visibility: visible !important;
		position: static !important;
		clip: auto !important;
		clip-path: none !important;
		transform: none !important;
		filter: none !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		text-indent: 0 !important;
		font-size: inherit !important;
		line-height: inherit !important;
		letter-spacing: inherit !important;
		color: inherit !important;
		background-color: transparent !important;
		-webkit-text-fill-color: currentColor !important;
	}
	:is(.whb-ftc-disclosure, .whb-amazon-associates) p { display: block !important; }
	:is(.whb-ftc-disclosure, .whb-amazon-associates) :is(strong, em, a, span, b, i) { display: inline !important; }
	:is(.whb-ftc-disclosure, .whb-amazon-associates) a { color: var(--wh-primary) !important; text-decoration: underline !important; }
	:is(.whb-ftc-disclosure, .whb-amazon-associates)::before,
	:is(.whb-ftc-disclosure, .whb-amazon-associates)::after,
	:is(.whb-ftc-disclosure, .whb-amazon-associates) *::before,
	:is(.whb-ftc-disclosure, .whb-amazon-associates) *::after { content: none !important; }
}
.whb-pick {
	border: 1px solid var(--wh-card-border);
	border-radius: var(--wh-radius-card, 12px);
	background: var(--wh-card);
	padding: 1.5rem;
	margin-block: var(--wh-space-flow, 1.25rem);
	scroll-margin-top: 1.5rem;
}
.whb-pick__name { margin: 0 0 0.75rem; }
.whb-pick ul { padding-left: 1.25rem; }
.whb-compare { overflow-x: auto; margin-block: var(--wh-space-flow, 1.25rem); }
.whb-content table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.whb-content th, .whb-content td { border: 1px solid var(--wh-card-border); padding: 0.625rem 0.75rem; text-align: left; vertical-align: top; }
.whb-content thead th { background: var(--wh-takeaway); color: var(--wh-text-heading); }
.whb-award-chip {
	display: inline-block;
	font-family: var(--wh-font-heading);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wh-on-dark);
	background: var(--wh-award-overall);
	padding: 0.25rem 0.625rem;
	border-radius: var(--wh-radius-chip, 999px);
}
.whb-award--value  { background: var(--wh-award-value); }
.whb-award--budget { background: var(--wh-award-budget); }
.whb-award--forx   { background: var(--wh-award-forx); }
.whb-price-band,
:where(span, small, b, strong, em, a).whb-band {
	display: inline-block;
	max-width: 100%;
	font-family: var(--wh-font-heading);
	font-size: 0.9375rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1.4;
	white-space: nowrap;
	padding: 0.125rem 0.5rem;
	border-radius: var(--wh-radius-chip, 999px);
	color: var(--wh-on-dark);
	background: var(--wh-price-mid);
}
.whb-price--budget  { background: var(--wh-price-budget); }
.whb-price--mid     { background: var(--wh-price-mid); }
.whb-price--premium { background: var(--wh-price-premium); }
.whb-where-to-buy { margin-block: 1rem; }
.whb-cta,
a.whb-affiliate {
	display: inline-block;
	font-family: var(--wh-font-heading);
	font-weight: 700;
	color: var(--wh-on-dark);
	background: var(--wh-cta);
	box-shadow: var(--wh-cta-shadow);
	padding: 0.75rem 1.25rem;
	border-radius: var(--wh-radius-card, 12px);
	text-decoration: none;
	line-height: 1.2;
}
.whb-cta:visited,
a.whb-affiliate:visited { color: var(--wh-on-dark); }
.whb-cta:hover,
a.whb-affiliate:hover { filter: brightness(0.95); color: var(--wh-on-dark); }
.whb-cta:focus-visible,
a.whb-affiliate:focus-visible { outline: 3px solid var(--wh-primary); outline-offset: 2px; box-shadow: var(--wh-cta-shadow), 0 0 0 2px var(--wh-base); }
.whb-answer-first {
	background: var(--wh-takeaway);
	border: 1px solid var(--wh-takeaway-border);
	border-radius: var(--wh-radius-card, 12px);
	padding: 1.25rem 1.5rem;
}
.whb-answer-first > :first-child { margin-top: 0; }
.whb-answer-first > :last-child { margin-bottom: 0; }
.whb-faq__q { margin: 1.25rem 0 0.25rem; }
.whb-faq__a { color: var(--wh-text); }
.whb-faq__a > :first-child { margin-top: 0; }
.whb-howto__step {
	border-left: 3px solid var(--wh-primary);
	padding-left: 1rem;
	margin-block: var(--wh-space-flow, 1.25rem);
	scroll-margin-top: 1.5rem;
}
.whb-howto__name { margin: 0 0 0.25rem; }
.whb-author-box {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	margin-top: var(--wh-space-section, 3rem);
	padding: 1.25rem;
	border: 1px solid var(--wh-card-border);
	border-radius: var(--wh-radius-card, 12px);
	background: var(--wh-card);
}
.whb-author__monogram {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 3rem; height: 3rem;
	border-radius: 999px;
	background: var(--wh-primary);
	color: var(--wh-on-dark);
	font-family: var(--wh-font-heading);
	font-weight: 800;
}
.whb-author__eyebrow { margin: 0; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--wh-eyebrow); }
.whb-author__name { margin: 0.125rem 0 0.5rem; font-size: 1.125rem; }
.whb-author__bio { margin: 0; color: var(--wh-text-muted); font-size: 0.9375rem; }
.whb-post-list--cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
	gap: var(--wh-space-flow);
	margin: 0;
	padding: 0;
	list-style: none;
}
.whb-section {
	padding-block: var(--wh-space-section, 3rem);
	background: var(--wh-base);
	color: var(--wh-text);
}
.whb-section--tint { background: var(--wh-takeaway); }
.whb-section--dark,
.whb-section--hero { background: var(--wh-primary-dark); color: var(--wh-on-dark-body); }
.whb-section--hero { padding-block: calc(var(--wh-space-section, 3rem) * 1.5); }
.whb-section--dark :is(h1, h2, h3, h4),
.whb-section--hero :is(h1, h2, h3, h4) { color: var(--wh-on-dark); }
.whb-section--dark a,
.whb-section--hero a { color: var(--wh-on-dark); }
.whb-section--dark .whb-eyebrow,
.whb-section--hero .whb-eyebrow { color: var(--wh-on-dark-muted); }
.whb-section--dark .whb-lede,
.whb-section--hero .whb-lede { color: var(--wh-on-dark-body); }
.whb-section__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--wh-container, 1160px);
	margin-inline: auto;
	padding-inline: clamp(1rem, 4vw, 2rem);
}
.whb-section__inner > * { margin-block: 0; }
.whb-section__inner > * + * { margin-top: var(--wh-space-flow, 1.25rem); }
.whb-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--wh-grid-min, 240px)), 1fr));
	gap: var(--wh-space-gap, 1.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
}
.whb-grid--2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--wh-grid-min, 240px), (100% - var(--wh-space-gap, 1.5rem)) / 2)), 1fr)); }
.whb-grid--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--wh-grid-min, 240px), (100% - 2 * var(--wh-space-gap, 1.5rem)) / 3)), 1fr)); }
.whb-grid--4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, max(var(--wh-grid-min, 200px), (100% - 3 * var(--wh-space-gap, 1.5rem)) / 4)), 1fr)); }
.whb-split { display: grid; gap: calc(var(--wh-space-gap, 1.5rem) * 1.5); align-items: center; }
.whb-split > * { min-width: 0; }
.whb-split--media-first > .whb-split__media { order: -1; }
.whb-split__media img { display: block; width: 100%; height: auto; border-radius: var(--wh-radius-card, 12px); }
@media (min-width: 768px) {
	.whb-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.whb-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: var(--wh-space-flow, 1.25rem);
	background: var(--wh-card);
	color: var(--wh-text);
	border: 1px solid var(--wh-card-border);
	border-radius: var(--wh-radius-card, 12px);
	box-shadow: var(--wh-shadow-card, none);
}
.whb-card > * { margin: 0; }
.whb-card img { display: block; width: 100%; height: auto; border-radius: calc(var(--wh-radius-card, 12px) - 4px); }
.whb-card :is(h2, h3, h4) { font-size: 1.125rem; line-height: 1.3; color: var(--wh-text-heading); }
.whb-card a { color: var(--wh-primary); }
.whb-card--link :is(h2, h3, h4) a { color: inherit; text-decoration: none; }
.whb-card--link :is(h2, h3, h4) a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.whb-card--link :is(a, button):not(:is(h2, h3, h4) a) { position: relative; z-index: 1; }
.whb-card--link:hover { border-color: var(--wh-primary); }
.whb-card--link:focus-within { outline: 3px solid var(--wh-primary); outline-offset: 2px; }
.whb-card--link :is(h2, h3, h4) a:focus-visible { outline: none; }
.whb-eyebrow {
	font-family: var(--wh-font-heading);
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wh-eyebrow);
}
.whb-lede { font-size: clamp(1.0625rem, 1rem + 0.4vw, 1.25rem); line-height: 1.55; color: var(--wh-text-muted); max-width: 60ch; }
.whb-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.75rem 1.25rem;
	border: 2px solid var(--wh-primary);
	border-radius: var(--wh-radius-card, 12px);
	background: var(--wh-primary);
	color: var(--wh-on-dark);
	font-family: var(--wh-font-heading);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}
.whb-button:hover { background: var(--wh-primary-dark); border-color: var(--wh-primary-dark); color: var(--wh-on-dark); }
.whb-button--ghost { background: transparent; color: var(--wh-primary); }
.whb-button--ghost:hover { background: var(--wh-takeaway); color: var(--wh-primary-dark); }
.whb-section--dark .whb-button,
.whb-section--hero .whb-button { background: var(--wh-on-dark); border-color: var(--wh-on-dark); color: var(--wh-primary-dark); }
.whb-section--dark .whb-button--ghost,
.whb-section--hero .whb-button--ghost { background: transparent; color: var(--wh-on-dark); }
.whb-stat { display: flex; flex-direction: column; gap: 0.25rem; }
.whb-stat__value {
	font-family: var(--wh-font-heading);
	font-size: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
	font-weight: 800;
	line-height: 1.1;
	font-variant-numeric: tabular-nums;
	color: var(--wh-primary);
}
.whb-stat__label { color: var(--wh-text-muted); font-size: 0.9375rem; }
.whb-section--dark .whb-stat__value,
.whb-section--hero .whb-stat__value { color: var(--wh-on-dark); }
.whb-section--dark .whb-stat__label,
.whb-section--hero .whb-stat__label { color: var(--wh-on-dark-body); }
.whb-steps { counter-reset: whb-step; display: grid; gap: var(--wh-space-gap, 1.5rem); margin: 0; padding: 0; list-style: none; }
.whb-steps > li { counter-increment: whb-step; position: relative; padding-left: 3rem; }
.whb-steps > li::before {
	content: counter(whb-step);
	position: absolute;
	left: 0;
	top: 0;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	border-radius: var(--wh-radius-chip, 999px);
	background: var(--wh-primary);
	color: var(--wh-on-dark);
	font-family: var(--wh-font-heading);
	font-weight: 800;
}
.whb-post-cards { margin-block: var(--wh-space-flow, 1.25rem); }
.whb-post-card { padding: 0; overflow: hidden; }
.whb-post-card > :not(img):not(.whb-post-card__placeholder) { padding-inline: var(--wh-space-flow, 1.25rem); }
.whb-post-card > :last-child { padding-bottom: var(--wh-space-flow, 1.25rem); }
.whb-post-card__img,
.whb-post-card img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0; }
.whb-post-card__placeholder {
	display: grid;
	place-items: center;
	aspect-ratio: 16 / 9;
	padding: 1rem;
	background: var(--wh-takeaway);
	color: var(--wh-primary);
	font-family: var(--wh-font-heading);
	font-weight: 700;
	text-align: center;
}
.whb-post-card__title { margin: 0; font-size: 1.125rem; line-height: 1.3; }
.whb-post-card__excerpt { color: var(--wh-text-muted); font-size: 0.9375rem; }
.whb-post-card__excerpt > :first-child { margin-top: 0; }
.whb-author-profile { display: flex; gap: 1rem; align-items: flex-start; margin-bottom: var(--wh-space-section, 3rem); }
.whb-author-profile__bio { white-space: pre-line; max-width: 65ch; }
.whb-related { margin-top: var(--wh-space-section, 3rem); }
.whb-related__title { margin: 0 0 1rem; }
.whb-updates { margin-top: var(--wh-space-section, 3rem); padding-top: var(--wh-space-flow, 1.25rem); border-top: 1px solid var(--wh-card-border); }
.whb-updates__title { margin: 0 0 0.75rem; font-size: 1.125rem; }
.whb-updates__list { margin: 0; padding-left: 1.25rem; color: var(--wh-text-muted); font-size: 0.9375rem; }
.whb-updates__list time, .whb-updates__type { font-weight: 600; color: var(--wh-text); }
.whb-toc { padding: 0.75rem 1rem; border: 1px solid var(--wh-card-border); border-radius: var(--wh-radius-card, 12px); background: var(--wh-card); }
.whb-toc summary { font-family: var(--wh-font-heading); font-weight: 700; cursor: pointer; }
.whb-toc ol { margin: 0.5rem 0 0; padding-left: 1.25rem; }
:where(.whb-content) h2[id] { scroll-margin-top: 1.5rem; }
/* style.css */
*,
*::before,
*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--wh-font-body);
	color: var(--wh-text);
	line-height: 1.65;
}
img,
svg { max-width: 100%; height: auto; }
a { color: var(--wh-primary); }
h1, h2, h3, h4 {
	font-family: var(--wh-font-heading);
	color: var(--wh-text-heading);
	line-height: 1.2;
}
:where(.entry-content) > * { margin-block: var(--wh-space-flow, 1.25rem); }