/*
 * How Gardens Work — Botanical Editorial Design System
 * Task 4 central control layer. Change shared presentation here; article bodies stay semantic.
 */

:root {
 /* Shared interface palette: one azure accent; botanical subjects retain natural colour. */
 --hgw-action:#006fa8;
 --hgw-action-hover:#005984;
 --hgw-action-tint:#e8f4fa;
 --hgw-action-line:#b8d9e9;
 --hgw-action-on-dark:#83d3f3;
 --hgw-tool-ink:#24282b;
 --hgw-tool-muted:#62686c;
 --hgw-tool-line:#dde2e4;
 --hgw-tool-surface:#f4f5f5;
 --hgw-tool-on-dark:#c6ced2;

	--hgw-ink: #18372e;
	--hgw-ink-deep: #0d2b23;
	--hgw-ink-soft: #496158;
	--hgw-paper: #fffdf8;
	--hgw-paper-warm: #f5efe3;
	--hgw-paper-deep: #e8deca;
	--hgw-sage: #8fa887;
	--hgw-sage-pale: #dfe7d8;
	--hgw-moss: #5f7d63;
	--hgw-moss-ink: #4f7054;
	--hgw-ochre: #d8aa43;
	--hgw-ochre-ink: #795a16;
	--hgw-ochre-pale: #f3dfaa;
	--hgw-clay: #9b4b2b;
	--hgw-clay-pale: #efd2c2;
	--hgw-water: var(--hgw-action);
	--hgw-water-ink: var(--hgw-action-hover);
	--hgw-water-pale: var(--hgw-action-tint);
	--hgw-rule: #c9c0af;
	--hgw-white: #fff;

	--hgw-font-display: "Fraunces", "Source Serif 4", Georgia, serif;
	--hgw-font-reading: "Source Serif 4", Georgia, serif;
	--hgw-font-interface: "Source Sans 3", Arial, sans-serif;
	--hgw-text-xs: .78rem;
	--hgw-text-sm: .9rem;
	--hgw-text-body: clamp(1.06rem, 1rem + .18vw, 1.18rem);
	--hgw-text-deck: clamp(1.16rem, 1.05rem + .45vw, 1.45rem);
	--hgw-text-h3: clamp(1.45rem, 1.2rem + .8vw, 2rem);
	--hgw-text-h2: clamp(2.15rem, 1.7rem + 2.05vw, 4rem);
	--hgw-text-h1: clamp(2.65rem, 2.1rem + 2.9vw, 5rem);

	--hgw-space-1: .35rem;
	--hgw-space-2: .65rem;
	--hgw-space-3: 1rem;
	--hgw-space-4: 1.5rem;
	--hgw-space-5: 2.25rem;
	--hgw-space-6: 3.25rem;
	--hgw-space-7: 4.75rem;
	--hgw-space-8: clamp(5rem, 8vw, 8.5rem);
	--hgw-gutter: clamp(1.1rem, 4.4vw, 4.5rem);
	--hgw-shell: 90rem;
	--hgw-wide: 78rem;
	--hgw-reading: 46rem;
	--hgw-measure: 66ch;
	--hgw-line: 1px solid var(--hgw-rule);
	--hgw-radius: .35rem;
	--hgw-radius-large: 1rem;
	--hgw-shadow: 0 1.4rem 4rem rgba(22, 55, 46, .11);
	--hgw-archetype: var(--hgw-action);
}

html { scroll-padding-top: max(6rem, var(--hgw-p13-fragment-clearance, 0px)); }

body {
	background: var(--hgw-paper);
	color: var(--hgw-ink);
	font-family: var(--hgw-font-interface);
	font-size: var(--hgw-text-body);
	line-height: 1.58;
}

body::before {
	background-image: repeating-linear-gradient(0deg, transparent 0 9px, rgba(24, 55, 46, .018) 9px 10px);
	content: "";
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: 200;
}

h1, h2, h3, h4, strong { text-wrap: balance; }

h1, h2, h3 {
	color: var(--hgw-ink-deep);
	font-family: var(--hgw-font-display);
	font-variation-settings: "SOFT" 60, "WONK" 1;
	letter-spacing: -.035em;
	line-height: .98;
	margin-block: 0;
}

p { text-wrap: pretty; }

a { text-decoration-color: rgba(191, 103, 63, .65); }

:where(a, button, input, summary, select, textarea):focus-visible {
	box-shadow: 0 0 0 4px var(--hgw-paper);
	outline: 3px solid var(--hgw-clay);
	outline-offset: 3px;
}

.gm-kicker,
.gm-story-label,
.hgw-way > span,
.hgw-story-card div > span,
.hgw-notebook-list div > span,
.gm-lane-hero__copy > span,
.gm-policy-header > span,
.gm-about-hero > span,
.gm-section-heading > span {
	color: var(--hgw-clay);
	font-family: var(--hgw-font-interface);
	font-size: var(--hgw-text-xs);
	font-weight: 760;
	letter-spacing: .14em;
	line-height: 1.2;
	text-transform: uppercase;
}

.gm-primary-action,
.gm-secondary-action,
.gm-text-link {
	align-items: center;
	display: inline-flex;
	font-family: var(--hgw-font-interface);
	font-size: .92rem;
	font-weight: 760;
	gap: .55rem;
	justify-content: center;
	letter-spacing: .01em;
	min-height: 2.85rem;
	text-decoration: none;
}

.gm-primary-action {
	background: var(--hgw-ochre);
	border: 1px solid var(--hgw-ochre);
	color: var(--hgw-ink-deep);
	padding: .72rem 1.15rem;
}

.gm-primary-action:hover { background: var(--hgw-ochre-pale); }

.gm-secondary-action {
	border-bottom: 1px solid currentColor;
	color: inherit;
	padding-inline: .1rem;
}

.gm-text-link {
	color: var(--hgw-ink-deep);
	justify-content: flex-start;
	text-decoration: underline;
	text-decoration-color: var(--hgw-clay);
	text-underline-offset: .3em;
}

/* Shared publication header */
.gm-site-header {
	background: var(--hgw-paper);
	border-bottom: var(--hgw-line);
	box-shadow: 0 4px 18px rgba(17, 46, 39, .07);
	position: sticky;
	top: 0;
	z-index: 100;
}

.gm-header-shell {
	align-items: center;
	display: grid;
	gap: clamp(.75rem, 2vw, 2rem);
	grid-template-columns: minmax(13rem, 1fr) auto minmax(18rem, 1fr) auto;
	height: 4.35rem;
	margin-inline: auto;
	max-width: var(--hgw-shell);
	padding-inline: var(--hgw-gutter);
}

.gm-brand {
	align-items: center;
	display: inline-flex;
	justify-self: start;
	min-height: 44px;
	text-decoration: none;
}

.gm-brand-lockup {
	align-items: center;
	align-self: center;
	color: var(--hgw-ink-deep);
	display: inline-flex;
	font-family: var(--hgw-font-display);
	font-size: 1.18rem;
	font-weight: 670;
	height: auto;
	justify-content: center;
	letter-spacing: -.035em;
	line-height: 1;
	min-height: 0;
	text-decoration: none;
}

.gm-brand-lockup i { color: var(--hgw-clay); font-style: italic; margin-right: .22rem; }

.gm-nav { align-items: stretch; display: flex; height: 100%; }

.gm-nav a {
	align-items: flex-start;
	border-bottom: 3px solid transparent;
	display: flex;
	flex-direction: column;
	font-size: .8rem;
	font-weight: 720;
	justify-content: center;
	padding-inline: .8rem;
	text-decoration: none;
}

.gm-nav a strong { line-height: 1.1; }
.gm-nav a span { color: var(--hgw-ink-soft); font-size: .62rem; font-weight: 560; line-height: 1.15; margin-top: .16rem; white-space: nowrap; }

.gm-nav a:hover,
.gm-nav a[aria-current="page"] { border-bottom-color: var(--hgw-clay); }

.gm-header-utility { align-items: center; display: flex; gap: .8rem; justify-self: end; }

.gm-search {
	align-items: center;
	border: 1px solid var(--hgw-rule);
	display: flex;
	height: 2.45rem;
	min-width: 12rem;
	padding-inline: .75rem .3rem;
}

.gm-search input {
	background: transparent;
	border: 0;
	color: var(--hgw-ink);
	font-size: .78rem;
	min-width: 0;
	outline: 0;
	width: 100%;
}

.gm-search button {
	background: transparent;
	border: 0;
	color: var(--hgw-ink-deep);
	font-size: .68rem;
	font-weight: 780;
	padding: .35rem;
	text-transform: uppercase;
}

.gm-header-notes {
	font-size: .8rem;
	font-weight: 700;
	text-decoration: none;
}

.gm-start-link {
	background: var(--hgw-ink-deep);
	color: var(--hgw-paper);
	font-size: .8rem;
	font-weight: 740;
	padding: .72rem .95rem;
	text-decoration: none;
}

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

/* Homepage */
.hgw-home-hero {
	background: var(--hgw-ink-deep);
	color: var(--hgw-paper);
	isolation: isolate;
	margin-inline: auto;
	max-width: var(--hgw-shell);
	min-height: clamp(34rem, 58vw, 45rem);
	position: relative;
}

.hgw-home-hero__media,
.hgw-home-hero__picture,
.hgw-home-hero__picture picture,
.hgw-home-hero__picture img {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

.hgw-home-hero__media { z-index: 0; }
.hgw-home-hero__media img { object-fit: cover; object-position: center 40%; }

.hgw-home-hero__wash {
	background: linear-gradient(90deg, rgba(13, 43, 35, .9) 0%, rgba(13, 43, 35, .67) 46%, rgba(13, 43, 35, .08) 76%), linear-gradient(0deg, rgba(13, 43, 35, .36), transparent 55%);
	inset: 0;
	position: absolute;
	z-index: 1;
}

.hgw-home-hero__copy {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	max-width: 48rem;
	min-height: inherit;
	padding: clamp(5rem, 11vw, 8.5rem) var(--hgw-gutter) clamp(3.5rem, 7vw, 6rem);
	position: relative;
	z-index: 2;
}

.hgw-home-hero .gm-kicker { color: var(--hgw-ochre-pale); }

.hgw-home-hero h1 {
	color: var(--hgw-paper);
	font-size: clamp(3.35rem, 6.3vw, 6.2rem);
	line-height: .91;
	margin-top: .85rem;
	max-width: 9.7ch;
}

.hgw-home-hero p {
	font-family: var(--hgw-font-reading);
	font-size: var(--hgw-text-deck);
	line-height: 1.42;
	margin: 1.4rem 0 0;
	max-width: 39rem;
}

.hgw-home-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1.3rem; margin-top: 2rem; }

.hgw-section-intro {
	align-items: end;
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	margin-inline: auto;
	max-width: var(--hgw-wide);
}

.hgw-section-intro h2 {
	font-size: var(--hgw-text-h2);
	margin-top: .55rem;
	max-width: 14ch;
}

.hgw-section-intro--plain > p { margin: 0 0 .15rem; max-width: 35rem; }

.hgw-home-ways,
.hgw-home-reading,
.hgw-home-notebook {
	padding: var(--hgw-space-8) var(--hgw-gutter);
}

.hgw-home-ways { background: var(--hgw-paper-warm); }

.hgw-way-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: var(--hgw-space-6) auto 0;
	max-width: var(--hgw-wide);
}

.hgw-way {
	border-left: var(--hgw-line);
	display: flex;
	flex-direction: column;
	min-height: 18rem;
	padding: 1.65rem clamp(1rem, 2.1vw, 2rem);
	position: relative;
	text-decoration: none;
	transition: background-color .2s ease, transform .2s ease;
}

.hgw-way:last-child { border-right: var(--hgw-line); }
.hgw-way::before { background: var(--hgw-archetype); content: ""; height: .35rem; inset: 0 0 auto; position: absolute; }
.hgw-way--grow { --hgw-archetype: var(--hgw-action); }
.hgw-way--solve { --hgw-archetype: var(--hgw-action); }
.hgw-way--improve { --hgw-archetype: var(--hgw-action); }
.hgw-way--buy { --hgw-archetype: var(--hgw-action); }
.hgw-way:hover { background: var(--hgw-paper); transform: translateY(-.3rem); }
.hgw-way > span { color: var(--hgw-archetype); }
.hgw-way > strong { font-family: var(--hgw-font-display); font-size: clamp(1.55rem, 1.25rem + .7vw, 2.1rem); line-height: 1.08; margin-top: 2.2rem; }
.hgw-way p { color: var(--hgw-ink-soft); font-size: .96rem; margin: .9rem 0 1.5rem; }
.hgw-way > b { font-size: .82rem; margin-top: auto; }
.hgw-way i { font-style: normal; }

.hgw-home-reading { background: var(--hgw-paper); }

.hgw-story-grid {
	display: grid;
	gap: 1.1rem;
	grid-template-columns: 1.35fr .65fr;
	grid-template-rows: repeat(2, minmax(14rem, 1fr));
	margin: var(--hgw-space-6) auto 0;
	max-width: var(--hgw-wide);
}

.hgw-story-card {
	background: var(--hgw-paper-warm);
	display: grid;
	grid-template-columns: minmax(10rem, .8fr) minmax(0, 1fr);
	min-height: 0;
	overflow: hidden;
	text-decoration: none;
}

.hgw-story-card--lead { grid-row: 1 / 3; grid-template-columns: 1fr; grid-template-rows: minmax(22rem, 1fr) auto; }
.hgw-story-card figure { min-height: 0; overflow: hidden; }
.hgw-story-card picture,
.hgw-story-card img { height: 100%; width: 100%; }
.hgw-story-card img { object-fit: cover; transition: transform .45s ease; }
.hgw-story-card:hover img { transform: scale(1.025); }
.hgw-story-card > div { display: flex; flex-direction: column; min-width: 0; overflow-wrap: anywhere; padding: clamp(1.25rem, 2.3vw, 2.25rem); }
.hgw-story-card h3 { font-size: var(--hgw-text-h3); margin-top: .55rem; }
.hgw-story-card p { color: var(--hgw-ink-soft); font-size: .94rem; line-height: 1.5; margin: .8rem 0 1.2rem; }
.hgw-story-card b { font-size: .8rem; margin-top: auto; }
.hgw-story-card i { font-style: normal; }

.hgw-field-note {
	align-items: center;
	background: var(--hgw-ink-deep);
	color: var(--hgw-paper);
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(18rem, .7fr) minmax(28rem, 1.3fr);
	margin-inline: auto;
	max-width: var(--hgw-shell);
	padding: clamp(3.5rem, 7vw, 7rem) var(--hgw-gutter);
}

.hgw-field-note .gm-kicker { color: var(--hgw-ochre-pale); }
.hgw-field-note h2 { color: var(--hgw-paper); font-size: var(--hgw-text-h2); margin-top: .65rem; }
.hgw-field-note p { font-family: var(--hgw-font-reading); font-size: 1.12rem; }
.hgw-field-note ul { margin: 1.4rem 0; padding-left: 1.15rem; }
.hgw-field-note li { margin-block: .45rem; }
.hgw-field-note .gm-text-link { color: var(--hgw-paper); }
.hgw-field-note figure { background: var(--hgw-paper-warm); box-shadow: var(--hgw-shadow); padding: .7rem; transform: rotate(.4deg); }
.hgw-field-note figcaption { color: var(--hgw-ink-soft); font-size: .76rem; line-height: 1.35; padding: .65rem .3rem .15rem; }

.hgw-home-notebook { background: var(--hgw-paper-warm); }

.hgw-notebook-list {
	border-top: var(--hgw-line);
	margin: var(--hgw-space-6) auto 0;
	max-width: var(--hgw-wide);
}

.hgw-notebook-list > a {
	align-items: center;
	border-bottom: var(--hgw-line);
	display: grid;
	gap: 1.4rem;
	grid-template-columns: 9rem 1fr auto;
	padding-block: 1rem;
	text-decoration: none;
}

.hgw-notebook-list figure { aspect-ratio: 4 / 3; overflow: hidden; }
.hgw-notebook-list picture,
.hgw-notebook-list img { height: 100%; width: 100%; }
.hgw-notebook-list img { object-fit: cover; }
.hgw-notebook-list div > span { display: block; margin-bottom: .25rem; }
.hgw-notebook-list strong { display: block; font-family: var(--hgw-font-display); font-size: 1.45rem; line-height: 1.08; }
.hgw-notebook-list p { color: var(--hgw-ink-soft); font-size: .9rem; margin: .35rem 0 0; }
.hgw-notebook-list > a > b { font-size: 1.4rem; }

.hgw-home-ending {
	background: var(--hgw-paper);
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-inline: auto;
	max-width: var(--hgw-wide);
	padding: var(--hgw-space-8) var(--hgw-gutter);
}

.hgw-home-ending__about,
.gm-newsletter--home { min-width: 0; padding: clamp(2rem, 4vw, 4rem); }
.hgw-home-ending__about { background: var(--hgw-paper-warm); position: relative; }
.hgw-home-ending h2 { font-size: clamp(2.3rem, 3.5vw, 3.8rem); margin-top: .75rem; max-width: 11ch; }
.hgw-home-ending__about > p:not(.gm-founder-identity) { max-width: 34rem; }
.hgw-home-ending .gm-founder-identity { color: var(--hgw-clay); font-size: .82rem; margin-top: 1.5rem; }

/* Article system and the four controlled archetypes */
.gm-article { --hgw-archetype: var(--hgw-action); background: var(--hgw-paper); }
.gm-article--grow { --hgw-archetype: var(--hgw-action); }
.gm-article--solve { --hgw-archetype: var(--hgw-action); }
.gm-article--improve { --hgw-archetype: var(--hgw-action); }
.gm-article--buy { --hgw-archetype: var(--hgw-action); }

.gm-breadcrumbs {
	align-items: center;
	color: var(--hgw-ink-soft);
	display: flex;
	font-size: .75rem;
	gap: .5rem;
	margin: 0 auto;
	max-width: var(--hgw-wide);
	padding: 1.05rem var(--hgw-gutter) .7rem;
}

.gm-breadcrumbs a { font-weight: 680; text-decoration: none; }

.gm-article-opening {
	align-items: stretch;
	display: grid;
	gap: clamp(1.5rem, 4vw, 4rem);
	grid-template-columns: minmax(0, 1.04fr) minmax(22rem, .96fr);
	margin-inline: auto;
	max-width: var(--hgw-wide);
	padding: 1rem var(--hgw-gutter) clamp(2.5rem, 5vw, 4.5rem);
}

.gm-article-opening__media {
	align-self: stretch;
	background: var(--hgw-paper-warm);
	min-height: 31rem;
	overflow: hidden;
	position: relative;
}

.gm-article-opening__media picture,
.gm-article-opening__media > img { height: 100%; width: 100%; }
.gm-article-opening__media img { height: 100%; object-fit: cover; width: 100%; }
.gm-article-opening__media figcaption { background: rgba(13, 43, 35, .92); bottom: 0; color: var(--hgw-paper); font-size: .76rem; left: 0; line-height: 1.35; max-width: 72%; padding: .75rem 1rem; position: absolute; }

.gm-article-opening__copy { align-self: center; padding-block: 1.25rem; }

.gm-story-label { align-items: center; display: flex; gap: .55rem; }
.gm-story-label span:first-child { background: var(--hgw-archetype); color: var(--hgw-paper); padding: .35rem .55rem; }
.gm-story-label span:last-child { color: var(--hgw-archetype); }

.gm-article-opening h1 { font-size: clamp(3rem, 4.5vw, 5rem); margin-top: 1.15rem; max-width: 10.8ch; }

.gm-direct-answer {
	border-left: .35rem solid var(--hgw-archetype);
	margin-top: 1.5rem;
	padding: .1rem 0 .1rem 1.15rem;
}

.gm-direct-answer > strong { color: var(--hgw-archetype); display: block; font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
.gm-direct-answer p { font-family: var(--hgw-font-reading); font-size: clamp(1.1rem, 1rem + .3vw, 1.3rem); line-height: 1.48; margin: .45rem 0 0; }

.gm-byline {
	align-items: center;
	border-top: var(--hgw-line);
	display: flex;
	flex-wrap: wrap;
	font-size: .78rem;
	gap: .25rem .55rem;
	margin-top: 1.5rem;
	padding-top: .9rem;
}

.gm-byline strong { font-family: var(--hgw-font-interface); font-size: .83rem; }
.gm-byline small a { color: var(--hgw-ink-soft); }
.gm-byline b { color: var(--hgw-ink-soft); font-size: .75rem; font-weight: 620; margin-left: auto; }

.gm-guide-navigation { border-block: var(--hgw-line); margin-inline: auto; max-width: var(--hgw-wide); }
.gm-article-jumps { margin-inline: auto; max-width: var(--hgw-reading); }
.gm-article-jumps summary { align-items: center; cursor: pointer; display: flex; font-size: .85rem; font-weight: 720; justify-content: space-between; list-style: none; padding: .9rem 0; }
.gm-article-jumps summary::-webkit-details-marker { display: none; }
.gm-article-jumps summary::after { color: var(--hgw-clay); content: "+"; font-size: 1.2rem; margin-left: .75rem; }
.gm-article-jumps[open] summary::after { content: "−"; }
.gm-article-jumps nav { padding: 0 0 1rem; }
.gm-article-jumps ol { columns: 2; font-size: .84rem; margin: 0; padding-left: 1.3rem; }
.gm-article-jumps li { break-inside: avoid; margin-bottom: .35rem; padding-right: 1rem; }

.gm-article-frame { margin-inline: auto; max-width: var(--hgw-wide); padding: var(--hgw-space-6) var(--hgw-gutter) 0; }
.gm-article-body { margin-inline: auto; max-width: var(--hgw-reading); }
.gm-reading-section { padding-block: 1.25rem var(--hgw-space-6); }
.gm-reading-section + .gm-reading-section { border-top: var(--hgw-line); }
.gm-reading-section h2 { font-size: clamp(2rem, 1.65rem + 1.4vw, 3.2rem); line-height: 1.02; margin-bottom: 1.25rem; position: relative; }
.gm-reading-section h2::before { background: var(--hgw-archetype); content: ""; display: block; height: .28rem; margin-bottom: .8rem; width: 2.7rem; }
.gm-reading-section h3 { font-size: var(--hgw-text-h3); line-height: 1.08; margin: 2rem 0 .8rem; }
.gm-reading-section h4 { color: var(--hgw-ink-deep); font-size: 1rem; margin: 1.5rem 0 .5rem; }
.gm-reading-section > p,
.gm-reading-section > ul,
.gm-reading-section > ol { font-family: var(--hgw-font-reading); line-height: 1.7; }
.gm-reading-section > p { margin: 0 0 1.15rem; }
.gm-reading-section > ul,
.gm-reading-section > ol { padding-left: 1.25rem; }
.gm-reading-section li { margin-block: .42rem; }

.gm-reading-section blockquote {
	background: var(--hgw-paper-warm);
	border-left: .35rem solid var(--hgw-archetype);
	font-family: var(--hgw-font-reading);
	margin: 1.8rem 0;
	padding: 1.25rem 1.4rem;
}

.gm-reading-section blockquote p { margin: 0; }

.gm-table-wrap {
	border-block: var(--hgw-line);
	margin: 1.8rem 0;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
}

.gm-table-wrap table { border-collapse: collapse; font-size: .88rem; min-width: 39rem; width: 100%; }
.gm-table-wrap th { background: var(--hgw-ink-deep); color: var(--hgw-paper); font-size: .75rem; letter-spacing: .04em; text-align: left; }
.gm-table-wrap th,
.gm-table-wrap td { border-bottom: 1px solid var(--hgw-rule); padding: .8rem .75rem; vertical-align: top; }
.gm-table-wrap tbody tr:nth-child(even) { background: var(--hgw-paper-warm); }

.gm-media-placement { margin: 2.2rem 0; }
.gm-media-placement > span { color: var(--hgw-archetype); display: block; font-size: .76rem; font-weight: 760; letter-spacing: .12em; margin-bottom: .55rem; text-transform: uppercase; }
.gm-evidence-figure { background: var(--hgw-paper-warm); }
.gm-evidence-figure img { width: 100%; }
.gm-evidence-figure figcaption { color: var(--hgw-ink-soft); font-size: .78rem; line-height: 1.42; padding: .75rem .9rem; }

.gm-visual-system {
	background: var(--hgw-paper-warm);
	border-block: .35rem solid var(--hgw-archetype);
	margin: 2rem 0;
	padding: clamp(1rem, 2.5vw, 2rem);
}

.gm-visual-system > header { margin-bottom: 1.25rem; }
.gm-visual-system > header > span { color: var(--hgw-archetype); font-size: .73rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.gm-visual-system > header h3 { margin-top: .45rem; }
.gm-first-garden-stages__photos { display: grid; gap: .75rem; grid-template-columns: repeat(3, 1fr); }
.gm-visual-tile { background: var(--hgw-paper); min-width: 0; }
.gm-visual-tile picture,
.gm-visual-tile img { aspect-ratio: 4 / 3; height: auto; object-fit: cover; width: 100%; }
.gm-visual-tile figcaption { min-width: 0; overflow-wrap: anywhere; padding: .75rem; }
.gm-visual-tile figcaption span { color: var(--hgw-archetype); display: block; font-size: .7rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.gm-visual-tile figcaption strong { display: block; font-size: .85rem; line-height: 1.35; margin-top: .25rem; }

.gm-first-session-summary { background: var(--hgw-ink-deep); color: var(--hgw-paper); margin-top: 1rem; padding: 1.2rem; }
.gm-first-session-summary h4 { color: var(--hgw-paper); margin-top: 0; }
.gm-first-session-summary ul { font-family: var(--hgw-font-interface); font-size: .87rem; }
.gm-article-body .gm-first-session-summary li { background: transparent; color: var(--hgw-paper); }
.gm-first-session-summary button { background: var(--hgw-action); border: 0; color: #fff; font-size: .78rem; font-weight: 760; padding: .65rem .8rem; }

.gm-sources { border-block: var(--hgw-line); font-size: .82rem; margin-top: 1.5rem; padding: .8rem 0; }
.gm-sources summary { cursor: pointer; font-weight: 720; }
.gm-sources ol { margin-bottom: .4rem; }

.gm-newsletter {
	background: var(--hgw-ink-deep);
	color: var(--hgw-paper);
}

.gm-newsletter h2,
.gm-newsletter strong { color: var(--hgw-paper); }
.gm-newsletter .gm-kicker { color: var(--hgw-ochre-pale); }
.gm-newsletter--inline { align-items: center; display: grid; gap: 1.5rem; grid-template-columns: 1fr 1fr; margin: var(--hgw-space-6) 0; padding: clamp(1.5rem, 3vw, 2.5rem); }
.gm-newsletter--inline .gm-newsletter__copy > strong { display: block; font-family: var(--hgw-font-display); font-size: 1.8rem; line-height: 1.05; margin-top: .5rem; }
.gm-newsletter__copy p { color: color-mix(in srgb, var(--hgw-paper) 82%, transparent); margin-bottom: 0; }
.gm-newsletter__form form,
.gm-newsletter__form .gmf-subscribe { max-width: none !important; }
.gm-newsletter__form input[type="email"] { background: var(--hgw-paper); border: 1px solid var(--hgw-paper); color: var(--hgw-ink); min-height: 2.8rem; }
.gm-newsletter__form button,
.gm-newsletter__form input[type="submit"] { background: var(--hgw-action) !important; border: 1px solid var(--hgw-action) !important; color: #fff !important; font-weight: 760; min-height: 2.8rem; }
.gm-newsletter__form .formkit-powered-by-convertkit-container { opacity: 1 !important; }
.gm-newsletter__form .formkit-powered-by-convertkit {
	background-image: none !important;
	color: var(--hgw-ochre-pale) !important;
	height: auto !important;
	opacity: 1 !important;
	text-indent: 0 !important;
	width: auto !important;
}

.gm-related-reading { border-top: var(--hgw-line); margin-top: var(--hgw-space-6); padding-top: var(--hgw-space-5); }
.gm-related-reading > strong { display: block; font-family: var(--hgw-font-display); font-size: 2rem; }
.gm-related-reading__grid { display: grid; gap: .8rem; grid-template-columns: repeat(3, 1fr); margin-top: 1rem; }
.gm-related-reading__grid a { background: var(--hgw-paper-warm); padding: .9rem; text-decoration: none; }
.gm-related-reading__grid figure { aspect-ratio: 4 / 3; overflow: hidden; }
.gm-related-reading__grid img { height: 100%; object-fit: cover; width: 100%; }
.gm-related-reading__grid span { color: var(--hgw-clay); display: block; font-size: .69rem; font-weight: 760; letter-spacing: .1em; margin-top: .7rem; text-transform: uppercase; }
.gm-related-reading__grid strong { display: block; font-family: var(--hgw-font-display); font-size: 1.08rem; line-height: 1.12; margin-top: .3rem; }

.gm-next-step-panel {
	align-items: center;
	background: var(--hgw-archetype);
	color: var(--hgw-paper);
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	margin: var(--hgw-space-7) auto 0;
	max-width: var(--hgw-wide);
	padding: clamp(1.5rem, 3vw, 2.5rem) var(--hgw-gutter);
}

.gm-next-step-panel span { display: block; font-size: .72rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.gm-next-step-panel strong { color: inherit; display: block; font-family: var(--hgw-font-display); font-size: 1.65rem; line-height: 1.12; margin-top: .3rem; max-width: 35rem; }
.gm-next-step-panel a { font-size: .86rem; font-weight: 760; text-decoration: none; }

.gm-hero-pair { display: grid; grid-template-columns: 1fr 1fr; height: 100%; }
.gm-hero-pair > div { min-width: 0; position: relative; }
.gm-hero-pair > div > span { background: rgba(13, 43, 35, .88); color: var(--hgw-paper); font-size: .72rem; font-weight: 760; left: .5rem; padding: .35rem .5rem; position: absolute; top: .5rem; z-index: 1; }
.gm-hero-pair picture,
.gm-hero-pair img { height: 100%; object-fit: cover; width: 100%; }

/* Lanes and archives */
.gm-lane-page { --hgw-archetype: var(--hgw-action); background: var(--hgw-paper); }
.gm-lane-page--solve { --hgw-archetype: var(--hgw-action); }
.gm-lane-page--improve { --hgw-archetype: var(--hgw-action); }
.gm-lane-page--buy { --hgw-archetype: var(--hgw-action); }

.gm-lane-hero {
	background: var(--hgw-paper-warm);
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(22rem, .85fr);
	margin-inline: auto;
	max-width: var(--hgw-shell);
	min-height: 34rem;
	position: relative;
}

.gm-lane-hero figure { min-height: 0; overflow: hidden; }
.gm-lane-hero figure,
.gm-lane-hero__copy { grid-area: auto; }
.gm-lane-hero figure picture,
.gm-lane-hero figure img { height: 100%; width: 100%; }
.gm-lane-hero figure img { object-fit: cover; }
.gm-lane-hero__shade { display: none; }
.gm-lane-hero__copy { align-self: center; color: var(--hgw-ink); padding: clamp(2.2rem, 5vw, 5rem); position: static; }
.gm-lane-hero__copy > span { color: var(--hgw-archetype); }
.gm-lane-hero__copy h1 { color: var(--hgw-ink-deep); font-size: clamp(3.25rem, 4.8vw, 5.7rem); margin-top: .8rem; max-width: 10ch; }
.gm-lane-hero__copy p { color: var(--hgw-ink-soft); font-family: var(--hgw-font-reading); font-size: 1.18rem; line-height: 1.5; max-width: 30rem; }
.gm-lane-hero__copy > strong { border-top: .3rem solid var(--hgw-archetype); display: block; font-size: .9rem; margin-top: 1.5rem; padding-top: .65rem; }

.gm-lane-switcher {
	background: var(--hgw-paper);
	border: var(--hgw-line);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: -1.5rem auto 0;
	max-width: 58rem;
	position: relative;
	z-index: 2;
}

.gm-lane-switcher a { border-right: var(--hgw-line); font-size: .78rem; font-weight: 720; padding: .85rem .7rem; text-align: center; text-decoration: none; }
.gm-lane-switcher a:last-child { border-right: 0; }
.gm-lane-switcher a[aria-current="page"] { background: var(--hgw-archetype); color: var(--hgw-paper); }

.gm-lane-feature {
	align-items: stretch;
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	margin: var(--hgw-space-7) auto;
	max-width: var(--hgw-wide);
	padding-inline: var(--hgw-gutter);
}

.gm-lane-feature > figure { min-height: 27rem; overflow: hidden; }
.gm-lane-feature > figure picture,
.gm-lane-feature > figure img { height: 100%; width: 100%; }
.gm-lane-feature > figure img { object-fit: cover; }
.gm-lane-feature > div { background: var(--hgw-ink-deep); color: var(--hgw-paper); padding: clamp(2rem, 4vw, 4rem); }
.gm-lane-feature > div > span { color: var(--hgw-ochre-pale); font-size: .72rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.gm-lane-feature h2 { color: var(--hgw-paper); font-size: clamp(2.5rem, 4vw, 4rem); margin-top: .65rem; }
.gm-lane-feature p { font-family: var(--hgw-font-reading); }

.gm-curated-groups,
.gm-symptom-chooser,
.gm-lane-story { margin-inline: auto; max-width: var(--hgw-wide); padding: 0 var(--hgw-gutter) var(--hgw-space-7); }
.gm-curated-group { border-top: var(--hgw-line); display: grid; gap: 2rem; grid-template-columns: minmax(12rem, .42fr) 1fr; padding-block: var(--hgw-space-6); }
.gm-curated-group > header > span,
.gm-symptom-chooser > header > span,
.gm-lane-story span { color: var(--hgw-archetype); font-size: .72rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.gm-curated-group > header h2 { font-size: clamp(2.2rem, 3.4vw, 3.5rem); margin-top: .5rem; }
.gm-guide-card-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.gm-guide-card { background: var(--hgw-paper-warm); text-decoration: none; }
.gm-guide-card figure { aspect-ratio: 16 / 10; overflow: hidden; }
.gm-guide-card picture,
.gm-guide-card img { height: 100%; width: 100%; }
.gm-guide-card img { object-fit: cover; }
.gm-guide-card > div { padding: 1.25rem; }
.gm-guide-card span { color: var(--hgw-clay); font-size: .7rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.gm-guide-card h3 { font-size: 1.55rem; margin-top: .45rem; }
.gm-guide-card p { color: var(--hgw-ink-soft); font-size: .88rem; }
.gm-guide-card b { font-size: .78rem; }

.gm-symptom-chooser > header,
.gm-lane-story > header { max-width: 45rem; }
.gm-symptom-chooser > header h2,
.gm-lane-story h2 { font-size: var(--hgw-text-h2); margin-top: .5rem; }
.gm-symptom-chooser__grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); margin-top: 2rem; }
.gm-symptom-chooser__grid > a { background: var(--hgw-paper-warm); display: grid; grid-template-columns: 1fr 1fr; min-width: 0; text-decoration: none; }
.gm-symptom-chooser__grid figure { min-height: 18rem; min-width: 0; overflow: hidden; width: 100%; }
.gm-symptom-chooser__grid picture,
.gm-symptom-chooser__grid img { height: 100%; width: 100%; }
.gm-symptom-chooser__grid img { object-fit: cover; }
.gm-symptom-chooser__grid > a > div { padding: 1.4rem; }

.gm-lane-story--improve { align-items: center; display: grid; gap: 2.5rem; grid-template-columns: .9fr 1.1fr; }
.gm-lane-story--improve figure { max-height: 34rem; overflow: hidden; }
.gm-lane-story--improve img { height: 100%; object-fit: cover; width: 100%; }
.gm-lane-story--buy { display: grid; gap: 2rem; grid-template-columns: .8fr 1.2fr; }
.gm-lane-email { align-items: center; background: var(--hgw-ochre-pale); display: flex; justify-content: space-between; margin: 0 auto var(--hgw-space-7); max-width: calc(var(--hgw-wide) - (2 * var(--hgw-gutter))); padding: 1.6rem 2rem; }
.gm-lane-email h2 { font-size: 2rem; margin-top: .4rem; }
.gm-lane-email p { margin-bottom: 0; }
.gm-lane-email > a { font-size: .82rem; font-weight: 760; }

/* Search, About, trust pages and quiet infrastructure */
.gm-search-page,
.gm-core-page { background: var(--hgw-paper); }

.gm-search-page { margin-inline: auto; max-width: var(--hgw-wide); padding: var(--hgw-space-6) var(--hgw-gutter) var(--hgw-space-7); }
.gm-search-page__header { border-bottom: var(--hgw-line); padding-block: 1rem 2rem; }
.gm-search-page__header > span { color: var(--hgw-clay); font-size: .72rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.gm-search-page__header h1 { font-size: var(--hgw-text-h2); margin-top: .6rem; }
.gm-search-page__header p { color: var(--hgw-ink-soft); margin-bottom: 0; }
.gm-search-page-form { align-items: end; display: grid; gap: .6rem; grid-template-columns: 1fr; margin: 2rem 0; max-width: 48rem; }
.gm-search-page-form label { font-size: .78rem; font-weight: 740; }
.gm-search-page-form > div { display: grid; grid-template-columns: 1fr auto; }
.gm-search-page-form input { background: var(--hgw-paper); border: 1px solid var(--hgw-rule); min-height: 3rem; padding-inline: .9rem; }
.gm-search-page-form button { background: var(--hgw-ink-deep); border: 1px solid var(--hgw-ink-deep); color: var(--hgw-paper); font-size: .82rem; font-weight: 740; padding-inline: 1.2rem; }
.gm-search-results > h2 { font-size: 1.7rem; margin-bottom: 1rem; }
.gm-search-results__grid { border-top: var(--hgw-line); }
.gm-search-result { align-items: center; border-bottom: var(--hgw-line); display: grid; gap: 1.4rem; grid-template-columns: 11rem 1fr; padding-block: 1rem; }
.gm-search-result__image { aspect-ratio: 4 / 3; min-width: 0; overflow: hidden; width: 100%; }
.gm-search-result__image picture,
.gm-search-result__image img { height: 100%; width: 100%; }
.gm-search-result__image img { object-fit: cover; }
.gm-search-result > div { min-width: 0; }
.gm-search-result span { color: var(--hgw-clay); font-size: .69rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.gm-search-result h3 { font-size: 1.65rem; margin-top: .35rem; }
.gm-search-result p { color: var(--hgw-ink-soft); font-size: .9rem; margin-block: .45rem; }
.gm-search-result div > a { font-size: .78rem; font-weight: 740; }
.gm-search-empty { background: var(--hgw-paper-warm); padding: clamp(1.5rem, 4vw, 3rem); }
.gm-search-empty h2 { font-size: 2.3rem; margin-top: .5rem; }
.gm-search-empty > div { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.2rem; }
.gm-search-empty > div a { background: var(--hgw-paper); border: var(--hgw-line); font-size: .8rem; font-weight: 720; padding: .65rem .8rem; text-decoration: none; }

.gm-about-hero {
	background: var(--hgw-paper-warm);
	margin-inline: auto;
	max-width: var(--hgw-shell);
	padding: clamp(3rem, 7vw, 6.5rem) max(var(--hgw-gutter), calc((100% - var(--hgw-wide)) / 2 + var(--hgw-gutter)));
	position: relative;
}
.gm-about-hero h1 { font-size: var(--hgw-text-h1); margin-top: .7rem; max-width: 10ch; }
.gm-about-hero p { color: var(--hgw-ink-soft); font-family: var(--hgw-font-reading); font-size: var(--hgw-text-deck); max-width: 43rem; }
.gm-about-intro,
.gm-about-lanes,
.gm-founder-profile { margin-inline: auto; max-width: var(--hgw-wide); padding: var(--hgw-space-7) var(--hgw-gutter); }
.gm-about-intro { align-items: center; display: grid; gap: 4rem; grid-template-columns: .85fr 1.15fr; }
.gm-about-intro h2,
.gm-about-lanes h2,
.gm-founder-profile h2 { font-size: var(--hgw-text-h2); margin-top: .55rem; }
.gm-about-photo-pair { align-items: end; display: grid; gap: 1rem; grid-template-columns: 1.15fr .85fr; }
.gm-about-photo-pair figure:last-child { margin-bottom: -2.5rem; }
.gm-about-photo-pair figcaption { color: var(--hgw-ink-soft); font-size: .72rem; margin-top: .4rem; }
.gm-about-lanes { border-top: var(--hgw-line); }
.gm-about-lanes > div { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 2rem; }
.gm-about-lanes a { border-left: var(--hgw-line); display: flex; flex-direction: column; min-height: 11rem; padding: 1.2rem; text-decoration: none; }
.gm-about-lanes a:last-child { border-right: var(--hgw-line); }
.gm-about-lanes a > strong { font-family: var(--hgw-font-display); font-size: 1.7rem; }
.gm-about-lanes a > span { color: var(--hgw-ink-soft); font-size: .85rem; margin-top: .6rem; }
.gm-about-lanes a > b { font-size: .75rem; margin-top: auto; }
.gm-founder-profile { background: var(--hgw-paper-warm); display: grid; gap: 3rem; grid-template-columns: .65fr 1.35fr; margin-bottom: var(--hgw-space-7); padding-block: var(--hgw-space-6); }
.gm-founder-profile > div:first-child > strong { color: var(--hgw-clay); display: block; font-size: .83rem; line-height: 1.45; margin-top: 1rem; }

.gm-policy-header {
	border-bottom: var(--hgw-line);
	margin-inline: auto;
	max-width: var(--hgw-wide);
	padding: var(--hgw-space-6) var(--hgw-gutter) var(--hgw-space-5);
}
.gm-policy-header h1 { font-size: clamp(2.7rem, 5vw, 4.4rem); margin-top: .6rem; }
.gm-policy-header p { color: var(--hgw-ink-soft); margin-bottom: 0; max-width: 48rem; }
.gm-policy-layout { align-items: start; display: grid; gap: clamp(2rem, 5vw, 5rem); grid-template-columns: 13rem minmax(0, var(--hgw-reading)); margin-inline: auto; max-width: var(--hgw-wide); padding: var(--hgw-space-5) var(--hgw-gutter) var(--hgw-space-7); }
.gm-trust-nav { border-left: var(--hgw-line); display: flex; flex-direction: column; position: sticky; top: 6.5rem; }
.gm-trust-nav a { border-left: 3px solid transparent; font-size: .78rem; padding: .5rem .75rem; text-decoration: none; }
.gm-trust-nav a[aria-current="page"] { border-left-color: var(--hgw-clay); font-weight: 740; }
.gm-policy-body { max-width: var(--hgw-measure); }
.gm-policy-body section { border-bottom: var(--hgw-line); padding-block: 1.4rem 1.8rem; }
.gm-policy-body section:first-child { padding-top: 0; }
.gm-policy-body h2 { font-family: var(--hgw-font-reading); font-size: 1.75rem; letter-spacing: -.02em; line-height: 1.1; }
.gm-policy-body p { color: var(--hgw-ink-soft); font-size: .96rem; line-height: 1.62; }
.gm-contact-card { background: var(--hgw-paper-warm); padding: 2rem; }
.gm-contact-card > span { color: var(--hgw-clay); display: block; font-size: .72rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.gm-contact-card > a { display: inline-block; font-family: var(--hgw-font-display); font-size: 1.8rem; margin: .4rem 0 1rem; }

/* Footer: trust infrastructure remains useful and visually quiet */
.gm-site-footer { background: var(--hgw-ink-deep); color: color-mix(in srgb, var(--hgw-paper) 84%, transparent); }
.gm-footer-topline { display: none; }
.gm-footer-main {
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: 1.4fr .55fr .75fr 1fr;
	margin-inline: auto;
	max-width: var(--hgw-shell);
	padding: var(--hgw-space-6) var(--hgw-gutter);
}
.gm-site-footer .gm-brand-lockup { color: var(--hgw-paper); }
.gm-site-footer .gm-brand-lockup i { color: var(--hgw-ochre-pale); }
.gm-footer-brand p { font-size: .82rem; max-width: 28rem; }
.gm-footer-brand .gm-founder-identity { color: var(--hgw-ochre-pale); font-size: .73rem; margin-top: 1.2rem; }
.gm-footer-main nav { display: flex; flex-direction: column; gap: .35rem; }
.gm-footer-main nav > span { color: var(--hgw-ochre-pale); font-size: .68rem; font-weight: 760; letter-spacing: .13em; margin-bottom: .35rem; text-transform: uppercase; }
.gm-footer-main nav a { font-size: .76rem; text-decoration: none; }
.gm-footer-base { border-top: 1px solid rgba(255, 255, 255, .13); font-size: .68rem; margin-inline: auto; max-width: var(--hgw-shell); padding: 1rem var(--hgw-gutter); }

@media (max-width: 1100px) {
	.gm-header-shell { grid-template-columns: minmax(12rem, 1fr) auto auto; }
	.gm-header-utility { display: none; }
	.gm-story-card { grid-template-columns: minmax(8rem, .7fr) minmax(0, 1fr); }
	.gm-article-opening { grid-template-columns: 1fr 1fr; }
	.gm-article-opening__media { min-height: 27rem; }
	.gm-footer-main { grid-template-columns: 1.25fr .6fr .8fr; }
}

@media (max-width: 1239px) {
	html { scroll-padding-top: max(4.5rem, var(--hgw-p13-fragment-clearance, 0px)); }
	.gm-header-shell { grid-template-columns: 1fr auto; height: 4.2rem; }
	.gm-nav,
	.gm-header-utility,
	.gm-start-link { display: none; }
	.gm-mobile-nav { display: block; justify-self: end; }
	.gm-mobile-nav > summary { align-items: center; cursor: pointer; display: flex; font-size: .8rem; font-weight: 740; gap: .45rem; justify-content: flex-end; list-style: none; min-height: 44px; min-width: 44px; }
	.gm-mobile-nav > summary::-webkit-details-marker { display: none; }
	.gm-mobile-nav__panel { background: var(--hgw-paper); border: var(--hgw-line); box-shadow: var(--hgw-shadow); left: var(--hgw-gutter); max-height: calc(100vh - 5.2rem); overflow: auto; padding: 1rem; position: absolute; right: var(--hgw-gutter); top: 100%; }
	.gm-mobile-nav__panel > .gm-mobile-begin { background: var(--hgw-ink-deep); color: var(--hgw-paper); display: block; padding: 1rem; text-decoration: none; }
	.gm-mobile-nav__panel > .gm-mobile-begin span { color: var(--hgw-paper); display: block; font-size: .78rem; }
	.gm-mobile-nav__panel nav { display: grid; grid-template-columns: 1fr 1fr; margin-top: .7rem; }
	.gm-mobile-nav__panel nav a { border: var(--hgw-line); display: block; margin: 0 -1px -1px 0; padding: .8rem; text-decoration: none; }
	.gm-mobile-nav__panel nav span { color: var(--hgw-ink-soft); display: block; font-size: .72rem; }
	.gm-mobile-links { display: flex; gap: 1rem; padding: .8rem 0; }
	.gm-mobile-links a { align-items: center; display: inline-flex; font-size: .78rem; justify-content: center; min-height: 44px; min-width: 44px; }
	.gm-search--mobile { display: flex; min-width: 0; width: 100%; }
}

@media (max-width: 880px) {
	.hgw-home-hero { min-height: 34rem; }
	.hgw-home-hero__wash { background: linear-gradient(0deg, rgba(13, 43, 35, .94) 0%, rgba(13, 43, 35, .84) 64%, rgba(13, 43, 35, .72) 100%); }
	.hgw-home-hero__copy { justify-content: flex-end; max-width: 43rem; }
	.hgw-home-hero h1 { font-size: clamp(3.2rem, 10vw, 5.1rem); max-width: 10.8ch; }
	.hgw-section-intro--plain { align-items: start; flex-direction: column; }
	.hgw-way-grid { grid-template-columns: repeat(2, 1fr); }
	.hgw-way:nth-child(3) { border-top: var(--hgw-line); }
	.hgw-way:nth-child(4) { border-top: var(--hgw-line); }
	.hgw-story-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; }
	.hgw-story-card--lead { grid-column: 1 / -1; grid-row: auto; grid-template-columns: 1.1fr .9fr; grid-template-rows: auto; }
	.hgw-story-card:not(.hgw-story-card--lead) { grid-template-columns: 1fr; grid-template-rows: 13rem auto; }
	.hgw-field-note { grid-template-columns: 1fr; }
	.hgw-field-note__copy { max-width: 43rem; }
	.hgw-home-ending { grid-template-columns: 1fr; }

	.gm-article-opening { grid-template-columns: 1fr; }
	.gm-article-opening__media { min-height: 23rem; }
	.gm-article-opening__copy { max-width: 43rem; }
	.gm-article-opening h1 { max-width: 12ch; }
	.gm-article-jumps { padding-inline: var(--hgw-gutter); }
	.gm-guide-navigation { max-width: none; }
	.gm-newsletter--inline { grid-template-columns: 1fr; }
	.gm-related-reading__grid { grid-template-columns: 1fr 1fr; }

	.gm-lane-hero { grid-template-columns: 1fr; }
	.gm-lane-hero figure { height: 22rem; }
	.gm-lane-hero__copy { padding: 2.5rem var(--hgw-gutter) 3rem; }
	.gm-lane-hero__copy h1 { max-width: 12ch; }
	.gm-lane-feature { grid-template-columns: 1fr; }
	.gm-lane-feature > figure { min-height: 22rem; }
	.gm-curated-group { grid-template-columns: 1fr; }
	.gm-lane-story--improve,
	.gm-lane-story--buy { grid-template-columns: 1fr; }
	.gm-symptom-chooser__grid > a { grid-template-columns: 1fr; }
	.gm-symptom-chooser__grid figure { min-height: 15rem; }

	.gm-about-intro { gap: 2.5rem; grid-template-columns: 1fr; }
	.gm-about-lanes > div { grid-template-columns: 1fr 1fr; }
	.gm-about-lanes a:nth-child(3) { border-top: var(--hgw-line); }
	.gm-about-lanes a:nth-child(4) { border-top: var(--hgw-line); }
	.gm-founder-profile { grid-template-columns: 1fr; }
	.gm-policy-layout { grid-template-columns: 1fr; }
	.gm-trust-nav { border-bottom: var(--hgw-line); border-left: 0; flex-direction: row; flex-wrap: wrap; gap: .2rem; padding-bottom: 1rem; position: static; }
	.gm-trust-nav a { border-left: 0; border-bottom: 2px solid transparent; }
	.gm-trust-nav a[aria-current="page"] { border-bottom-color: var(--hgw-clay); }

	.gm-footer-main { grid-template-columns: 1.2fr .8fr .8fr; }
}

@media (max-width: 600px) {
	:root { --hgw-gutter: 1.1rem; --hgw-space-8: 4.5rem; --hgw-space-7: 3.7rem; --hgw-space-6: 2.7rem; }
	body { font-size: 1rem; }
	.gm-brand-lockup { font-size: 1.03rem; }
	.gm-first-garden-stages__photos,
	.gm-photo-library__grid,
	.gm-photo-library__grid--six,
	.gm-photo-library__grid--crops,
	.gm-photo-atlas__grid,
	.gm-photo-atlas__grid--six,
	.gm-photo-atlas__grid--eight,
	.gm-season-band__crops { grid-template-columns: 1fr; }

	.hgw-home-hero { min-height: 36rem; }
	.hgw-home-hero__media img { object-position: 58% center; }
	.hgw-home-hero__copy { padding-bottom: 2.2rem; }
	.hgw-home-hero h1 { font-size: clamp(2.85rem, 14vw, 3.75rem); line-height: .94; max-width: 9ch; }
	.hgw-home-hero p { font-size: 1.08rem; line-height: 1.42; margin-top: 1rem; }
	.hgw-home-hero__actions { align-items: flex-start; flex-direction: column; gap: .75rem; margin-top: 1.35rem; }
	.hgw-section-intro { align-items: start; }
	.hgw-section-intro h2 { max-width: 11ch; }
	.hgw-way-grid { border-top: var(--hgw-line); grid-template-columns: 1fr; }
	.hgw-way { border-bottom: var(--hgw-line); border-left: 0; min-height: 0; padding: 1.25rem 0; }
	.hgw-way:last-child { border-right: 0; }
	.hgw-way::before { height: 100%; left: 0; right: auto; width: .28rem; }
	.hgw-way > span,
	.hgw-way > strong,
	.hgw-way > p,
	.hgw-way > b { margin-left: 1rem; }
	.hgw-way > strong { margin-top: .7rem; }
	.hgw-way p { margin-bottom: .7rem; }
	.hgw-story-grid { display: block; }
	.hgw-story-card,
	.hgw-story-card--lead,
	.hgw-story-card:not(.hgw-story-card--lead) { display: grid; grid-template-columns: 1fr; grid-template-rows: 13.5rem auto; margin-bottom: .85rem; }
	.hgw-story-card--lead { grid-template-rows: 17rem auto; }
	.hgw-field-note { padding-block: 3.5rem; }
	.hgw-field-note figure { margin-inline: -.4rem; }
	.hgw-notebook-list > a { align-items: start; gap: .8rem; grid-template-columns: 6.2rem 1fr; }
	.hgw-notebook-list > a > b { display: none; }
	.hgw-notebook-list p { display: none; }
	.hgw-notebook-list strong { font-size: 1.2rem; }
	.hgw-home-ending { padding-inline: 0; }
	.hgw-home-ending__about,
	.gm-newsletter--home { padding: 2rem var(--hgw-gutter); }

	.gm-breadcrumbs { padding-top: .75rem; }
	.gm-article-opening { gap: 1.2rem; padding-top: .3rem; }
	.gm-article-opening__media { min-height: 15rem; }
	.gm-article-opening__media figcaption { font-size: .7rem; max-width: 92%; }
	.gm-article-opening h1 { font-size: clamp(2.65rem, 13vw, 3.45rem); line-height: .96; margin-top: .8rem; }
	.gm-direct-answer { margin-top: 1.15rem; }
	.gm-direct-answer p { font-size: 1.05rem; }
	.gm-byline b { margin-left: 0; width: 100%; }
	.gm-article-jumps ol { columns: 1; }
	.gm-article-frame { padding-top: 1.8rem; }
	.gm-reading-section { padding-bottom: 2.5rem; }
	.gm-reading-section h2 { font-size: clamp(1.9rem, 9vw, 2.5rem); }
	.gm-first-garden-stages__photos { grid-template-columns: 1fr; }
	.gm-visual-tile { display: grid; grid-template-columns: 7.5rem 1fr; }
	.gm-visual-tile picture,
	.gm-visual-tile img { aspect-ratio: 1; height: 100%; }
	.gm-newsletter--inline { margin-inline: -.3rem; }
	.gm-related-reading__grid { grid-template-columns: 1fr; }
	.gm-related-reading__grid a { display: grid; gap: .75rem; grid-template-columns: 6.5rem 1fr; }
	.gm-related-reading__grid figure { grid-row: 1 / 3; }
	.gm-next-step-panel { align-items: flex-start; flex-direction: column; margin-top: 3rem; }

	.gm-lane-hero { min-height: 0; }
	.gm-lane-hero figure { height: 15.5rem; }
	.gm-lane-hero__copy { padding-block: 1.8rem 2.2rem; }
	.gm-lane-hero__copy h1 { font-size: clamp(2.75rem, 13vw, 3.6rem); }
	.gm-lane-hero__copy p { font-size: 1.03rem; }
	.gm-lane-switcher { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; overflow: visible; width: 100%; }
	.gm-lane-switcher a { min-width: 0; white-space: normal; }
	.gm-lane-switcher a:focus-visible { box-shadow: none; outline-offset: -4px; }
	.gm-lane-feature { margin-block: 2.5rem; }
	.gm-lane-feature > figure { min-height: 15rem; }
	.gm-lane-feature > div { padding: 1.5rem; }
	.gm-lane-feature h2 { font-size: 2.5rem; }
	.gm-guide-card-grid,
	.gm-symptom-chooser__grid { grid-template-columns: 1fr; }
	.gm-lane-email { align-items: flex-start; flex-direction: column; gap: .8rem; margin-inline: var(--hgw-gutter); }

	.gm-search-page { padding-top: 2rem; }
	.gm-search-page-form > div { grid-template-columns: 1fr; }
	.gm-search-page-form button { min-height: 2.8rem; }
	.gm-search-result { align-items: start; gap: .8rem; grid-template-columns: 6.5rem 1fr; }
	.gm-search-result__image { aspect-ratio: 1; min-height: 0; }
	.gm-search-result p { display: none; }
	.gm-search-result h3 { font-size: 1.25rem; }
	.gm-about-hero { padding-block: 2.7rem 3.5rem; }
	.gm-about-hero h1 { font-size: 3rem; max-width: 8ch; }
	.gm-about-photo-pair { grid-template-columns: 1fr 1fr; }
	.gm-about-photo-pair figure:last-child { margin-bottom: -1rem; }
	.gm-about-lanes > div { grid-template-columns: 1fr; }
	.gm-about-lanes a { border-bottom: var(--hgw-line); border-left: 0; min-height: 8rem; }
	.gm-about-lanes a:last-child { border-right: 0; }
	.gm-founder-profile { margin-bottom: 3rem; }
	.gm-policy-header { padding-top: 2.3rem; }
	.gm-policy-header h1 { font-size: 2.75rem; }
	.gm-policy-layout { padding-top: 1.5rem; }
	.gm-policy-body h2 { font-size: 1.5rem; }
	.gm-contact-card { padding: 1.25rem; }
	.gm-contact-card > a { font-size: 1.25rem; overflow-wrap: anywhere; }

	.gm-footer-main { gap: 2rem; grid-template-columns: 1fr 1fr; padding-block: 2.8rem; }
	.gm-footer-brand { grid-column: 1 / -1; }
	.gm-footer-notes { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

@media print {
	.gm-site-header,
	.gm-site-footer,
	.gm-guide-navigation,
	.gm-newsletter,
	.gm-next-step-panel { display: none !important; }
	body { background: #fff; color: #111; font-size: 11pt; }
	.gm-article-opening { display: block; }
	.gm-article-opening__media { max-height: 18rem; }
	.gm-article-body { max-width: none; }
}

/*
 * Task 15 Phase R2C — Wave 2 opt-in compatibility layer.
 * These versioned tokens and classes do not repoint existing --hgw-* / --gm-*
 * consumers. Existing templates remain unchanged until hgw-v2 classes are added.
 */
:root {
	--hgw-v2-color-ink: var(--hgw-ink);
	--hgw-v2-color-ink-deep: var(--hgw-ink-deep);
	--hgw-v2-color-ink-soft: var(--hgw-ink-soft);
	--hgw-v2-color-paper: var(--hgw-paper);
	--hgw-v2-color-paper-warm: var(--hgw-paper-warm);
	--hgw-v2-color-rule: var(--hgw-rule);
	--hgw-v2-color-action: var(--hgw-action);
	--hgw-v2-color-accent: var(--hgw-clay);
	--hgw-v2-color-positive: var(--hgw-moss-ink);
	--hgw-v2-color-positive-bg: var(--hgw-sage-pale);
	--hgw-v2-color-warning: var(--hgw-ochre-ink);
	--hgw-v2-color-warning-bg: var(--hgw-ochre-pale);
	--hgw-v2-color-error: var(--hgw-clay);
	--hgw-v2-color-error-bg: var(--hgw-clay-pale);
	--hgw-v2-font-display: var(--hgw-font-display);
	--hgw-v2-font-reading: var(--hgw-font-reading);
	--hgw-v2-font-interface: var(--hgw-font-interface);
	--hgw-v2-text-xs: var(--hgw-text-xs);
	--hgw-v2-text-sm: var(--hgw-text-sm);
	--hgw-v2-text-body: var(--hgw-text-body);
	--hgw-v2-text-deck: var(--hgw-text-deck);
	--hgw-v2-text-h3: var(--hgw-text-h3);
	--hgw-v2-text-h2: clamp(1.9rem, 1.55rem + 1.4vw, 3rem);
	--hgw-v2-space-1: var(--hgw-space-1);
	--hgw-v2-space-2: var(--hgw-space-2);
	--hgw-v2-space-3: var(--hgw-space-3);
	--hgw-v2-space-4: var(--hgw-space-4);
	--hgw-v2-space-5: var(--hgw-space-5);
	--hgw-v2-space-6: var(--hgw-space-6);
	--hgw-v2-gutter: var(--hgw-gutter);
	--hgw-v2-reading: var(--hgw-reading);
	--hgw-v2-wide: var(--hgw-wide);
	--hgw-v2-target: 2.75rem;
	--hgw-v2-focus-ring: 3px solid var(--hgw-v2-color-accent);
	--hgw-v2-radius: var(--hgw-radius-large);
	--hgw-v2-safe-top: env(safe-area-inset-top, 0px);
	--hgw-v2-safe-right: env(safe-area-inset-right, 0px);
	--hgw-v2-safe-bottom: env(safe-area-inset-bottom, 0px);
	--hgw-v2-safe-left: env(safe-area-inset-left, 0px);
}

.hgw-v2-skip {
	background: var(--hgw-v2-color-paper);
	left: var(--hgw-v2-space-3);
	padding: .75rem 1rem;
	position: absolute;
	top: -6rem;
	z-index: 5;
}

.hgw-v2-skip:focus { top: max(var(--hgw-v2-space-3), var(--hgw-v2-safe-top)); }

.hgw-v2-shell {
	font-family: var(--hgw-v2-font-interface);
	margin-inline: auto;
	max-width: var(--hgw-v2-wide);
	padding-block: max(var(--hgw-v2-space-5), var(--hgw-v2-safe-top)) max(var(--hgw-v2-space-6), var(--hgw-v2-safe-bottom));
	padding-inline: max(var(--hgw-v2-gutter), var(--hgw-v2-safe-left)) max(var(--hgw-v2-gutter), var(--hgw-v2-safe-right));
}

.hgw-v2-kicker {
	color: var(--hgw-v2-color-accent);
	font-size: var(--hgw-v2-text-xs);
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.hgw-v2-heading {
	color: var(--hgw-v2-color-ink-deep);
	font-family: var(--hgw-v2-font-display);
	font-size: var(--hgw-v2-text-h2);
	letter-spacing: -.025em;
	line-height: 1.05;
	margin: var(--hgw-v2-space-2) 0 var(--hgw-v2-space-3);
	max-width: 20ch;
	text-wrap: balance;
}

.hgw-v2-deck {
	color: var(--hgw-v2-color-ink-soft);
	font-family: var(--hgw-v2-font-reading);
	font-size: var(--hgw-v2-text-deck);
	margin: 0;
}

.hgw-v2-rule { border: 0; border-top: 1px solid var(--hgw-v2-color-rule); margin-block: var(--hgw-v2-space-5); }
.hgw-v2-grid { display: grid; gap: var(--hgw-v2-space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--hgw-v2-space-4); }
.hgw-v2-card { border: 1px solid var(--hgw-v2-color-rule); border-radius: var(--hgw-v2-radius); min-width: 0; padding: var(--hgw-v2-space-4); }
.hgw-v2-card > :last-child { margin-bottom: 0; }

.hgw-v2-meta { color: var(--hgw-v2-color-ink-soft); display: flex; flex-wrap: wrap; font-size: var(--hgw-v2-text-sm); gap: var(--hgw-v2-space-2) var(--hgw-v2-space-4); margin: var(--hgw-v2-space-3) 0 0; padding: 0; }
.hgw-v2-meta div { min-width: 10rem; }
.hgw-v2-meta dt { font-weight: 780; }
.hgw-v2-meta dd { margin: .1rem 0 0; }
.hgw-v2-missing { color: var(--hgw-v2-color-ink-soft); font-style: italic; }

.hgw-v2-action { align-items: center; background: var(--hgw-v2-color-action); border: 1px solid var(--hgw-action); color: #fff; cursor: pointer; display: inline-flex; font: 780 var(--hgw-v2-text-sm)/1.2 var(--hgw-v2-font-interface); justify-content: center; min-height: var(--hgw-v2-target); min-width: var(--hgw-v2-target); padding: .65rem 1rem; }
.hgw-v2-action[disabled] { cursor: not-allowed; opacity: .65; }

:where(.hgw-v2-skip, .hgw-v2-action, .hgw-v2-table-wrap):focus-visible {
	box-shadow: 0 0 0 4px var(--hgw-v2-color-paper);
	outline: var(--hgw-v2-focus-ring);
	outline-offset: 3px;
}

.hgw-v2-status { border-left: .35rem solid currentColor; margin-top: var(--hgw-v2-space-3); padding: var(--hgw-v2-space-3); }
.hgw-v2-status strong { color: inherit; display: block; }
.hgw-v2-status--empty { background: var(--hgw-v2-color-paper-warm); color: var(--hgw-v2-color-ink); }
.hgw-v2-status--loading { background: var(--hgw-v2-color-warning-bg); color: var(--hgw-v2-color-warning); }
.hgw-v2-status--error { background: var(--hgw-v2-color-error-bg); color: var(--hgw-v2-color-error); }
.hgw-v2-disclosure { background: var(--hgw-v2-color-warning-bg); border: 1px solid var(--hgw-v2-color-warning); padding: var(--hgw-v2-space-4); }
.hgw-v2-zero-link { background: var(--hgw-v2-color-positive-bg); border: 1px solid var(--hgw-v2-color-positive); padding: var(--hgw-v2-space-4); }
.hgw-v2-zero-link .hgw-v2-action { margin-top: var(--hgw-v2-space-2); }
.hgw-v2-long-title { overflow-wrap: anywhere; }

.hgw-v2-photo-grid { display: grid; gap: var(--hgw-v2-space-4); grid-template-columns: minmax(0, 1.55fr) minmax(14rem, .65fr); margin-top: var(--hgw-v2-space-4); }
.hgw-v2-photo { background: var(--hgw-v2-color-paper-warm); border: 1px solid var(--hgw-v2-color-rule); margin: 0; min-width: 0; }
.hgw-v2-photo__frame { overflow: hidden; }
.hgw-v2-photo__frame picture { display: contents; }
.hgw-v2-photo__frame img { display: block; height: 100%; object-fit: cover; width: 100%; }
.hgw-v2-photo--feature .hgw-v2-photo__frame { aspect-ratio: 16 / 9; }
.hgw-v2-photo--feature img { object-position: 58% 44%; }
.hgw-v2-photo--card .hgw-v2-photo__frame { aspect-ratio: 4 / 5; }
.hgw-v2-photo--card img { object-position: 62% 45%; }
.hgw-v2-photo figcaption { color: var(--hgw-v2-color-ink-soft); font-size: var(--hgw-v2-text-sm); padding: var(--hgw-v2-space-3); }

.hgw-v2-table-card { container: hgw-v2-table / inline-size; }
.hgw-v2-table-cue { align-items: center; background: var(--hgw-v2-color-warning-bg); color: var(--hgw-v2-color-warning); display: none; font-size: var(--hgw-v2-text-sm); gap: var(--hgw-v2-space-2); margin: var(--hgw-v2-space-3) 0 0; padding: .6rem .75rem; }
.hgw-v2-table-cue span[aria-hidden="true"] { font-size: 1.2rem; font-weight: 850; }
.hgw-v2-table-wrap { margin-top: var(--hgw-v2-space-3); max-width: 100%; overflow-x: auto; }
.hgw-v2-table { border-collapse: collapse; min-width: 36rem; width: 100%; }
.hgw-v2-table th,
.hgw-v2-table td { border-bottom: 1px solid var(--hgw-v2-color-rule); padding: .75rem; text-align: left; vertical-align: top; }
.hgw-v2-table th { background: var(--hgw-v2-color-ink-deep); color: var(--hgw-v2-color-paper); }

.hgw-v2-checklist { list-style: none; margin: var(--hgw-v2-space-3) 0 0; padding: 0; }
.hgw-v2-checklist li { border-top: 1px solid var(--hgw-v2-color-rule); display: grid; gap: var(--hgw-v2-space-2); grid-template-columns: 1.75rem 1fr; padding-block: .75rem; }
.hgw-v2-checklist span { align-items: center; background: var(--hgw-v2-color-ink-deep); border-radius: 50%; color: var(--hgw-v2-color-paper); display: inline-flex; height: 1.75rem; justify-content: center; width: 1.75rem; }

@container hgw-v2-table (max-width: 36rem) {
	.hgw-v2-table-cue { display: flex; }
}

@media (max-width: 52rem) {
	.hgw-v2-grid,
	.hgw-v2-photo-grid { grid-template-columns: 1fr; }
}

@media (max-width: 30rem) {
	.hgw-v2-card { padding: var(--hgw-v2-space-3); }
}

/* P13 field-guide correction: authored teaching plates and a compact seven-step roadmap. */

.gm-article-roadmap {
	align-items: stretch;
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(13rem, .72fr) minmax(0, 2.28fr);
	margin-inline: auto;
	max-width: var(--hgw-wide);
	padding: 1rem var(--hgw-gutter);
}
.gm-article-roadmap__intro { align-self: center; }
.gm-article-roadmap__intro span { color: var(--hgw-clay); display: block; font-size: .7rem; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }
.gm-article-roadmap__intro strong { display: block; font-family: var(--hgw-font-display); font-size: 1.2rem; line-height: 1.05; margin-top: .3rem; }
.gm-article-roadmap ol { display: grid; gap: .35rem .55rem; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.gm-article-roadmap li { min-width: 0; }
.gm-article-roadmap a { align-items: center; border-left: 1px solid var(--hgw-rule); display: grid; gap: .45rem; grid-template-columns: 1.7rem minmax(0, 1fr); min-height: 44px; padding: .35rem .55rem; text-decoration: none; }
.gm-article-roadmap a > span { color: var(--hgw-clay); font-size: .68rem; font-weight: 820; letter-spacing: .06em; }
.gm-article-roadmap a > strong { font-size: .72rem; line-height: 1.25; }
.gm-article-roadmap a:hover { background: var(--hgw-paper-warm); }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body { max-width: 50rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body { counter-reset: p13-step; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { counter-increment: p13-step; padding-bottom: clamp(3.4rem, 7vw, 6rem); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > p { font-size: 1.04rem; }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats { overflow: visible; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats table { min-width: 0; table-layout: fixed; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats th:first-child,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats td:first-child { overflow-wrap: normal; white-space: nowrap; width: 7.2rem; }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { position: relative; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section:nth-of-type(2),
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section:nth-of-type(5) {
	background: color-mix(in srgb, var(--hgw-moss-pale) 32%, var(--hgw-paper));
	box-shadow: 0 0 0 100vmax color-mix(in srgb, var(--hgw-moss-pale) 32%, var(--hgw-paper));
	clip-path: inset(0 -100vmax);
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > h2 + p {
	border-left: 4px solid var(--hgw-clay);
	color: var(--hgw-ink-deep);
	font-family: var(--hgw-font-interface);
	font-size: .88rem;
	line-height: 1.48;
	margin: .25rem 0 1.35rem;
	max-width: 46rem;
	padding: .25rem 0 .25rem .9rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > h2 + p strong:first-child { color: var(--hgw-clay); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system { border-block: 0; margin-block: clamp(2rem, 4.5vw, 3.8rem); padding: 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header { border-top: 5px solid var(--hgw-moss-ink); display: grid; gap: .35rem; grid-template-columns: minmax(7rem, .35fr) minmax(0, 1.65fr); padding-top: .9rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header > span { color: var(--hgw-clay); font-size: .68rem; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header h3 { font-size: clamp(1.55rem, 1.3rem + 1vw, 2.2rem); margin: 0; max-width: 24ch; }
.gm-p13-photo-story .gm-first-garden-stages__photos { gap: .85rem; }
.gm-p13-photo-story .gm-visual-tile { background: transparent; box-shadow: none; }
.gm-p13-photo-story .gm-visual-tile figcaption { border-top: 3px solid var(--hgw-clay); padding-inline: 0; }
.gm-p13-photo-story .gm-visual-tile img { aspect-ratio: 4 / 3; }
.gm-p13-season-story .gm-visual-tile img { aspect-ratio: 1 / 1; }
.gm-p13-photo-pair { display: grid; gap: .9rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gm-p13-photo-pair .gm-visual-tile img { aspect-ratio: 3 / 2; }

.gm-p13-annotated-photo { margin: 1.2rem 0 0; }
.gm-p13-annotated-photo__image { position: relative; }
.gm-p13-annotated-photo__image img { aspect-ratio: 3 / 2; display: block; object-fit: cover; width: 100%; }
.gm-p13-annotated-photo figcaption { margin-top: .8rem; }
.gm-p13-photo-pins { inset: 0; list-style: none; margin: 0; padding: 0; pointer-events: none; position: absolute; }
.gm-p13-photo-pin { align-items: center; background: var(--hgw-ochre); border: 3px solid #fff7df; border-radius: 50%; box-shadow: 0 4px 15px rgba(17, 46, 39, .38); color: var(--hgw-ink-deep); display: flex; font-size: .72rem; font-weight: 850; height: 2rem; justify-content: center; position: absolute; width: 2rem; }
.gm-p13-photo-pin--sky { left: 18%; top: 12%; }
.gm-p13-photo-pin--shade { right: 14%; top: 19%; }
.gm-p13-photo-pin--path { bottom: 13%; left: 35%; }
.gm-p13-photo-caption-rail { border-block: 1px solid var(--hgw-rule); display: grid; gap: 0; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.gm-p13-photo-caption-rail li { padding: .75rem .8rem .8rem 0; }
.gm-p13-photo-caption-rail li + li { border-left: 1px solid var(--hgw-rule); padding-left: .8rem; }
.gm-p13-photo-caption-rail b { color: var(--hgw-clay); display: block; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase; }
.gm-p13-photo-caption-rail span { color: var(--hgw-ink-soft); display: block; font-size: .75rem; line-height: 1.42; margin-top: .25rem; }
.gm-p13-annotated-photo figcaption > p { border-left: 4px solid var(--hgw-ochre); color: var(--hgw-ink-soft); font-size: .75rem; line-height: 1.48; margin: .75rem 0 0; padding: .1rem 0 .1rem .8rem; }

.gm-p13-assumption { border-left: 4px solid var(--hgw-ochre); color: var(--hgw-ink-soft); font-size: .8rem; line-height: 1.5; margin: 1rem 0; padding-left: .85rem; }
.gm-p13-assumption strong { color: var(--hgw-ink-deep); }
.gm-p13-plate-scroll { background: #f3efe2; border: 1px solid color-mix(in srgb, var(--hgw-moss-ink) 28%, transparent); box-shadow: 0 14px 34px rgba(17, 46, 39, .08); margin-top: 1rem; }
.gm-p13-plate-scroll:focus-visible { box-shadow: 0 0 0 4px var(--hgw-paper), 0 14px 34px rgba(17, 46, 39, .12); outline: 3px solid var(--hgw-clay); outline-offset: 2px; }
.gm-p13-graphic svg { display: block; height: auto; overflow: visible; width: 100%; }
.gm-p13-graphic svg text { fill: var(--hgw-ink-deep); font-family: var(--hgw-font-interface); font-size: 12px; font-weight: 700; letter-spacing: .035em; }
.gm-p13-plate-paper { fill: #f7f2e5; stroke: #b7ad96; stroke-width: 1.5; }
.gm-p13-plate-heading text { fill: var(--hgw-clay); font-size: 12px; font-weight: 820; letter-spacing: .12em; }
.gm-p13-plate-heading path { fill: none; stroke: var(--hgw-clay); stroke-width: 2; }
.gm-p13-compass path { fill: none; stroke: var(--hgw-clay); stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.gm-p13-compass text { font-size: 10px; letter-spacing: .07em; }
.gm-p13-plan-paths path { fill: #d8cfbb; stroke: #9a8c72; stroke-width: 1.6; }
.gm-p13-plan-paths text { fill: #655c4b; font-size: 10px; letter-spacing: .13em; }
.gm-p13-plan-bed > path:first-child { fill: #8c6343; stroke: #513c2c; stroke-width: 3.5; }
.gm-p13-plan-bed .gm-p13-plan-soil { fill: #b7895b; opacity: .78; stroke: #6a4a31; stroke-width: 1.4; }
#gm-p13-plan-soil path { fill: none; stroke: #76553a; stroke-linecap: round; stroke-width: 1; }
.gm-p13-dimensions path { fill: var(--hgw-clay); stroke: var(--hgw-clay); stroke-width: 1.6; }
.gm-p13-dimensions text { fill: var(--hgw-clay); font-size: 11px; font-weight: 820; letter-spacing: .1em; }
.gm-p13-plant .gm-p13-footprint { fill: rgba(103, 132, 80, .13); stroke: #61794c; stroke-dasharray: 5 5; stroke-width: 1.6; }
.gm-p13-plant > path:not(.gm-p13-footprint):not(.gm-p13-cage) { fill: #718d59; stroke: #36533c; stroke-linejoin: round; stroke-width: 1.6; }
.gm-p13-plant .gm-p13-cage { fill: none; stroke: var(--hgw-clay); stroke-linecap: round; stroke-width: 2; }
.gm-p13-plant text,
.gm-p13-bean-rows text { fill: #29483d; font-size: 10px; font-weight: 820; letter-spacing: .07em; }
.gm-p13-bean-rows .gm-p13-row { fill: none; stroke: #6d5139; stroke-linecap: round; stroke-width: 1.4; }
.gm-p13-bean-leaves path { fill: #7e995f; stroke: #36533c; stroke-width: 1.2; }
.gm-p13-plan-legend > text:first-child,
.gm-p13-plan-legend > text:nth-of-type(5) { fill: var(--hgw-clay); font-size: 11px; font-weight: 820; letter-spacing: .12em; }
.gm-p13-plan-legend text { font-size: 10px; }
.gm-p13-legend-line { stroke: #9a8c72; stroke-width: 1; }
.gm-p13-legend-cage { fill: none; stroke: var(--hgw-clay); stroke-width: 1.7; }
.gm-p13-legend-footprint { fill: rgba(103, 132, 80, .13); stroke: #61794c; stroke-dasharray: 4 4; stroke-width: 1.4; }
.gm-p13-legend-row { fill: none; stroke: #6d5139; stroke-width: 1.5; }

.gm-p13-soil-profile { fill: #a97950; }
.gm-p13-soil-grain { fill: url(#gm-p13-soil-grain); opacity: .42; }
#gm-p13-soil-grain path { fill: none; stroke: #6f4e35; stroke-linecap: round; stroke-width: 1.1; }
.gm-p13-surface-line { fill: none; stroke: #3e563c; stroke-width: 4; }
.gm-p13-stage-divider { fill: none; stroke: #b7ad96; stroke-dasharray: 4 7; stroke-width: 1.2; }
.gm-p13-stage-label text { fill: var(--hgw-clay); font-size: 11px; font-weight: 820; letter-spacing: .1em; }
.gm-p13-moisture path { fill: var(--hgw-action-on-dark); opacity: .43; stroke: var(--hgw-action); stroke-width: 1.4; }
.gm-p13-water-flow path { fill: none; stroke: var(--hgw-action); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.4; }
.gm-p13-seed { fill: #d8b56d; stroke: #5a422d; stroke-width: 1.8; }
.gm-p13-root { fill: none; stroke: #f0d4a2; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.gm-p13-root--major { stroke-width: 4.2; }
.gm-p13-root--fine { stroke-width: 1.8; }
.gm-p13-sprout,
.gm-p13-stem { fill: none; stroke: #35563e; stroke-linecap: round; stroke-width: 4; }
.gm-p13-leaf { fill: #66814f; stroke: #35563e; stroke-width: 1.8; }
.gm-p13-rootball { fill: rgba(88, 62, 40, .58); stroke: #563d29; stroke-width: 2.4; }
.gm-p13-leader { fill: none; stroke: #5b513f; stroke-width: 1.2; }
.gm-p13-seed-stage text,
.gm-p13-transplant-stage text,
.gm-p13-established-stage text { fill: #3f4a3d; font-size: 9.5px; }
.gm-p13-field-notes { border-bottom: 1px solid var(--hgw-rule); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1rem; }
.gm-p13-field-notes > div { border-top: 3px solid var(--hgw-clay); padding: .75rem .8rem .85rem 0; }
.gm-p13-field-notes > div + div { padding-left: .8rem; }
.gm-p13-field-notes strong { color: var(--hgw-ink-deep); display: block; font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; }
.gm-p13-field-notes span { color: var(--hgw-ink-soft); display: block; font-size: .75rem; line-height: 1.48; margin-top: .3rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section:last-of-type { padding-bottom: clamp(1.2rem, 2.5vw, 2rem); }

@media (max-width: 900px) {
	.gm-article-roadmap { grid-template-columns: 1fr; }
	.gm-article-roadmap ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.gm-article-roadmap { padding-block: .85rem; }
	.gm-article-roadmap ol { grid-template-columns: 1fr; }
	.gm-article-roadmap a { min-height: 48px; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats { border-block: 0; margin-block: 1.5rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats thead { clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats tbody,
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats tr { display: block; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats tr { background: var(--hgw-paper); border: 1px solid var(--hgw-rule); margin-bottom: .75rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats th[scope="row"],
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats td { background: transparent; color: var(--hgw-ink); display: grid; font-size: .85rem; gap: .6rem; grid-template-columns: minmax(5.8rem, .7fr) minmax(0, 1.3fr); letter-spacing: 0; padding: .7rem .75rem; white-space: normal; width: auto; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-table-wrap--formats [data-label]::before { color: var(--hgw-ink-soft); content: attr(data-label); font-size: .66rem; font-weight: 780; letter-spacing: .05em; text-transform: uppercase; }
	.gm-first-garden-stages__photos,
	.gm-p13-photo-pair,
	.gm-p13-field-notes { grid-template-columns: 1fr; }
	.gm-p13-graphic { margin-inline: calc(var(--hgw-gutter) * -.35); }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header { grid-template-columns: 1fr; }
	.gm-p13-photo-pin { border-width: 2px; height: 1.65rem; width: 1.65rem; }
	.gm-p13-photo-caption-rail { grid-template-columns: 1fr; }
	.gm-p13-photo-caption-rail li { padding: .62rem 0; }
	.gm-p13-photo-caption-rail li + li { border-left: 0; border-top: 1px solid var(--hgw-rule); padding-left: 0; }
	.gm-p13-plate-scroll { margin-inline: -.35rem; overflow-x: auto; overscroll-behavior-inline: contain; padding: 0 .35rem .65rem; scrollbar-color: var(--hgw-clay) #ded6c5; scrollbar-width: thin; }
	.gm-p13-plate-scroll svg { max-width: none; min-width: 780px; width: 780px; }
	.gm-p13-field-notes > div + div { padding-left: 0; }
}

/* P13 owner-view recovery: quiet seasonal orientation, authored visuals and capped editorial rhythm. */
.gm-announcement--p13 {
	background: #173f34;
	border-bottom: 1px solid #315c4f;
	color: #fffdf5;
}
.gm-announcement--p13 a {
	align-items: center;
	color: inherit;
	display: grid;
	gap: .5rem 1.25rem;
	grid-template-columns: 3px auto minmax(17rem, 1fr) auto;
	margin-inline: auto;
	max-width: var(--hgw-shell);
	min-height: 48px;
	padding: .38rem var(--hgw-gutter);
	text-decoration: none;
}
.gm-announcement--p13 a::before { background: var(--hgw-ochre); content: ""; height: 1.5rem; width: 3px; }
.gm-announcement__kicker { color: #f3d799; font-size: .67rem; font-weight: 820; letter-spacing: .12em; text-transform: uppercase; }
.gm-announcement__copy { display: block; min-width: 0; }
.gm-announcement__copy strong { display: block; font-family: var(--hgw-font-display); font-size: .94rem; font-weight: 680; line-height: 1.15; }
.gm-announcement__copy small { color: #d7e4dd; display: block; font-size: .69rem; line-height: 1.3; margin-top: .08rem; }
.gm-announcement--p13 a > b { align-items: center; color: #fff3d0; display: inline-flex; font-size: .73rem; gap: .45rem; min-height: 44px; text-decoration: underline; text-decoration-color: var(--hgw-ochre); text-underline-offset: .25em; }
.gm-announcement--p13 a > b i { font-size: 1rem; }
.gm-announcement--p13 a:focus-visible { outline: 3px solid #f3d799; outline-offset: -4px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body { max-width: 47rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { padding-bottom: clamp(2.35rem, 4vw, 3.35rem); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section:nth-of-type(2),
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section:nth-of-type(5) { background: transparent; box-shadow: none; clip-path: none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > p { max-width: 72ch; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system {
	margin-block: clamp(1.6rem, 2.6vw, 2.35rem);
	margin-left: calc(50% - min(32rem, calc(50vw - 1rem)));
	margin-right: calc(50% - min(32rem, calc(50vw - 1rem)));
	width: min(64rem, calc(100vw - 2rem));
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header { border-top-width: 3px; gap: .75rem; grid-template-columns: minmax(8rem, .34fr) minmax(0, 1.66fr); padding-top: .7rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header h3 { font-size: clamp(1.45rem, 1.25rem + .75vw, 1.95rem); max-width: 28ch; }

.gm-p13-photo-story .gm-visual-tile { border-bottom: 1px solid var(--hgw-rule); }
.gm-p13-photo-story .gm-visual-tile figcaption { border-top: 0; padding: .7rem 0 .85rem; }
.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-first-garden-stages__photos { align-items: stretch; grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .85fr); }
.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:first-child { grid-row: span 2; }
.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:first-child img { aspect-ratio: 4 / 3; height: 100%; min-height: 25rem; }
.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:not(:first-child) { display: grid; grid-template-columns: minmax(9rem, .92fr) minmax(0, 1.08fr); }
.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:not(:first-child) picture,
.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:not(:first-child) img { height: 100%; }
.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:not(:first-child) img { aspect-ratio: auto; min-height: 11.5rem; object-fit: cover; }
.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:not(:first-child) figcaption { align-self: center; padding: .8rem 0 .8rem .85rem; }
.gm-p13-season-story .gm-first-garden-stages__photos { gap: .65rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gm-p13-season-story .gm-visual-tile img { aspect-ratio: 16 / 10; object-fit: cover; }
.gm-p13-season-story .gm-visual-tile figcaption { padding-block: .55rem .7rem; }

.gm-p13-plan-figure { background: #f5f0e2; border-block: 1px solid #b9ad94; margin: 1rem 0 0; padding: clamp(.65rem, 1.5vw, 1rem); }
.gm-p13-plan-figure svg { display: block; height: auto; max-width: 56rem; overflow: visible; width: 100%; margin-inline: auto; }
.gm-p13-plan-ground { fill: #efe8d8; }
.gm-p13-plan-path { fill: #d7ccb7; stroke: #95866d; stroke-width: 1.5; }
.gm-p13-plan-bed { fill: #7a553b; stroke: #3f332a; stroke-width: 3; }
.gm-p13-plan-soil { fill: #ad7b51; stroke: #60442f; stroke-width: 1.5; }
.gm-p13-plan-grid { fill: none; opacity: .36; stroke: #ead9bb; stroke-width: 1; }
.gm-p13-plan-north path,
.gm-p13-plan-dimension path { fill: none; stroke: var(--hgw-clay); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.gm-p13-graphic .gm-p13-plan-north text,
.gm-p13-graphic .gm-p13-plan-dimension text,
.gm-p13-graphic .gm-p13-plan-label text,
.gm-p13-graphic .gm-p13-plan-tomato text,
.gm-p13-graphic .gm-p13-plan-peppers text,
.gm-p13-graphic .gm-p13-plan-beans text,
.gm-p13-graphic .gm-p13-plan-basil text { fill: #183f34; font-family: var(--hgw-font-interface); font-size: 14px; font-weight: 820; letter-spacing: .045em; }
.gm-p13-graphic .gm-p13-plan-north text { fill: var(--hgw-clay); font-size: 16px; }
.gm-p13-graphic .gm-p13-plan-dimension text { fill: var(--hgw-clay); font-size: 13px; }
.gm-p13-graphic .gm-p13-plan-label text { fill: #655d4e; font-size: 12px; letter-spacing: .1em; }
.gm-p13-plant-room { fill: rgba(100, 134, 78, .14); stroke: #526f43; stroke-dasharray: 5 5; stroke-width: 1.6; }
.gm-p13-plan-symbol { fill: rgba(88, 117, 70, .1); stroke: #294b38; stroke-width: 2; }
.gm-p13-plan-center,
.gm-p13-plan-row-marks circle { fill: #294b38; }
.gm-p13-cage { fill: none; stroke: #9b4d35; stroke-linecap: round; stroke-width: 2.2; }
.gm-p13-plan-beans > path:first-child { fill: none; stroke: #4f3d2d; stroke-linecap: round; stroke-width: 2; }

.gm-p13-root-stages__grid { display: grid; gap: .8rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1rem; }
.gm-p13-root-stage { border-top: 3px solid var(--hgw-moss-ink); margin: 0; padding-top: .5rem; }
.gm-p13-root-stage svg { background: #f5f0e2; display: block; height: auto; width: 100%; }
.gm-p13-root-stage figcaption { padding: .7rem .2rem .35rem; }
.gm-p13-root-stage figcaption strong { color: var(--hgw-clay); display: block; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.gm-p13-root-stage figcaption span { color: var(--hgw-ink-soft); display: block; font-size: .875rem; line-height: 1.48; margin-top: .25rem; }
.gm-p13-stage-soil { fill: #a9774d; }
.gm-p13-soil-strata { fill: none; opacity: .42; stroke: #6f4d32; stroke-linecap: round; stroke-width: 1.35; }
.gm-p13-stage-surface { fill: none; stroke: #36563f; stroke-width: 4; }
.gm-p13-moisture-zone { fill: rgb(0 111 168 / .14); stroke: var(--hgw-action); stroke-dasharray: 5 5; stroke-width: 2; }
.gm-p13-seed { fill: #d8b56d; stroke: #4f3928; stroke-width: 2; }
.gm-p13-root-ball { fill: rgba(79, 55, 38, .62); stroke: #4f3827; stroke-width: 2.5; }
.gm-p13-stage-root { fill: none; stroke: #f3d6a1; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.gm-p13-stage-root--major { stroke-width: 4; }
.gm-p13-stage-root--fine { stroke-width: 1.8; }
.gm-p13-botanical-stem { fill: none; stroke: #294b38; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3; }
.gm-p13-botanical-leaf { fill: rgba(101, 132, 80, .08); stroke: #294b38; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.gm-p13-botanical-vein { fill: none; stroke: #526f43; stroke-linecap: round; stroke-width: 1.25; }
.gm-p13-field-notes { background: transparent; border-bottom: 1px solid var(--hgw-rule); gap: 1.1rem; }
.gm-p13-field-notes--plan,
.gm-p13-field-notes--water { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gm-p13-field-notes > div { border-top-width: 2px; padding-inline: 0; }
.gm-p13-field-notes > div + div { padding-left: 0; }

@media (max-width: 800px) {
	.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-first-garden-stages__photos { grid-template-columns: 1fr; }
	.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:first-child { grid-row: auto; }
	.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:first-child img { min-height: 0; }
	.gm-p13-root-stages__grid { grid-template-columns: 1fr; }
	.gm-p13-root-stage { display: grid; gap: .75rem; grid-template-columns: minmax(10rem, .8fr) minmax(0, 1.2fr); }
	.gm-p13-root-stage figcaption { align-self: center; }
}

@media (max-width: 600px) {
	.gm-announcement--p13 a { gap: .2rem .65rem; grid-template-columns: auto minmax(0, 1fr) auto; min-height: 56px; padding-block: .35rem; }
	.gm-announcement__kicker { grid-column: 2 / 3; }
	.gm-announcement__copy { grid-column: 2 / 3; }
	.gm-announcement__copy strong { font-size: .82rem; }
	.gm-announcement__copy small { display: none; }
	.gm-announcement--p13 a > b { font-size: 0; grid-column: 3 / 4; grid-row: 1 / 3; min-width: 44px; }
	.gm-announcement--p13 a > b i { font-size: 1rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system { width: min(100%, calc(100vw - 1.25rem)); }
	.gm-p13-graphic .gm-p13-plan-tomato text,
	.gm-p13-graphic .gm-p13-plan-peppers text,
	.gm-p13-graphic .gm-p13-plan-beans text,
	.gm-p13-graphic .gm-p13-plan-basil text { font-size: 21px; }
	.gm-p13-graphic .gm-p13-plan-north text { font-size: 23px; }
	.gm-p13-graphic .gm-p13-plan-dimension text { font-size: 20px; }
	.gm-p13-graphic .gm-p13-plan-label text { font-size: 18px; }
	.gm-p13-season-story .gm-first-garden-stages__photos { grid-template-columns: 1fr; }
	.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:not(:first-child) { grid-template-columns: 1fr; }
	.gm-p13-photo-story:not(.gm-p13-season-story):not(.gm-p13-planting-story) .gm-visual-tile:not(:first-child) figcaption { padding-left: 0; }
	.gm-p13-root-stage { display: block; }
	.gm-p13-field-notes--plan,
	.gm-p13-field-notes--water { grid-template-columns: 1fr; }
}

/* P13 launch-quality recovery: shorter journey, compact decisions and two authored field-guide plates. */
.gm-p13-first-action { align-items: center; border-bottom: 2px solid var(--hgw-clay); color: var(--hgw-ink-deep); display: inline-flex; font-size: .86rem; font-weight: 780; gap: .5rem; min-height: 44px; text-decoration: none; }
.gm-p13-first-action:hover { color: var(--hgw-clay); }
.gm-p13-first-action:focus-visible { outline: 3px solid var(--hgw-ochre); outline-offset: 4px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { padding-bottom: clamp(1.75rem, 3vw, 2.45rem); }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap { align-items: center; border-block: 1px solid var(--hgw-rule); display: grid; gap: .65rem 1rem; grid-template-columns: auto minmax(0, 1fr); padding-block: .7rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__label { color: var(--hgw-clay); font-size: .7rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap ol { display: grid; gap: .35rem; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap li { list-style: none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a { align-items: center; border: 0; display: flex; gap: .35rem; min-height: 44px; padding: .25rem .2rem; text-decoration: none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a span { align-items: center; background: var(--hgw-ink-deep); border-radius: 50%; color: var(--hgw-paper); display: inline-flex; flex: 0 0 1.55rem; font-size: .7rem; height: 1.55rem; justify-content: center; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a strong { color: var(--hgw-ink); font-size: .76rem; line-height: 1.15; }

.gm-p13-choice-grid { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1rem; }
.gm-p13-choice-grid article { background: #f5f0e2; border-top: 3px solid var(--hgw-moss-ink); padding: 1rem; }
.gm-p13-choice-grid article > strong { color: var(--hgw-ink-deep); font-family: var(--hgw-font-display); font-size: 1.25rem; }
.gm-p13-choice-grid p { color: var(--hgw-ink-soft); font-size: .875rem; line-height: 1.48; margin: .55rem 0 0; }
.gm-p13-choice-grid p b { color: var(--hgw-ink); }

.gm-p13-illustration { margin: 1rem 0 0; }
.gm-p13-layout-illustration > header,
.gm-p13-root-illustration > header { padding-inline: clamp(.75rem, 1.25vw, 1rem); }
.gm-p13-illustration__art { background: #f3eddd; border-block: 1px solid #b8aa8d; overflow: hidden; padding: clamp(.35rem, 1vw, .7rem); }
.gm-p13-illustration-picture,
.gm-p13-illustration-picture img { display: block; height: auto; margin-inline: auto; width: 100%; }
.gm-p13-illustration-picture { max-width: 58rem; }
.gm-p13-illustration-picture img { aspect-ratio: 3 / 2; object-fit: contain; }
.gm-p13-plate-legend { margin: .75rem 0 0; }
.gm-p13-plate-legend ul,
.gm-p13-plate-legend ol { border-block: 1px solid var(--hgw-rule); display: grid; gap: 0; list-style: none; margin: 0; padding: 0; }
.gm-p13-plate-legend--layout ul { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.gm-p13-plate-legend--roots ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gm-p13-plate-legend li { border-top: 3px solid var(--hgw-moss-ink); display: grid; gap: .3rem; padding: .8rem clamp(.65rem, 1.4vw, 1rem) .9rem; }
.gm-p13-plate-legend li + li { border-left: 1px solid var(--hgw-rule); }
.gm-p13-plate-legend strong { color: var(--hgw-ink-deep); font-size: .875rem; letter-spacing: .035em; line-height: 1.35; text-transform: uppercase; }
.gm-p13-plate-legend span { color: var(--hgw-ink-soft); font-size: .875rem; line-height: 1.48; }
.gm-related-reading--p13 { border-top: 1px solid #527166; padding-top: 1.2rem; }
.gm-related-reading--p13 .gm-related-reading__grid { gap: .7rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.gm-related-reading--p13 a { background: #fffdf5; border: 0; min-height: 10.5rem; padding: .9rem; }
.gm-related-reading--p13 a > span { color: var(--hgw-clay); font-size: .72rem; }
.gm-related-reading--p13 a > strong { color: var(--hgw-ink-deep); font-size: 1rem; line-height: 1.18; }
.gm-related-reading--p13 a > small { color: var(--hgw-ink-soft); font-size: .82rem; line-height: 1.42; }
.gm-related-reading--p13 a > b { color: var(--hgw-ink-deep); font-size: .78rem; margin-top: auto; }

@media (max-width: 800px) {
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap { grid-template-columns: 1fr; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap ol { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.gm-p13-choice-grid { grid-template-columns: 1fr; }
	.gm-p13-choice-grid article { display: grid; gap: .25rem .8rem; grid-template-columns: minmax(7rem, .7fr) minmax(0, 1.3fr); }
	.gm-p13-choice-grid article > strong { grid-row: span 2; }
	.gm-p13-choice-grid p { margin: 0; }
	.gm-p13-plate-legend--layout ul,
	.gm-p13-plate-legend--roots ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gm-p13-plate-legend li:nth-child(odd) { border-left: 0; }
	.gm-related-reading--p13 .gm-related-reading__grid { grid-template-columns: 1fr; }
	.gm-related-reading--p13 a { min-height: 0; }
}

@media (max-width: 600px) {
	.gm-announcement--p13 a { gap: .25rem .65rem; grid-template-columns: 3px minmax(0, 1fr) auto; }
	.gm-announcement__kicker { display: none; }
	.gm-announcement__copy { grid-column: 2 / 3; }
	.gm-announcement__copy strong { font-size: .84rem; }
	.gm-announcement--p13 a > b { font-size: .68rem; grid-column: 3 / 4; grid-row: 1; line-height: 1.15; min-width: 72px; text-align: right; }
	.gm-announcement--p13 a > b i { font-size: .9rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a { min-height: 44px; }
	.gm-p13-choice-grid article { display: block; }
	.gm-p13-choice-grid article > strong { font-size: 1.18rem; }
	.gm-p13-choice-grid p { font-size: .88rem; margin-top: .4rem; }
	.gm-p13-illustration__art { padding: .2rem; }
	.gm-p13-plate-legend--layout ul,
	.gm-p13-plate-legend--roots ol { grid-template-columns: 1fr; }
	.gm-p13-plate-legend li + li { border-left: 0; }
	.gm-p13-plate-legend strong,
	.gm-p13-plate-legend span { font-size: .875rem; }
}


.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-field-notes span{ font-size: .875rem; }

/* P13 premium visual recovery — composed opening and route navigator. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap {
	align-items: center;
	border: 0;
	display: grid;
	gap: clamp(1.5rem, 3vw, 3rem);
	grid-template-columns: minmax(13rem, .62fr) minmax(0, 2.38fr);
	max-width: var(--hgw-wide);
	padding: 1.15rem var(--hgw-gutter) 1.25rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__intro span {
	color: var(--hgw-clay);
	font-size: .65rem;
	font-weight: 820;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__intro strong {
	font-size: 1.08rem;
	line-height: 1.06;
	margin-top: .28rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__intro small {
	color: var(--hgw-ink-soft);
	display: block;
	font-size: .7rem;
	line-height: 1.35;
	margin-top: .32rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__track {
	position: relative;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__track > i {
	background: #d8cdb8;
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 1rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap ol {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a {
	align-items: flex-start;
	border: 0;
	display: flex;
	flex-direction: column;
	gap: .32rem;
	justify-content: flex-start;
	min-height: 52px;
	padding: 0 .35rem;
	text-decoration: none;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a span {
	align-items: center;
	background: #fffdf8;
	border: 1px solid #9c8e75;
	border-radius: 0;
	color: var(--hgw-clay);
	display: inline-flex;
	font-size: .62rem;
	font-weight: 820;
	height: 2rem;
	justify-content: center;
	letter-spacing: .08em;
	transition: background-color .16s ease, color .16s ease;
	width: 2rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a strong {
	color: var(--hgw-ink-soft);
	font-size: .7rem;
	line-height: 1.15;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a:hover span,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a[aria-current="step"] span {
	background: var(--hgw-ink-deep);
	border-color: var(--hgw-ink-deep);
	color: var(--hgw-paper);
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a:hover strong,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a[aria-current="step"] strong {
	color: var(--hgw-ink-deep);
}

@media (max-width: 900px) {
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap {
		gap: 1rem;
		grid-template-columns: 11rem minmax(0, 1fr);
	}
}

@media (max-width: 700px) {
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap {
		display: block;
		padding: .85rem 0 .75rem;
	}
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__intro { padding-inline: 1.1rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__intro strong { font-size: 1rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__intro small { font-size: .68rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__track { margin-top: .7rem; overflow-x: auto; overscroll-behavior-inline: contain; padding: 0 .75rem .35rem; scrollbar-color: #9b4b2b #e9e0d1; scrollbar-width: thin; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__track > i { left: .75rem; right: .75rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap ol {
		display: flex;
		min-width: max-content;
	}
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap li { flex: 0 0 6.2rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a { min-height: 52px; padding-inline: .35rem; }
}

/* P13 seven-step route: a quiet editorial index, not an illustrated process strip. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__track { isolation: isolate; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap ol { border-top: 1px solid #8fa187; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap li { position: relative; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap li::before {
	background: var(--hgw-moss-ink);
	border: 3px solid #fffdf8;
	border-radius: 50%;
	content: "";
	height: .72rem;
	left: .45rem;
	position: absolute;
	top: -.42rem;
	width: .72rem;
	z-index: 2;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a {
	align-items: flex-start;
	background: transparent;
	border-top: 3px solid transparent;
	gap: .2rem;
	min-height: 76px;
	padding: .78rem .45rem .5rem;
	position: relative;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a em {
	color: var(--hgw-clay);
	font-size: .6rem;
	font-style: normal;
	font-weight: 820;
	letter-spacing: .12em;
	position: static;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a strong {
	color: var(--hgw-ink-deep);
	font-size: .8rem;
	line-height: 1.15;
	margin-top: .05rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a small {
	color: var(--hgw-ink-soft);
	font-size: .62rem;
	line-height: 1.18;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a:hover,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a:focus-visible,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a[aria-current="step"] { background: #edf1e8; border-color: var(--hgw-clay); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a:hover strong,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a[aria-current="step"] strong { color: var(--hgw-clay); }

@media (max-width: 700px) {
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__track {
		mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 2.4rem), transparent 100%);
		-webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 2.4rem), transparent 100%);
		padding-right: 2.4rem;
	}
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__track::after { content: none; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap li { flex-basis: 7.15rem; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a { min-height: 84px; }
}

/* P13 premium teaching system — one visual job for each of the seven decisions. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-site-observation,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-format-photos,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-crop-route,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation {
	margin-inline: calc(50% - min(31rem, 50vw - 1rem));
	width: min(62rem, calc(100vw - 2rem));
}
.gm-p13-site-observation .gm-p13-annotated-photo__image { overflow: hidden; }
.gm-p13-site-observation .gm-p13-annotated-photo__image::after {
	background: linear-gradient(180deg, rgba(13, 43, 35, .12), transparent 34%, rgba(13, 43, 35, .16));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}
.gm-p13-site-observation .gm-p13-annotated-photo__image img { aspect-ratio: 16 / 9; filter: saturate(.78) contrast(1.04); }
.gm-p13-water-route { background: #e7eee5; border-block: 1px solid #91a58e; display: block; margin-top: 1rem; padding: 1rem 1.15rem; }
.gm-p13-water-route span { color: var(--hgw-clay); display: block; font-size: .65rem; font-weight: 820; letter-spacing: .11em; text-transform: uppercase; }
.gm-p13-water-route strong { color: var(--hgw-ink-deep); display: block; font-family: var(--hgw-font-display); font-size: 1.15rem; line-height: 1.15; margin-top: .2rem; }
.gm-p13-water-route p { color: var(--hgw-ink-soft); font-family: var(--hgw-font-reading); font-size: .875rem; line-height: 1.46; margin: .3rem 0 0; }

.gm-p13-format-photos { background: #edf2e8; border-block: 1px solid #97aa92; padding-block: 1.15rem; }
.gm-p13-format-photos .gm-first-garden-stages__photos { margin-top: 1rem; }
.gm-p13-format-photos .gm-visual-tile { background: #fffdf8; }
.gm-p13-format-photos .gm-visual-tile img { aspect-ratio: 4 / 3; filter: saturate(.98) contrast(1.03); object-fit: cover; }

.gm-p13-crop-route__line { align-items: stretch; border-block: 1px solid #9aab94; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 1.1rem; position: relative; }
.gm-p13-crop-route__line::before { content: none; }
.gm-p13-crop-route__line article { background: transparent; min-height: 0; padding: 1rem clamp(.75rem, 2vw, 1.35rem) 1.1rem; position: relative; }
.gm-p13-crop-route__line article + article { border-left: 1px solid var(--hgw-rule); }
.gm-p13-crop-route__line span { color: var(--hgw-clay); display: block; font-size: .62rem; font-weight: 820; letter-spacing: .11em; }
.gm-p13-crop-route__line strong { color: var(--hgw-ink-deep); display: block; font-family: var(--hgw-font-display); font-size: 1.3rem; line-height: 1.1; margin-top: .25rem; }
.gm-p13-crop-route__line p { color: var(--hgw-ink-soft); font-family: var(--hgw-font-reading); font-size: .875rem; line-height: 1.48; margin: .55rem 0 0; }
.gm-p13-crop-route__answer { align-items: baseline; background: #e5eadf; border-left: 4px solid var(--hgw-clay); color: var(--hgw-ink-soft); display: flex; font-size: .82rem; gap: .55rem; line-height: 1.45; margin: 0; padding: .75rem 1rem; }
.gm-p13-crop-route__answer strong { color: var(--hgw-ink-deep); }

.gm-p13-preparation__composition { align-items: stretch; display: grid; gap: 1.25rem; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); margin-top: 1rem; }
.gm-p13-preparation__photo { background: #eae1d0; margin: 0; position: relative; }
.gm-p13-preparation__photo img { display: block; height: 100%; object-fit: cover; width: 100%; }
.gm-p13-preparation__photo figcaption { background: rgba(13, 43, 35, .93); bottom: 0; color: var(--hgw-paper); left: 0; padding: .8rem 1rem; position: absolute; right: 0; }
.gm-p13-preparation__photo figcaption strong { display: block; font-size: .84rem; }
.gm-p13-preparation__photo figcaption span { display: block; line-height: 1.4; margin-top: .2rem; }
.gm-p13-preparation__moves { border-block: 1px solid var(--hgw-rule); list-style: none; margin: 0; padding: 0; }
.gm-p13-preparation__moves li { padding: .9rem 0; }
.gm-p13-preparation__moves li + li { border-top: 1px solid var(--hgw-rule); }
.gm-p13-preparation__moves span { color: var(--hgw-clay); display: block; font-size: .62rem; font-weight: 820; letter-spacing: .09em; text-transform: uppercase; }
.gm-p13-preparation__moves strong { color: var(--hgw-ink-deep); display: block; font-size: .95rem; margin-top: .1rem; }
.gm-p13-preparation__moves p { color: var(--hgw-ink-soft); font-family: var(--hgw-font-reading); font-size: .875rem; line-height: 1.42; margin: .25rem 0 0; }

.gm-p13-illustration__art { position: relative; }
.gm-p13-feature-points { inset: 0; pointer-events: none; position: absolute; }
.gm-p13-feature-points > span { position: absolute; transform: translate(-50%, -50%); }
.gm-p13-feature-points b { align-items: center; background: var(--hgw-clay); border: 3px solid #fffdf8; border-radius: 50%; box-shadow: 0 2px 8px rgba(13, 43, 35, .25); color: #fffdf8; display: flex; font-size: .68rem; height: 1.7rem; justify-content: center; width: 1.7rem; }
.gm-p13-feature-points i { background: rgba(13, 43, 35, .92); color: #fffdf8; font-size: .62rem; font-style: normal; font-weight: 800; left: 1.15rem; letter-spacing: .045em; padding: .25rem .38rem; position: absolute; text-transform: uppercase; top: -1.45rem; white-space: nowrap; }
.gm-p13-layout-points .gm-p13-point--path { left: 27%; top: 73%; }
.gm-p13-layout-points .gm-p13-point--support { left: 31%; top: 25%; }
.gm-p13-layout-points .gm-p13-point--room { left: 49%; top: 53%; }
.gm-p13-layout-points .gm-p13-point--water { left: 82.5%; top: 42.5%; }
.gm-p13-layout-points .gm-p13-point--water i,
.gm-p13-layout-points .gm-p13-point--room i { left: auto; right: 1.15rem; }
.gm-p13-root-points .gm-p13-point--seed { left: 16.5%; top: 55.5%; }
.gm-p13-root-points .gm-p13-point--ball { left: 40%; top: 64%; }
.gm-p13-root-points .gm-p13-point--wide { left: 76%; top: 67%; }
.gm-p13-root-points .gm-p13-point--wide i { left: auto; right: 1.15rem; }

.gm-p13-planting-route { align-items: stretch; border-block: 1px solid var(--hgw-rule); display: grid; grid-template-columns: 1fr auto 1fr; margin-top: 1rem; }
.gm-p13-planting-route > div { display: grid; gap: .2rem; padding: .8rem 0; }
.gm-p13-planting-route > div:last-child { padding-left: .9rem; }
.gm-p13-planting-route span { color: var(--hgw-clay); font-size: .63rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.gm-p13-planting-route strong { color: var(--hgw-ink-deep); font-size: .875rem; line-height: 1.3; }
.gm-p13-planting-route > i { align-items: center; color: var(--hgw-clay); display: flex; font-family: var(--hgw-font-display); font-size: .82rem; font-style: italic; padding-inline: .8rem; }

@media (max-width: 760px) {
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-site-observation,
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-format-photos,
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-crop-route,
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation { margin-inline: calc(var(--hgw-gutter) * -.35); width: calc(100% + (var(--hgw-gutter) * .7)); }
	.gm-p13-crop-route__line { display: block; }
	.gm-p13-crop-route__line article { align-items: start; display: grid; gap: .1rem .7rem; grid-template-columns: 2.1rem minmax(0, 1fr); min-height: 0; padding: .8rem 0; }
	.gm-p13-crop-route__line article + article { border-left: 0; border-top: 1px solid var(--hgw-rule); }
	.gm-p13-crop-route__line span { grid-row: span 2; margin-top: .2rem; }
	.gm-p13-crop-route__line strong { font-size: 1.1rem; }
	.gm-p13-crop-route__line p { margin-top: .25rem; }
	.gm-p13-crop-route__answer { display: block; }
	.gm-p13-crop-route__answer strong { display: block; margin-bottom: .2rem; }
	.gm-p13-format-photos .gm-visual-tile,
	.gm-p13-format-photos .gm-visual-tile:first-child,
	.gm-p13-format-photos .gm-visual-tile:not(:first-child) { display: block; grid-row: auto; }
	.gm-p13-format-photos .gm-visual-tile picture,
	.gm-p13-format-photos .gm-visual-tile img,
	.gm-p13-format-photos .gm-visual-tile:first-child img,
	.gm-p13-format-photos .gm-visual-tile:not(:first-child) img { aspect-ratio: 4 / 3; height: auto; min-height: 0; width: 100%; }
	.gm-p13-format-photos .gm-visual-tile figcaption,
	.gm-p13-format-photos .gm-visual-tile:not(:first-child) figcaption { padding: .7rem 0 .9rem; }
	.gm-p13-preparation__composition { display: block; }
	.gm-p13-preparation__photo { height: 18rem; }
	.gm-p13-preparation__moves { margin-top: 1rem; }
	.gm-p13-feature-points i { font-size: .52rem; padding: .2rem .3rem; }
	.gm-p13-planting-route { display: block; }
	.gm-p13-planting-route > div,
	.gm-p13-planting-route > div:last-child { padding: .65rem 0; }
	.gm-p13-planting-route > i { border-block: 1px solid var(--hgw-rule); justify-content: center; padding-block: .2rem; }
}

@media (max-width: 520px) {
	.gm-p13-site-observation .gm-p13-annotated-photo__image img { aspect-ratio: 4 / 3; }
	.gm-p13-photo-caption-rail span { font-size: .875rem; }
	.gm-p13-water-route strong { font-size: 1rem; }
	.gm-p13-preparation__photo { height: 15.5rem; }
	.gm-p13-feature-points i { display: none; }
}

.gm-p13-buy-brief { background: #f1eadb; border-block: 1px solid #b9aa8e; margin: 1.4rem 0 1.8rem; padding: 1.1rem 1.2rem; }
.gm-p13-buy-brief header { display: grid; gap: .25rem; grid-template-columns: minmax(8rem, .55fr) minmax(0, 1.45fr); }
.gm-p13-buy-brief header span { color: var(--hgw-clay); font-size: .64rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.gm-p13-buy-brief header h3 { font-size: 1.45rem; margin: 0; }
.gm-p13-buy-brief ul { display: grid; gap: .45rem .8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 1rem 0 0; padding: 0; }
.gm-p13-buy-brief li { border-top: 1px solid #b9aa8e; font-family: var(--hgw-font-reading); font-size: .84rem; line-height: 1.42; margin: 0; padding: .55rem 0; }
.gm-p13-buy-brief li::before { color: var(--hgw-clay); content: "✓"; font-family: var(--hgw-font-interface); font-weight: 800; margin-right: .45rem; }
.gm-p13-buy-later { border-left: 4px solid var(--hgw-ochre); color: var(--hgw-ink-soft); font-size: .82rem; margin: .7rem 0 0; padding: .35rem 0 .35rem .7rem; }

.gm-p13-action-plan { background: #e5eadf; border-block: 1px solid #98aa90; margin: 1.4rem 0 1.6rem; padding: 1.1rem 1.2rem; }
.gm-p13-action-plan > header { align-items: baseline; display: flex; gap: .7rem; }
.gm-p13-action-plan > header span { color: var(--hgw-clay); font-size: .64rem; font-weight: 820; letter-spacing: .1em; text-transform: uppercase; }
.gm-p13-action-plan > header h3 { font-size: 1.4rem; margin: 0; }
.gm-p13-action-plan > div { display: grid; gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .85rem; }
.gm-p13-action-plan article { border-top: 3px solid var(--hgw-moss-ink); font-family: var(--hgw-font-reading); font-size: .88rem; line-height: 1.5; padding: .7rem .9rem .2rem 0; }
.gm-p13-action-plan article + article { border-left: 1px solid #aeb9a8; padding-left: .9rem; }
.gm-p13-action-plan article strong { color: var(--hgw-clay); display: block; font-family: var(--hgw-font-interface); font-size: .68rem; letter-spacing: .09em; margin-bottom: .2rem; text-transform: uppercase; }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-sources { border: 0; border-block: 1px solid var(--hgw-rule); margin-top: 1.5rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-sources summary { min-height: 52px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-sources summary span::before { color: var(--hgw-clay); content: "Evidence desk · "; font-size: .68rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-sources > div { background: #f7f2e7; }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] :is(.a2a_floating_style, .addtoany_share_save_container, .sharedaddy, .heateor_sss_sharing_container, .sd-sharing-enabled, [class*="floating-share"], [id*="floating-share"]) { display: none !important; }

@media (max-width: 600px) {
	.gm-p13-buy-brief header { display: block; }
	.gm-p13-buy-brief header h3 { font-size: 1.25rem; margin-top: .25rem; }
	.gm-p13-buy-brief ul { grid-template-columns: 1fr; }
	.gm-p13-action-plan > header { display: block; }
	.gm-p13-action-plan > header h3 { font-size: 1.25rem; margin-top: .2rem; }
	.gm-p13-action-plan > div { grid-template-columns: 1fr; }
	.gm-p13-action-plan article + article { border-left: 0; margin-top: .65rem; padding-left: 0; }
}

/* P13 reader-first revision: one heading layer, full-width narrow headings. */
.gm-p13-format-photos .gm-first-garden-stages__photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.gm-p13-format-photos .gm-visual-tile { display: block; grid-row: auto; }
.gm-p13-format-photos .gm-visual-tile picture { display: block; width: 100%; }
.gm-p13-format-photos .gm-visual-tile img { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 3; object-fit: cover; }
.gm-p13-format-photos .gm-visual-tile figcaption { padding: .85rem; }
@media (max-width: 600px) {
  .gm-p13-format-photos .gm-first-garden-stages__photos { grid-template-columns: 1fr; }
  .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-planting-story .gm-visual-tile { display: block; }
  .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-planting-story .gm-visual-tile picture,
  .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-planting-story .gm-visual-tile img { display: block; aspect-ratio: 3 / 2; width: 100%; height: auto; object-fit: cover; }
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header { display: block; padding-top: .8rem; margin-bottom: 1rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header h3 { max-width: none; width: auto; font-size: clamp(1.35rem, 1.1rem + .7vw, 1.8rem); line-height: 1.2; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap { display: block; padding-block: 1rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap__intro strong { font-family: var(--hgw-font-body); font-size: .9rem; margin: 0 0 .65rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a { min-height: 52px; padding: .55rem .4rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap a strong { font-size: .8rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-sources summary span::before { content: none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation__photo { margin: 0; max-width: none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation__photo img { aspect-ratio: 2 / 1; width: 100%; object-fit: cover; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-plate-legend strong { font-size: .875rem; line-height: 1.45; letter-spacing: 0; text-transform: none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-layout-points i { font-size: .875rem; font-weight: 650; letter-spacing: 0; text-transform: none; top: -1.9rem; padding: .3rem .45rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-plate-legend--layout { display: none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-root-points i { display: none; }
.gm-p13-starter-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: .95rem; line-height: 1.5; }
.gm-p13-starter-table th, .gm-p13-starter-table td { text-align: left; vertical-align: top; padding: .85rem; border-bottom: 1px solid var(--hgw-rule); }
.gm-p13-starter-table thead { background: #173d2d; color: #fffdf8; font-size: .85rem; }
.gm-p13-starter-table tbody th { color: #173d2d; font-size: 1rem; }
.gm-p13-starter-table th small { display: block; font-weight: 500; color: #526545; margin-top: .25rem; }
.gm-p13-starter-table tbody tr:nth-child(even) { background: #f1f4ea; }
@media (max-width: 760px) {
  .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-layout-points i { display: none; }
  .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-plate-legend--layout { display: block; }
  .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-plate-legend li { padding: .55rem .65rem; border-top-width: 1px; }
  .gm-p13-starter-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .gm-p13-starter-table tbody, .gm-p13-starter-table tr, .gm-p13-starter-table td, .gm-p13-starter-table tbody th { display: block; width: auto; }
  .gm-p13-starter-table tbody tr { padding: .7rem 1rem 1rem; border-bottom: 1px solid var(--hgw-rule); }
  .gm-p13-starter-table td, .gm-p13-starter-table tbody th { border: 0; padding: .25rem 0; }
  .gm-p13-starter-table tbody th { margin-bottom: .3rem; font-size: 1.1rem; }
  .gm-p13-starter-table td::before { content: attr(data-label) ": "; font-weight: 700; }
}

/* P13 .18: compact opening, consistent gutters and varied teaching figures. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] { --p13-measure: 58rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap { margin: 0 auto 1rem; padding-block: .75rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-frame { padding-top: 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { margin-top: 1.8rem; padding-bottom: .8rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section:first-child { margin-top: .5rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > p:first-of-type { background: none; border: 0; padding: 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system { background: none; background-image: none; border: 0; box-shadow: none; padding: 0; margin: 1.5rem 0; width: 100%; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header { padding: 0; margin-bottom: .8rem; border: 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-site-observation { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 1.25rem; align-items: center; max-width: 46rem; }
.gm-p13-site-observation__photo img { display: block; aspect-ratio: 3/2; width: 100%; object-fit: cover; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-format-photos .gm-visual-tile { background: none; border: 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-format-photos .gm-visual-tile strong { font-size: .95rem; font-weight: 400; line-height: 1.5; }
.gm-p13-crop-icon { display: inline-block; width: 3rem; height: 3rem; margin: 0 0 .4rem; vertical-align: middle; }
.gm-p13-crop-icon svg { display: block; width: 100%; height: 100%; }
.gm-p13-starter-table th:first-child { width: 23%; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation { background: #edf0e6; border-left: 3px solid #6b8159; padding: 1rem 1.2rem; }
.gm-p13-preparation p { margin: 0; }
.gm-p13-worked-plan { display: grid; grid-template-columns: 1.4fr 1fr; gap: 1.5rem; align-items: center; border-block: 1px solid var(--hgw-rule); padding-block: 1rem; }
.gm-p13-worked-plan > svg { width: 100%; height: auto; display: block; }
.gm-p13-plan-key p { font-size: .92rem; line-height: 1.5; margin: 0 0 1rem; }
.gm-p13-plan-key strong { color: var(--hgw-ink-deep); }
.gm-p13-plan-note { font-size: .9rem; color: var(--hgw-ink-soft); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-planting-story { max-width: 38rem; margin-inline: auto; }
.gm-p13-planting-story img { width: 100%; height: auto; display: block; }
.gm-p13-planting-story figcaption { position: static; background: none; color: var(--hgw-ink-soft); padding: .65rem 0; font-size: .95rem; }
.gm-p13-check-diagram { border-block: 1px solid var(--hgw-rule); padding: .7rem 0; }
.gm-p13-check-diagram svg { width: 100%; height: auto; }
.gm-p13-check-diagram p { font-size: .9rem; line-height: 1.5; }
@media(max-width: 900px) {
 .gm-p13-worked-plan { grid-template-columns: 1fr; }
 .gm-p13-plan-key { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem 1.3rem; }
}
@media(max-width: 600px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-site-observation { display: block; }
 .gm-p13-crop-icon { width: 2.7rem; height: 2.7rem; margin: 0 .7rem 0 0; flex: 0 0 auto; }
 .gm-p13-starter-table tbody th { display: flex; align-items: center; }
 .gm-p13-starter-table th:first-child { width: auto; }
 .gm-p13-plan-key { display: block; }
 .gm-p13-check-diagram svg { min-height: 120px; }
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] { padding-top: .4rem; }
.gm-p13-crop-name { display: flex; align-items: flex-start; gap: .5rem; }
.gm-p13-crop-name .gm-p13-crop-icon { flex: 0 0 2.5rem; width: 2.5rem; height: 2.5rem; margin: 0; }
.gm-p13-crop-name > span:last-child { display: block; padding-top: .2rem; }
@media(max-width:600px) { .gm-p13-crop-name { align-items: center; } }

/* The soil-check labels remain native text at every screen size. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-check-panels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-check-panels figure { margin:0; padding:0; background:none; border:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-check-panels h4 { margin:0 0 .3rem; font-family:var(--hgw-font-interface); font-size:1rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-check-panels svg { display:block; width:100%; height:auto; min-height:0; }
@media(max-width:600px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-check-panels { grid-template-columns:1fr; gap:1.2rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-check-panels figure { max-width:18rem; width:100%; margin-inline:auto; }

}

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body { padding-top:1.2rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section:first-child { padding-top:1rem; }

/* P13 fundamentals: retained full scene and truthful founder context. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-garden-scene { margin: 0 0 1.75rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-garden-scene img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-measured-title { margin: 1.5rem 0 .75rem; font-size: 1.25rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-founder { margin: .75rem 0 0; max-width: 38rem; font-size: .875rem; line-height: 1.6; }

/* P13 .22: connected teaching labels, with unscaled responsive text. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-scene-annotated { position:relative; }
.gm-p13-scene-leaders { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.gm-p13-scene-leaders path { vector-effect:non-scaling-stroke; stroke-width:1.5px; }
.gm-p13-scene-callout { position:absolute; max-width:13rem; background:rgba(255,252,242,.96); padding:.3rem .45rem; color:var(--hgw-ink-deep); font:600 .95rem/1.25 var(--hgw-font-interface); box-shadow:0 1px 0 #a75d42; }
.gm-p13-scene-callout--support { left:1%; top:3%; }
.gm-p13-scene-callout--water { right:1%; top:6%; }
.gm-p13-scene-callout--paths { left:0; top:67%; }
.gm-p13-scene-callout--reach { right:11%; bottom:2%; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-worked-plan { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:1.4rem; }
.gm-p13-worked-plan .gm-p13-plan-size { font-size:29px; }
.gm-p13-worked-plan .gm-p13-plan-dimension { font-size:29px; font-weight:600; fill:#995337; }
.gm-p13-worked-plan .gm-p13-plan-path { font-size:24px; }
.gm-p13-plan-key p { margin:0 0 1rem; }
.gm-p13-soil-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }
.gm-p13-soil-stages figure { margin:0; padding:0; border:0; background:none; }
.gm-p13-soil-stages h4 { font:600 1.1rem/1.3 var(--hgw-font-interface); margin:0 0 .5rem; }
.gm-p13-soil-stages img { width:100%; height:auto; display:block; }
.gm-p13-soil-stages figcaption { font-size:1rem; line-height:1.5; padding:.55rem 0 0; background:none; }
.gm-p13-illustration-note { color:var(--hgw-ink-soft); font-size:.9rem; margin-top:1rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-pot-example { max-width:31rem; margin:1.2rem auto; }
.gm-p13-pot-example img { display:block; width:100%; height:auto; }
.gm-p13-pot-example figcaption { font-size:.95rem; line-height:1.5; padding:.6rem 0; background:none; }
@media(max-width:900px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-worked-plan { grid-template-columns:1fr; }
 .gm-p13-plan-key { display:block; }
}
@media(max-width:600px) {
 .gm-p13-scene-callout { font-size:.78rem; padding:.22rem .3rem; max-width:8.8rem; }
 .gm-p13-scene-callout--support { left:0; top:0; max-width:8.2rem; }
 .gm-p13-scene-callout--water { right:0; top:5%; max-width:7.8rem; }
 .gm-p13-scene-callout--paths { top:65%; max-width:7.4rem; }
 .gm-p13-scene-callout--reach { right:0; bottom:-1%; max-width:9rem; }
 .gm-p13-soil-stages { display:block; }
 .gm-p13-soil-stages figure { margin:0 0 1.5rem; }
 .gm-p13-soil-stages img { max-width:24rem; margin-inline:auto; }
 .gm-p13-soil-stages figcaption { padding-top:.25rem; }
}

/* Labels remain native text at every image size. */
.gm-p13-art-annotated { position:relative; }
.gm-p13-art-annotated > svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.gm-p13-art-annotated > svg path { fill:none; stroke:#985334; stroke-width:1.5px; vector-effect:non-scaling-stroke; }
.gm-p13-art-annotated > svg circle { fill:#985334; stroke:#fffaf0; stroke-width:1px; vector-effect:non-scaling-stroke; }
.gm-p13-art-label { position:absolute; padding:.2rem .35rem; background:#fffaf0f5; color:#294b3b; font:600 .88rem/1.25 var(--hgw-font-interface); max-width:8.8rem; }
.gm-p13-art-label--seed { left:0; top:19%; }
.gm-p13-art-label--ball { left:0; bottom:3%; }
.gm-p13-art-label--beside { right:0; top:7%; max-width:5.5rem; }
.gm-p13-art-label--depth { right:0; top:67%; max-width:7.8rem; }
.gm-p13-art-label--cage { right:0; top:0; max-width:9rem; }
.gm-p13-art-label--mix { left:0; top:57%; max-width:6rem; }
.gm-p13-art-label--drain { right:0; bottom:5%; max-width:7rem; }
@media(max-width:600px) { .gm-p13-art-label { font-size:.95rem; } .gm-p13-art-label--cage { max-width:8rem; } }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-scene-annotated { margin-block:3.4rem 2.5rem; }
.gm-p13-scene-leaders path { stroke-width:2px; filter:drop-shadow(0 0 1px #fffaf0); }
.gm-p13-scene-callout--support { left:0; top:0; transform:translateY(-100%); }
.gm-p13-scene-callout--water { right:0; top:0; transform:translateY(-100%); }
.gm-p13-scene-callout--paths { left:0; top:auto; bottom:0; transform:translateY(100%); }
.gm-p13-scene-callout--reach { right:0; bottom:0; transform:translateY(100%); }
.gm-p13-art-label--beside { top:0; max-width:7rem; }
@media(max-width:600px) { .gm-p13-scene-callout { font-size:.9rem; max-width:9.2rem; } .gm-p13-scene-callout--support,.gm-p13-scene-callout--water { top:0; } .gm-p13-scene-callout--paths { top:auto; } .gm-p13-scene-callout--reach { bottom:0; } }

.gm-p13-worked-plan text.gm-p13-plan-path { fill:#294b3b; stroke:none; }
@media(max-width:600px) { .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-scene-annotated { margin-top:4.4rem; } }

/* Owner .25: compact article rhythm and labels contained by the artwork. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { margin-top:1.2rem; padding:0 0 .35rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > p { margin:.45rem 0; font-size:1.04rem; line-height:1.5; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > ul,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > ol { margin:.5rem 0 .85rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section li { margin:.2rem 0; padding-block:0; font-size:1rem; line-height:1.45; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system { margin:.6rem 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-site-observation { display:block; max-width:24rem; margin:.5rem auto; }
.gm-garden-caution { margin:1rem 0; padding:.8rem 1rem; border-left:3px solid #a75d42; background:#f3eddf; font:400 1rem/1.45 var(--hgw-font-interface); }
.gm-garden-caution p { margin:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-scene-annotated { max-width:900px; margin:.6rem auto; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-garden-scene img { max-height:600px; }
.gm-p13-scene-callout { transform:none; max-width:32%; font-size:.875rem; line-height:1.3; padding:.35rem .5rem; }
.gm-p13-scene-callout--support { left:1%; top:1%; }
.gm-p13-scene-callout--water { right:1%; top:1%; }
.gm-p13-scene-callout--paths { left:1%; top:auto; bottom:1%; }
.gm-p13-scene-callout--reach { right:1%; bottom:1%; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-pot-example { width:min(100%,360px); margin:.75rem auto; }
.gm-p13-art-annotated--container-tomato img { max-height:600px; object-fit:contain; }
.gm-p13-art-label { background:#fffaf0; border:1px solid #dbd3be; border-radius:2px; box-shadow:0 1px 0 #a75d42; padding:.3rem .4rem; font:600 .8125rem/1.25 var(--hgw-font-interface); max-width:57%; }
.gm-p13-art-label--seed { left:1%; top:6%; max-width:44%; }
.gm-p13-art-label--ball { left:1%; bottom:2%; max-width:64%; }
.gm-p13-art-label--beside { right:1%; top:1%; max-width:44%; }
.gm-p13-art-label--depth { right:1%; top:69%; max-width:58%; }
.gm-p13-art-label--cage { right:1%; top:1%; max-width:46%; }
.gm-p13-art-label--mix { left:1%; top:58%; max-width:40%; }
.gm-p13-art-label--drain { right:1%; bottom:2%; max-width:43%; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-measured-title { font:600 1.35rem/1.2 var(--hgw-font-display); text-transform:none; letter-spacing:normal; margin:1rem 0 .6rem; }
.gm-p13-soil-stages h4 { text-transform:none; letter-spacing:normal; }
.gm-p13-soil-stages figcaption { font-size:.875rem; line-height:1.4; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-planting-story { max-width:28rem; }
.gm-p13-starter-table th:first-child { width:20%; }
.gm-p13-starter-table td { font-size:.9rem; padding:.65rem; }
.gm-p13-starter-table td:last-child { width:17%; }
.gm-p13-founder a { text-decoration:none; color:inherit; }
.gm-article .gm-newsletter.gm-newsletter--inline { min-height:0; padding:1.2rem 1.5rem; gap:1rem; margin-block:1.25rem; align-items:start; }
.gm-article .gm-newsletter__form, .gm-article .gm-newsletter__form form { min-height:0 !important; margin:0 !important; }
.gm-article .gm-newsletter__form [data-element="powered-by"],
.gm-article .gm-newsletter__form a[href*="kit.com/features/forms"],
.gm-article .gm-newsletter__form .formkit-powered-by-convertkit-container { display:none !important; }
.gm-article .gm-newsletter__form button[type="submit"], .gm-article .gm-newsletter__form .formkit-submit { background:var(--hgw-action) !important; color:#fff !important; border-color:var(--hgw-action) !important; }
.gm-article .gm-newsletter__form [data-style="clean"] { padding:0 !important; }
@media(max-width:600px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-scene-annotated { margin:.5rem 0; }
 .gm-p13-scene-callout { font-size:.75rem; max-width:46%; padding:.2rem .3rem; }
 .gm-p13-art-label { font-size:.8125rem; }
 .gm-p13-soil-stages figure { max-width:30rem; margin:0 auto 1rem; }
 .gm-p13-soil-stages img { max-width:none; }
 .gm-p13-starter-table td:last-child { width:auto; }
}

/* Equal-level headings and compact worked diagrams retain their geometry. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { display:block; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > h2 + p { font:400 1rem/1.5 var(--hgw-font-interface); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-worked-plan { grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding-block:.4rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-worked-plan > svg { max-height:350px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-art-label { font:600 .8125rem/1.25 var(--hgw-font-interface); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-art-label--depth { top:auto; bottom:2%; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > p { max-width:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-planting-story { max-width:24rem; }
@media(max-width:600px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-worked-plan { grid-template-columns:1fr; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-worked-plan > svg { max-height:450px; }
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body { max-width:54rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-scene-annotated { max-width:720px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { margin-top:.75rem; }
.gm-article .gm-newsletter.gm-newsletter--inline { margin-block:.5rem; padding:1rem; }
.gm-article .gm-newsletter__copy p { margin-bottom:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body { padding-bottom:1rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-site-observation,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-planting-story { max-width:22rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-sources { margin-top:.75rem; padding-block:.3rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-scene-annotated { max-width:690px; }

/* Owner completion follow-up: close the height miss and align H3 sizes. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section { margin-top:.25rem; }

/* Keep the article sign-up and the next reads together without an empty band. */
.gm-article .gm-newsletter.gm-newsletter--inline { padding-block:1rem; margin-block:0; }
.gm-article .gm-newsletter__form .gmf-subscribe__consent { margin-bottom:0; }
.gm-article .gm-related-reading { margin-top:1rem; }

/* Search fields need a dark keyboard ring against the light header. */
.gm-search input[type="search"]:focus-visible {
  outline: 3px solid #9b4b2b;
  outline-offset: 2px;
  box-shadow: none;
}

/* Shorter prose lines; teaching figures and the crop table keep their full width. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > :is(h2,h3,p,ul,ol,.gm-garden-caution) {
  max-width: 48rem;
  margin-inline: auto;
}

/* Inline teaching terms are normal emphasis, not the old action-label treatment. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > h2 + p strong:first-child {
  color: inherit;
  font-size: inherit;
  letter-spacing: normal;
  text-transform: none;
}

/* Keep the gardener and carrot crate together in the narrow opening crop. */
/* Show each complete setup photograph, including the balcony watering can. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-format-photos .gm-visual-tile img {
  aspect-ratio: 1600 / 1067;
  object-fit: contain;
}

/* Shared task navigation: clear controls, distinct from editorial headings. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility .gm-article-roadmap__intro strong { display:block; margin:0 0 10px; font:650 14px/1.4 var(--hgw-font-interface); color:#51635a; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility .gm-article-roadmap__intro strong::after { content:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility ol { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); width:100%; gap:8px; border:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility li { width:auto; min-width:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility li::before { content:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a { display:flex; align-items:center; gap:8px; min-height:52px; padding:10px 12px; border:1px solid #d5ddd6; border-radius:9px; background:#fff; text-decoration:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a em { font:600 12px/1 var(--hgw-font-interface); font-variant-numeric:tabular-nums; letter-spacing:0; color:#607267; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a strong { font:650 14px/1.25 var(--hgw-font-interface); color:#183d2f; margin:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a:hover { border-color:#547b65; background:#edf3ee; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a[aria-current="step"] { background:#183d2f; border-color:#183d2f; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a[aria-current="step"] :is(em,strong) { color:#fff; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a:focus-visible { outline:3px solid #a64d28; outline-offset:3px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility .gm-article-roadmap__track { overflow:visible; mask-image:none; }
@media(max-width:900px) { .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility ol { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:500px) { .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility ol { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-site-observation {
	max-width: none;
	width: 100%;
	margin: .7rem 0 1rem;
}
@media (min-width: 1100px) {
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot {
		align-items: start;
		column-gap: clamp(2rem, 3.5vw, 3.5rem);
		display: grid;
		grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
		margin-left: 50%;
		transform: translateX(-50%);
		width: min(78rem, calc(100vw - 2 * var(--hgw-gutter)));
	}

	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot.gm-reading-section > p:first-of-type{ grid-column: 1 / -1; margin-inline: 0; max-width: none; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot.gm-reading-section > figure.gm-p13-site-observation {
		/* The legacy theme makes teaching figures span every column with !important. */
		grid-column: 1 / 2 !important;
		grid-row: 3 / span 4;
		margin-top: .65rem;
	}
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot > p:not(:first-of-type) { grid-column: 2; }
}

/* P13 .37: four site-selection checks, grouped for scanning beside the photo. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot.gm-reading-section > ul {
	margin: .65rem 0 .8rem;
	max-width: none;
	padding-left: 1.15rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot > ul > li {
	margin: 0 0 .8rem;
	padding-left: .2rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot > ul > li::marker { color: var(--hgw-clay); }
@media (min-width: 1100px) {
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot { grid-template-rows: auto auto min-content 1fr; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot.gm-reading-section > figure.gm-p13-site-observation { grid-row: 3 / span 2; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot.gm-reading-section > ul { grid-column: 2; grid-row: 3; }
	.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot.gm-reading-section > p:last-of-type { grid-column: 2; grid-row: 4; margin-top: 0; }
}
/* P13 .38: one page rhythm, aligned content and editorial chapter headings. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] {
 --p13-page-width: 70rem;
 --p13-copy-width: 48rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-frame {
 max-width: calc(var(--p13-page-width) + 2 * var(--hgw-gutter));
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body {
 max-width: var(--p13-page-width);
 padding-top: 1rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section {
 margin: 0;
 padding: 1.5rem 0 0;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section + .gm-reading-section {
 border-top: 1px solid var(--hgw-rule);
 margin-top: 2rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section:first-child { margin-top: 0; padding-top: .75rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > :is(p,ul,ol,h3,.gm-garden-caution) {
 margin-inline: 0;
 max-width: var(--p13-copy-width);
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > p {
 font-size: 1.04rem;
 line-height: 1.55;
 margin-block: .7rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > h2 + p { margin-bottom: 1.2rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > :is(ul,ol) { margin-block: .65rem 1rem; padding-left: 1.3rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > :is(ul,ol) > li { font-size: 1.04rem; line-height: 1.55; margin-block: .45rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > ul > li::marker { color: var(--hgw-clay); }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header h3,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-measured-title{
 font-size: 1.35rem;
 line-height: 1.25;
 margin: 1.35rem 0 .65rem;
}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system { margin: 1.2rem 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header { margin-bottom: .85rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-visual-system > header h3 { margin-top: 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-format-photos,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-crop-route,
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation { margin-inline: 0; width: 100%; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-starter-table :is(th,td) { padding: .8rem; line-height: 1.5; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation { max-width: var(--p13-copy-width); padding: 1rem 1.25rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-scene-annotated { max-width: 48rem; margin: .8rem 0 1.3rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-worked-plan { max-width: 58rem; padding-block: 1rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-planting-story { max-width: 40rem; margin: 1.2rem 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-sources { max-width: var(--p13-page-width); width: 100%; margin: 1.5rem 0 0; }
@media (min-width: 1100px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot { margin-left: 0; transform: none; width: 100%; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot.gm-reading-section > ul { margin-top: .65rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-spot.gm-reading-section > ul > li { margin-bottom: .8rem; }
}
@media (max-width: 700px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section + .gm-reading-section { margin-top: 1.6rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-starter-table :is(th,td) { padding: .25rem 0; }
}
/* Keep the new chapter edge authoritative over the older prose-width rule. */
@media (min-width: 1100px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-layout-illustration { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 0 2rem; align-items: start; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-layout-illustration > header { grid-column: 1; grid-row: 1; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-layout-illustration > .gm-p13-garden-scene { grid-column: 1; grid-row: 2; margin: 0; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-layout-illustration > .gm-p13-measured-title { grid-column: 2; grid-row: 1; margin: 0 0 .85rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-layout-illustration > .gm-p13-worked-plan { grid-column: 2; grid-row: 2; display: block; padding-top: .5rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-worked-plan > svg { max-height: 350px; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-plan-key p { margin: .65rem 0 0; }
}
@media (max-width: 760px) { .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-starter-table tbody th:first-child { width: auto; } }
/* P13 .41: more vegetable choices within a compact, keyboard-scrollable browser. */
.gm-crop-filters { display:flex; flex-wrap:wrap; gap:.5rem; margin:.8rem 0; }
.gm-crop-filters[hidden], .gm-p13-starter-table tr[hidden] { display:none !important; }
.gm-crop-filters button { font:inherit; font-size:.9rem; font-weight:600; color:#173d2d; background:#fffdf8; border:1px solid #aab6a1; border-radius:2rem; padding:.55rem 1rem; min-height:44px; cursor:pointer; }
.gm-crop-filters button[aria-pressed="true"] { color:#fff; background:var(--hgw-action); border-color:var(--hgw-action); }
.gm-crop-filters button:hover { border-color:var(--hgw-action); box-shadow:inset 0 0 0 1px var(--hgw-action); }
.gm-crop-filters button:focus-visible, .gm-crop-scroll:focus-visible { outline:3px solid var(--hgw-action); outline-offset:3px; }
.gm-crop-browser-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.35rem 1rem; font-size:.85rem; color:#526545; padding:.35rem 0 .65rem; }
.gm-crop-browser-meta [data-crop-count] { font-weight:700; color:#173d2d; }
.gm-crop-scroll { max-height:21rem; overflow:auto; scrollbar-gutter:stable; scrollbar-color:#7c9271 #eef1e7; border:1px solid var(--hgw-rule); border-radius:.25rem; background:#fffdf8; }
.gm-crop-scroll .gm-p13-starter-table { margin:0; }
.gm-crop-scroll .gm-p13-starter-table thead th { position:sticky; top:0; z-index:1; background:#173d2d; }
.gm-article .gm-p13-crop-route .gm-crop-browser-note { font-family:var(--hgw-font-sans, sans-serif); font-size:.85rem; line-height:1.5; margin:.65rem 0 0; color:#526545; max-width:none; }
@media (max-width:760px) {
  .gm-crop-scroll { max-height:30rem; }
  .gm-crop-filters { gap:.4rem; }
  .gm-crop-filters button { padding:.5rem .75rem; font-size:.85rem; }
  .gm-crop-scroll .gm-p13-starter-table { display:block; }
  .gm-crop-scroll .gm-p13-starter-table thead th { position:static; }
}
@media print {
  .gm-crop-scroll { max-height:none; overflow:visible; border:0; }
  .gm-crop-filters, .gm-crop-browser-meta { display:none; }
  .gm-crop-scroll .gm-p13-starter-table tr[hidden] { display:table-row !important; }
  .gm-crop-scroll .gm-p13-starter-table thead th { position:static; }
}

/* P13 .43: illustrated preparation choices, grouped with their own instructions. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation { background: transparent; border: 0; border-left: 2px solid var(--hgw-clay); padding: .3rem 0 .3rem 1rem; max-width: 65rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-p13-preparation p { font: 400 1rem/1.55 var(--hgw-font-interface); margin: 0; }
.gm-prep-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.75rem; margin: 1.8rem 0 1.4rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > .gm-prep-options { max-width: none; width: 100%; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-prep-choice h3 { font-size: 1.5rem; line-height: 1.2; margin: 0 0 .4rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-prep-art { width: 100%; max-width: 22rem; margin: 0 auto .8rem; }
.gm-prep-art svg { display: block; width: 100%; height: auto; font-family: var(--hgw-font-interface); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-prep-choice ol { margin: 0; padding-left: 1.3rem; font: 400 1rem/1.55 var(--hgw-font-interface); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-prep-choice li { padding-left: .15rem; margin: 0 0 .8rem; }
.gm-prep-choice li::marker { color: var(--hgw-clay); font-weight: 700; }
@media (max-width: 950px) {
 .gm-prep-options { grid-template-columns: 1fr; gap: 1.5rem; }
 .gm-prep-choice { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 0 1.5rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-prep-choice h3 { grid-column: 1 / -1; margin-bottom: .7rem; }
}
@media (max-width: 600px) {
 .gm-prep-choice { display: block; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-prep-art { max-width: 19rem; }
 .gm-prep-options { gap: 1.6rem; }
}

/* P13 .44: decision-led preparation text and a causal drainage comparison. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-prep-choice { display: block; border-top: 2px solid var(--hgw-rule); padding-top: .8rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-prep-choice h3 { margin-bottom: .9rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > .gm-prep-drainage { max-width: none; width:100%; margin:1.5rem 0 2rem; padding:1.2rem 0; border-block:1px solid var(--hgw-rule); display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap: .7rem 2rem; }
.gm-drain-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.gm-drain-example h4 { font:700 .95rem/1.35 var(--hgw-font-interface); margin:0 0 .5rem; }
.gm-drain-example svg { display:block; width:100%; font:16px var(--hgw-font-interface); fill:var(--hgw-ink); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-drain-heading h3 { font-size:1.5rem; margin:0 0 .7rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-drain-heading p { font:400 1rem/1.55 var(--hgw-font-interface); margin:0; }
.gm-prep-drainage figcaption { grid-column:1/-1; font:400 .9rem/1.5 var(--hgw-font-interface); color:var(--hgw-muted); max-width:70ch; }
@media(max-width:950px) { .gm-prep-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; } .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > .gm-prep-drainage { grid-template-columns:1fr; } }
@media(max-width:700px) { .gm-prep-options { grid-template-columns:1fr; } .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section > .gm-prep-drainage { grid-template-columns:1fr; } }
@media(max-width:450px) { .gm-drain-pair { grid-template-columns:1fr; gap:1rem; } .gm-drain-example { max-width:22rem; } }

/* P13 .45: one measured planting plan connects layout, soil and care. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-salad-plan { max-width: none; margin: 1.8rem 0 2rem; padding: 1.5rem; background: #f2f1e7; border-top: 2px solid #52745b; }
.gm-salad-plan__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 2rem; align-items: center; }
.gm-salad-plan__grid figure { margin: 0; }
.gm-salad-plan__grid svg { display: block; width: 100%; height: auto; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-salad-plan__notes p { font-family: var(--hgw-font-interface); font-size: 1rem; line-height: 1.55; margin: 0 0 1rem; max-width: none; }
.gm-salad-plan__notes p:last-child { margin-bottom: 0; }
.gm-salad-plan figcaption { margin-top: .7rem; }
.gm-legacy-anchor { display: block; height: 0; scroll-margin-top: 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section.gm-plan-prepare > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; max-width: none; padding: 0; list-style: none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-plan-prepare > ul > li { margin: 0; padding-top: .9rem; border-top: 1px solid #b7c1a9; font-family: var(--hgw-font-interface); font-size: 1rem; line-height: 1.6; }
.gm-plan-prepare > ul > li > strong:first-child { display: block; margin-bottom: .5rem; font-size: 1.1rem; }
@media (max-width: 900px) { .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section.gm-plan-prepare > ul { grid-template-columns: 1fr; gap: 1rem; } }
@media (max-width: 700px) {
 .gm-salad-plan__grid { grid-template-columns: 1fr; gap: 1.2rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-salad-plan { padding: 1rem .6rem; }
 .gm-salad-plan__notes { padding: 0 .4rem; }
}

/* Step 4: measured preparation, a real working photograph and a spacing explanation. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section.gm-plan-prepare { display:block; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy { width:100%; max-width:none; margin-inline:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy p, .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy li { font:400 1.04rem/1.55 var(--hgw-font-reading); color:var(--hgw-ink); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy p { max-width:var(--p13-copy-width); margin:.7rem 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy > p:first-child { font:400 1rem/1.5 var(--hgw-font-interface); margin:0 0 1.2rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy h3 { font:600 1.35rem/1.25 var(--hgw-font-display); margin:1.35rem 0 .65rem; padding:0; border:0; background:none; letter-spacing:normal; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy h3::before { display:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy h4 { font:600 1.2rem/1.25 var(--hgw-font-display); margin:1.5rem 0 .65rem; text-transform:none; letter-spacing:normal; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy strong { display:inline; font-weight:700; text-transform:none; letter-spacing:normal; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy ul { display:block; max-width:var(--p13-copy-width); margin:.65rem 0 1rem; padding:0 0 0 25px; list-style:disc; border:0; background:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy li { display:list-item; margin:.45rem 0; padding:0 0 0 5px; border:0; background:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground { display:grid; grid-template-columns:minmax(0,48rem) minmax(0,1fr); gap:2rem; align-items:start; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground h4 { margin-top:24px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground figure { margin:30px 0 0; padding:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground img { display:block; width:100%; height:auto; border-radius:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-volume { max-width:680px; background:#edf0e5; border:0; border-left:3px solid #789067; padding:21px 26px; margin:24px 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-volume h5 { font:600 23px/1.22 var(--hgw-font-display); margin:0 0 9px; text-transform:none; letter-spacing:normal; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-volume p { margin:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-disclosure { max-width:var(--p13-copy-width); border:0; border-block:1px solid #ccd0c2; margin:1.25rem 0; padding:.9rem 0; background:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-disclosure summary { display:list-item; font:600 1.2rem/1.25 var(--hgw-font-display); cursor:pointer; padding:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-disclosure p { margin:18px 0 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-disclosure summary:focus-visible { outline:3px solid #b95d38; outline-offset:6px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-spacing { max-width:680px; margin:20px 0 26px; padding:8px 15px 17px; background:#f4f3e9; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-spacing svg { display:block; width:100%; height:auto; }
@media(max-width:850px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground { display:block; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground figure { max-width:330px; margin:22px 0 30px; }
}
@media(max-width:500px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground figure { max-width:270px; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-volume { padding:18px; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-spacing { padding:10px 0 15px; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-spacing text { font-size:32px; }
}

/* P13: useful routes, a garden-book plan and measured fill quantities. */
/* Reusable utility surface for guide shortcuts and focused tools. */
.gm-utility { --gm-control-radius:10px; --gm-control-border:#d5ddd6; font-family:var(--hgw-font-interface); font-style:normal; }
.gm-guide-library { max-width:1100px; margin:28px auto 30px; padding:24px; background:#f0f4f0; border:1px solid var(--gm-control-border); border-radius:16px; }
.gm-guide-library-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.gm-guide-library-heading h2 { font:650 23px/1.25 var(--hgw-font-interface); margin:0 0 7px; letter-spacing:-.015em; }
.gm-guide-library-heading p { margin:0; font:400 16px/1.5 var(--hgw-font-interface); color:#4e6256; }
.gm-guide-library ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; list-style:none; margin:0; padding:0; }
.gm-guide-library li { padding:0; min-width:0; }
.gm-guide-library a { color:#183d2f; text-decoration:none; font:600 16px/1.35 var(--hgw-font-interface); }
.gm-guide-library li a { position:relative; display:flex; align-content:center; align-items:center; flex-wrap:wrap; gap:6px; height:100%; min-height:72px; padding:13px 30px 13px 14px; border:1px solid var(--gm-control-border); border-radius:var(--gm-control-radius); background:#fff; }
.gm-guide-library li a::after { content:'↗'; position:absolute; right:12px; top:14px; font-size:16px; color:#54705d; }
.gm-guide-library li a:hover { background:#f9fcf9; border-color:#547b65; }
.gm-guide-library .gm-tool-shortcut { display:flex; align-items:center; justify-content:space-between; gap:22px; flex-shrink:0; min-height:46px; padding:11px 16px; border-radius:var(--gm-control-radius); background:#183d2f; color:#fff; }
.gm-guide-library .gm-tool-shortcut:hover { background:#29583e; }
.gm-guide-preview { display:inline-block; vertical-align:middle; font:500 11px/1.4 var(--hgw-font-interface); letter-spacing:.01em; padding:2px 7px; border:1px solid #dddaca; border-radius:5px; color:#635b47; background:#f8f5eb; text-decoration:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-garden-access { max-width:1100px; margin:35px 0 40px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-spacing { max-width:460px; padding:12px 15px; margin:22px 0; }
.gm-step4-spacing svg text { font-size:26px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-root-space { max-width:550px; margin:23px 0 28px; }
.gm-root-space svg { display:block; width:100%; height:auto; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)) { max-width:780px; background:#f0f1e7; padding:28px 30px; margin:30px 0; border-top:3px solid #7f9473; scroll-margin-top:140px; }
.gm-soil-calculator:not(:where(.t01 *)) h5 { font-family:Georgia,serif; font-size:28px; line-height:1.2; margin:0 0 13px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)) p { font-size:18px; line-height:1.55; margin:12px 0; }
.gm-soil-inputs:not(:where(.t01 *)) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 22px; margin:22px 0 18px; }
.gm-soil-inputs:not(:where(.t01 *)) label { display:block; font-size:17px; line-height:1.5; font-weight:650; }
.gm-soil-inputs:not(:where(.t01 *)) label span { font-weight:400; }
.gm-soil-inputs:not(:where(.t01 *)) input,.gm-soil-inputs:not(:where(.t01 *)) select { display:block; width:100%; min-width:0; margin-top:6px; padding:10px 12px; min-height:46px; background:#fffdf8; color:#183d2f; border:1px solid #929c87; border-radius:3px; font-family:inherit; font-size:18px; line-height:1.3; }
.gm-soil-calculator:not(:where(.t01 *)) button { background:#214d39; color:#fffdf7; border:0; border-radius:3px; padding:12px 18px; font:600 16px/1.4 var(--gm-font-body,sans-serif); cursor:pointer; }
.gm-soil-calculator:not(:where(.t01 *)) .gm-soil-copy:not(:where(.t01 *)) { background:transparent; color:#245b48; padding:8px 0; text-decoration:underline; text-underline-offset:3px; text-align:left; }
.gm-soil-result:not(:where(.t01 *)) { border-top:1px solid #bcc5b0; margin-top:22px; padding-top:12px; min-height:112px; }
.gm-soil-result:not(:where(.t01 *)) .gm-soil-total:not(:where(.t01 *)) strong { font-family:Georgia,serif; font-size:44px; font-weight:500; }
.gm-soil-copy-status:not(:where(.t01 *)) { display:block; font-size:15px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)) .gm-soil-limit:not(:where(.t01 *)),.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-disclosure--compact p { font-size:16px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-disclosure--compact { border-bottom:0; margin:20px 0 0; padding:14px 0 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-disclosure--compact summary { font-size:1.0625rem; }
.gm-soil-calculator:not(:where(.t01 *)) :focus-visible,.gm-guide-library a:focus-visible { outline:2px solid #a64d28; outline-offset:4px; }
@media(max-width:600px) { .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)) { padding:20px 17px; } .gm-soil-inputs:not(:where(.t01 *)) { gap:14px 12px; } .gm-soil-inputs:not(:where(.t01 *)) input,.gm-soil-inputs:not(:where(.t01 *)) select { padding:9px 6px; font-size:16px; } .gm-soil-calculator:not(:where(.t01 *)) h5 { font-size:25px; } .gm-root-space svg text { font-size:24px; } }
@media(max-width:500px) { .gm-step4-spacing svg text { font-size:32px; } }
@media print { .gm-soil-calculator:not(:where(.t01 *)) { break-inside:avoid; } .gm-soil-copy:not(:where(.t01 *)),.gm-soil-copy-status:not(:where(.t01 *)),.gm-soil-form:not(:where(.t01 *)) button { display:none!important; } .gm-soil-inputs:not(:where(.t01 *)) input,.gm-soil-inputs:not(:where(.t01 *)) select { border:0; } }

@media(max-width:500px) { .gm-root-space svg text { font-size:32px; } }
.gm-soil-inputs:not(:where(.t01 *)) { align-items:end; }

/* Utilities use the interface face throughout, including results and disclosures. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)).gm-utility { background:#fff; border:1px solid var(--gm-control-border); border-radius:16px; padding:26px; }
.gm-utility-eyebrow { display:block; color:#526a5c; font:650 12px/1.4 var(--hgw-font-interface); letter-spacing:.06em; text-transform:uppercase; margin-bottom:8px; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility h5 { font:650 24px/1.25 var(--hgw-font-interface); letter-spacing:-.015em; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)).gm-utility p { font:400 16px/1.55 var(--hgw-font-interface); }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility :is(label,input,select,button,summary) { font-family:var(--hgw-font-interface); font-style:normal; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility :is(input,select,button) { border-radius:8px; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-result:not(:where(.t01 *)) { background:#edf4ee; border:0; border-radius:10px; padding:16px 20px; margin-top:20px; min-height:112px; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-total:not(:where(.t01 *)) strong { font:650 38px/1.15 var(--hgw-font-interface); font-variant-numeric:tabular-nums; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-copy:not(:where(.t01 *)) { margin-top:8px; min-height:44px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-disclosure--compact summary { font:600 16px/1.4 var(--hgw-font-interface); }
@media(max-width:1000px) {
 .gm-guide-library { margin-left:20px; margin-right:20px; }
 .gm-guide-library ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .gm-guide-library { padding:18px; border-radius:12px; }
 .gm-guide-library-heading { display:block; }
 .gm-guide-library-heading h2 { font-size:21px; }
 .gm-guide-library .gm-tool-shortcut { margin-top:14px; width:100%; }
 .gm-guide-library li a { font-size:15px; min-height:88px; padding:12px 25px 12px 11px; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)).gm-utility { padding:20px 17px; }
}

/* P13 .64: azure denotes actions and explanation markers; botanical subjects keep natural colors. */
.gm-guide-library { background:var(--hgw-action-tint); border-color:var(--hgw-action-line); }
.gm-guide-library .gm-tool-shortcut,.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-form:not(:where(.t01 *)) button { background:var(--hgw-action); color:#fff; }
.gm-guide-library .gm-tool-shortcut:hover,.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-form:not(:where(.t01 *)) button:hover { background:var(--hgw-action-hover); }
.gm-guide-library li a::after { color:var(--hgw-action); }
.gm-guide-library li a:hover { border-color:var(--hgw-action); background:var(--hgw-tool-surface); }
.gm-guide-library .gm-guide-preview { background:var(--hgw-action-tint); border-color:var(--hgw-action-line); color:var(--hgw-action-hover); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a[aria-current="step"] { background:var(--hgw-action); border-color:var(--hgw-action); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a:hover { border-color:var(--hgw-action); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-roadmap.gm-utility a:focus-visible,.gm-guide-library a:focus-visible,.gm-soil-calculator:not(:where(.t01 *)) :focus-visible { outline:3px solid var(--hgw-action); outline-offset:3px; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-result:not(:where(.t01 *)) { background:var(--hgw-action-tint); }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-total:not(:where(.t01 *)) strong,.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-copy:not(:where(.t01 *)),.gm-utility-eyebrow { color:var(--hgw-action-hover); }
.gm-garden-access-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:28px; align-items:center; }
.gm-garden-access-plate { position:relative; min-width:0; }
.gm-garden-access-plate img { display:block; width:100%; height:auto; }
.gm-garden-marker { position:absolute; transform:translate(-50%,-50%); display:grid; place-items:center; width:29px; height:29px; border-radius:50%; background:var(--hgw-action); border:2px solid #fff; box-shadow:0 1px 5px #18372e24; color:#fff; font:650 14px/1 var(--hgw-font-interface); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-garden-access-notes { position:static; display:grid; gap:11px; list-style:none; counter-reset:garden-note; margin:0; padding:0; font:400 14px/1.45 var(--hgw-font-interface); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-garden-access-notes li { position:relative; counter-increment:garden-note; margin:0; padding:0 0 0 35px; border:0; }
.gm-garden-access-notes li::before { content:counter(garden-note); position:absolute; left:0; top:0; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:var(--hgw-action-tint); color:var(--hgw-action-hover); font:650 13px/1 var(--hgw-font-interface); }
.gm-garden-access-notes strong { display:block; font-size:15px; margin-bottom:2px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-botanical-diagram { background:#faf9f4; border:1px solid #e5e5dd; border-radius:12px; padding:20px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-root-space { max-width:700px; }
.gm-section-pair { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.gm-section-panel+ .gm-section-panel { border-left:1px solid #e0e0d8; padding-left:24px; }
.gm-section-panel h6 { margin:0 0 10px; text-align:center; font:650 16px/1.4 var(--hgw-font-interface); color:#243e31; }
.gm-section-panel svg,.gm-botanical-diagram svg { display:block; width:100%; height:auto; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-botanical-diagram .gm-diagram-takeaway { font:600 15px/1.4 var(--hgw-font-interface); color:var(--hgw-action-hover); text-align:center; margin:8px 0 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-spacing { max-width:480px; padding:15px 20px; }
.gm-step4-spacing.gm-botanical-diagram figcaption { text-align:center; }
.gm-step4-spacing.gm-botanical-diagram svg { margin-bottom:-22px; }
@media(max-width:1000px) {
 .gm-garden-access-layout { display:block; }
 .gm-garden-access-plate { max-width:720px; margin:auto; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-garden-access-notes { grid-template-columns:1fr 1fr; gap:18px 24px; margin:20px 0; font-size:15px; }
 .gm-garden-access-notes strong { font-size:16px; }
}
@media(max-width:540px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-garden-access-notes { grid-template-columns:1fr; }
 .gm-garden-marker { width:26px; height:26px; font-size:12px; }
 .gm-section-pair { grid-template-columns:1fr; gap:22px; }
 .gm-section-panel { max-width:300px; margin:auto; width:100%; }
 .gm-section-panel+ .gm-section-panel { border-left:0; border-top:1px solid #e0e0d8; padding:20px 0 0; }
}

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-garden-access .gm-garden-access-notes li { font:400 14px/1.45 var(--hgw-font-interface); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-garden-access .gm-garden-access-notes li strong { display:block; font:650 15px/1.4 var(--hgw-font-interface); margin:0 0 2px; }
.gm-section-panel { position:relative; }
.gm-section-panel+ .gm-section-panel { padding-left:0; border-left:0; }
.gm-section-panel+ .gm-section-panel::before { content:""; position:absolute; top:0; bottom:0; left:-12px; width:1px; background:#e0e0d8; }
@media(max-width:1000px) { .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-garden-access .gm-garden-access-notes li { font-size:15px; } }
@media(max-width:540px) { .gm-section-panel+ .gm-section-panel::before { content:none; } }

/* P13 .65: one reading measure, one supporting-visual column, three clear stages. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy { --step4-aside:300px; --step4-gap:32px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy h3 { margin:40px 0 14px; font-size:1.5rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy > p:first-child+h3 { margin-top:24px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy h4 { margin:28px 0 12px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground { grid-template-columns:minmax(0,var(--p13-copy-width)) var(--step4-aside); gap:var(--step4-gap); max-width:1100px; margin:28px 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground h4 { margin-top:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground figure { margin:0; max-width:none; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground img { aspect-ratio:4/3; object-fit:cover; object-position:center 48%; }
.gm-step4-supported { display:grid; grid-template-columns:minmax(0,var(--p13-copy-width)) var(--step4-aside); column-gap:var(--step4-gap); align-items:start; max-width:1100px; margin:28px 0; }
.gm-step4-supported > :not(figure) { grid-column:1; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-supported > :is(h3,h4):first-child { margin-top:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-supported > .gm-botanical-diagram { grid-column:2; grid-row:1 / span 5; width:100%; max-width:none; margin:0; padding:14px; align-self:start; }
.gm-step4-supported .gm-section-pair { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.gm-step4-supported .gm-section-panel { width:100%; min-width:0; max-width:none; }
.gm-step4-supported .gm-section-panel h6 { font-size:14px; min-height:39px; margin:0 0 4px; }
.gm-step4-supported .gm-section-panel svg { height:140px; width:100%; }
.gm-step4-supported .gm-section-panel+ .gm-section-panel { padding:0; border:0; }
.gm-step4-supported .gm-section-panel+ .gm-section-panel::before { content:""; left:-7px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-supported .gm-diagram-takeaway { font-size:14px; line-height:1.4; margin:8px 0 0; }
.gm-step4-supported .gm-step4-spacing svg { height:125px; margin:0 0 -17px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-setting { margin:40px 0 28px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy > h4:last-of-type { max-width:var(--p13-copy-width); padding-top:24px; border-top:1px solid #d8ded6; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)).gm-utility { max-width:var(--p13-copy-width); padding:22px; margin:28px 0; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-inputs:not(:where(.t01 *)) { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:16px 0; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-inputs:not(:where(.t01 *)) label { font-size:15px; line-height:1.4; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-inputs:not(:where(.t01 *)) input,.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-inputs:not(:where(.t01 *)) select { font-size:16px; padding:9px; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-result:not(:where(.t01 *)) { min-height:0; padding:12px 16px; margin-top:16px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-result:not(:where(.t01 *)) p { margin:4px 0; }
.gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-total:not(:where(.t01 *)) strong { font-size:32px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-limit:not(:where(.t01 *)) { font-size:14px; line-height:1.45; margin:8px 0 12px; }
@media(max-width:1100px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground,.gm-step4-supported { display:block; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground figure,.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-supported > .gm-botanical-diagram { width:100%; max-width:380px; margin:20px 0 24px; }
 .gm-step4-supported .gm-section-panel svg { height:150px; }
}
@media(max-width:600px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy h3 { margin-top:32px; font-size:1.35rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy h4 { margin-top:24px; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-ground figure { max-width:320px; }
 .gm-soil-calculator:not(:where(.t01 *)).gm-utility .gm-soil-inputs:not(:where(.t01 *)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-soil-calculator:not(:where(.t01 *)).gm-utility { padding:18px; }
 .gm-step4-supported .gm-section-panel h6 { font-size:14px; }
 .gm-step4-supported .gm-section-panel svg { height:130px; }
}

/* P13 tool interface: clear input/output hierarchy, separate from article typography. */
#soil-calculator:not(:where(.t01 *)).gm-soil-app:not(:where(.t01 *)) { --tool-ink:var(--hgw-tool-ink); --tool-muted:var(--hgw-tool-muted); --tool-line:var(--hgw-tool-line); max-width:1100px; width:100%; margin:32px 0; padding:0; border:1px solid var(--tool-line); border-radius:12px; background:#fff; color:var(--tool-ink); overflow:hidden; box-shadow:0 8px 30px #20212b08; font-family:var(--hgw-font-interface); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-workspace:not(:where(.t01 *)) { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-controls:not(:where(.t01 *)) { padding:32px; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-heading:not(:where(.t01 *)) h5 { display:flex; align-items:center; justify-content:space-between; gap:20px; font:650 30px/1.15 var(--hgw-font-interface); letter-spacing:-.035em; color:var(--tool-ink); margin:0; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-heading:not(:where(.t01 *)) h5 span { color:var(--hgw-action); font-size:30px; font-weight:400; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-heading:not(:where(.t01 *)) p { margin:8px 0 24px; color:var(--tool-muted); font:400 16px/1.5 var(--hgw-font-interface); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-inputs:not(:where(.t01 *)) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; margin:0; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-inputs:not(:where(.t01 *)) label { color:var(--tool-ink); font:600 14px/1.4 var(--hgw-font-interface); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-field:not(:where(.t01 *)) { display:flex; align-items:center; background:var(--hgw-tool-surface); border:1px solid var(--hgw-tool-line); border-radius:6px; margin-top:7px; transition:border-color .15s,box-shadow .15s; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-inputs:not(:where(.t01 *)) input { width:100%; min-width:0; border:0; border-radius:6px; background:transparent; padding:12px; margin:0; min-height:50px; font:600 22px/1.2 var(--hgw-font-interface); font-variant-numeric:tabular-nums; color:var(--tool-ink); box-shadow:none; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-field:not(:where(.t01 *))>span { padding:0 12px 0 4px; font:500 14px/1 var(--hgw-font-interface); color:var(--tool-muted); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-inputs:not(:where(.t01 *)) select { background:var(--hgw-tool-surface); color:var(--tool-ink); border:1px solid var(--hgw-tool-line); border-radius:6px; padding:12px; margin-top:7px; min-height:52px; font:600 18px/1.2 var(--hgw-font-interface); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-field:not(:where(.t01 *)):focus-within { border-color:var(--hgw-action); box-shadow:0 0 0 3px #006fa820; }
#soil-calculator:not(:where(.t01 *)) input:focus-visible { outline:0; }
#soil-calculator:not(:where(.t01 *)) :is(select,button,summary,a):focus-visible { outline:3px solid var(--hgw-action); outline-offset:3px; }
#soil-calculator:not(:where(.t01 *)) #soil-measure-help { font:400 14px/1.5 var(--hgw-font-interface); color:var(--tool-muted); margin:18px 0 12px; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-live-hint:not(:where(.t01 *)) { display:block; font:500 12px/1.4 var(--hgw-font-interface); color:var(--hgw-tool-muted); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-output:not(:where(.t01 *)) { padding:32px; background:var(--hgw-tool-ink); color:#fff; display:flex; flex-direction:column; justify-content:center; min-width:0; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-result:not(:where(.t01 *)) { padding:0; margin:0; min-height:0; border:0; border-radius:0; background:transparent; color:#fff; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-output-label:not(:where(.t01 *)) { display:block; font:500 14px/1.5 var(--hgw-font-interface); color:var(--hgw-tool-on-dark); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-result:not(:where(.t01 *)) .gm-soil-total:not(:where(.t01 *)) { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; margin:12px 0 24px; color:#fff; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-total:not(:where(.t01 *)) strong { font:550 76px/.95 var(--hgw-font-interface); letter-spacing:-.05em; color:#fff; overflow-wrap:anywhere; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-total:not(:where(.t01 *)) span { font:400 16px/1.4 var(--hgw-font-interface); color:var(--hgw-tool-on-dark); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-breakdown:not(:where(.t01 *)) { display:grid; grid-template-columns:1fr 1fr; gap:24px; border-top:1px solid #ffffff26; padding-top:20px; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-breakdown:not(:where(.t01 *)) strong { display:block; font:550 28px/1.2 var(--hgw-font-interface); letter-spacing:-.025em; font-variant-numeric:tabular-nums; color:var(--hgw-action-on-dark); overflow-wrap:anywhere; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-breakdown:not(:where(.t01 *)) span { display:block; margin-top:3px; font:400 14px/1.4 var(--hgw-font-interface); color:var(--hgw-tool-on-dark); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-copy:not(:where(.t01 *)) { display:flex; gap:9px; align-items:center; justify-content:center; width:100%; margin-top:24px; min-height:44px; padding:10px 14px; border:1px solid #ffffff36; border-radius:6px; background:#ffffff09; color:#fff; font:600 14px/1.4 var(--hgw-font-interface); text-decoration:none; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-copy:not(:where(.t01 *)):hover { background:#ffffff17; border-color:var(--hgw-action-on-dark); }
#soil-calculator:not(:where(.t01 *)) [hidden] { display:none!important; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-copy-status:not(:where(.t01 *)) { color:var(--hgw-action-on-dark); font:400 13px/1.4 var(--hgw-font-interface); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-copy-status:not(:where(.t01 *)):not(:empty) { margin-top:10px; }
#soil-calculator:not(:where(.t01 *)) .gm-soil-footnote:not(:where(.t01 *)) { padding:16px 32px; background:#fafafa; border-top:1px solid var(--tool-line); }
#soil-calculator:not(:where(.t01 *)) .gm-soil-footnote:not(:where(.t01 *))>p { color:var(--tool-muted); font:400 13px/1.5 var(--hgw-font-interface); margin:0 0 8px; }
#soil-calculator:not(:where(.t01 *)) .gm-disclosure { border:0; margin:0; padding:0; max-width:none; }
#soil-calculator:not(:where(.t01 *)) .gm-disclosure summary { color:var(--tool-ink); font:600 13px/1.5 var(--hgw-font-interface); padding:0; }
#soil-calculator:not(:where(.t01 *)) .gm-disclosure p { color:var(--tool-muted); font:400 14px/1.55 var(--hgw-font-interface); margin:12px 0 0; max-width:760px; }
@media(max-width:700px) {
 #soil-calculator:not(:where(.t01 *)) .gm-soil-workspace:not(:where(.t01 *)) { grid-template-columns:1fr; }
 #soil-calculator:not(:where(.t01 *)) .gm-soil-controls:not(:where(.t01 *)),#soil-calculator:not(:where(.t01 *)) .gm-soil-output:not(:where(.t01 *)) { padding:24px; }
 #soil-calculator:not(:where(.t01 *)) .gm-soil-heading:not(:where(.t01 *)) h5 { font-size:27px; }
 #soil-calculator:not(:where(.t01 *)) .gm-soil-total:not(:where(.t01 *)) strong { font-size:64px; }
 #soil-calculator:not(:where(.t01 *)) .gm-soil-footnote:not(:where(.t01 *)) { padding:16px 24px; }
 #soil-calculator:not(:where(.t01 *)) .gm-soil-heading:not(:where(.t01 *)) p { font-size:15px; }
}
@media print { #soil-calculator:not(:where(.t01 *)) .gm-soil-output:not(:where(.t01 *)) { background:#fff; color:#000; } #soil-calculator:not(:where(.t01 *)) .gm-soil-output:not(:where(.t01 *)) * { color:#000; } }

#soil-calculator:not(:where(.t01 *)) .gm-soil-total--compact:not(:where(.t01 *)) strong { font-size: 38px; }

/* Guide shortcuts share the calculator's neutral workspace and charcoal header. */
.gm-guide-library.gm-utility { padding:0; background:#fff; border:1px solid var(--hgw-tool-line); border-radius:12px; overflow:hidden; box-shadow:0 3px 14px rgb(35 36 44 / 3%); }
.gm-guide-library.gm-utility .gm-guide-library-heading { margin:0; padding:28px 32px; background:var(--hgw-tool-ink); color:#fff; }
.gm-guide-library.gm-utility h2 { color:#fff; font-size:26px; font-weight:650; letter-spacing:-.025em; }
.gm-guide-library.gm-utility .gm-guide-library-heading p { color:var(--hgw-tool-on-dark); font-size:15px; }
.gm-guide-library.gm-utility .gm-tool-shortcut { background:#30373b; border:1px solid #58646a; color:#fff; border-radius:6px; font-size:15px; }
.gm-guide-library.gm-utility .gm-tool-shortcut span { color:var(--hgw-action-on-dark); }
.gm-guide-library.gm-utility .gm-tool-shortcut:hover { background:#414c52; border-color:var(--hgw-action-on-dark); }
.gm-guide-library.gm-utility ul { padding:24px 32px; gap:10px; }
.gm-guide-library.gm-utility li a { color:var(--hgw-tool-ink); background:var(--hgw-tool-surface); border:1px solid var(--hgw-tool-line); border-radius:6px; font-size:15px; font-weight:600; min-height:68px; }
.gm-guide-library.gm-utility li a::after { color:var(--hgw-action); }
.gm-guide-library.gm-utility li a:hover { background:var(--hgw-action-tint); border-color:var(--hgw-action); }
.gm-guide-library.gm-utility .gm-guide-preview { background:#fff; border-color:var(--hgw-tool-line); color:var(--hgw-tool-muted); font-size:11px; border-radius:4px; }
.gm-guide-library.gm-utility a:focus-visible { outline:3px solid var(--hgw-action); outline-offset:3px; }
@media(max-width:700px) {
 .gm-guide-library.gm-utility .gm-guide-library-heading { padding:24px; }
 .gm-guide-library.gm-utility h2 { font-size:24px; }
 .gm-guide-library.gm-utility ul { padding:20px 24px; }
}
@media(max-width:480px) {
 .gm-guide-library.gm-utility ul { grid-template-columns:1fr; gap:8px; }
 .gm-guide-library.gm-utility li a { min-height:52px; padding:12px 34px 12px 14px; }
}

/* Contrast-aware focus on dark tool surfaces. */
.gm-guide-library.gm-utility .gm-tool-shortcut:focus-visible, #soil-calculator:not(:where(.t01 *)) .gm-soil-output:not(:where(.t01 *)) button:focus-visible { outline-color:var(--hgw-action-on-dark); }

/* Step 5 follows the document order; the photograph supports the complete planting method. */
.gm-article .gm-reading-section.gm-step5-planting { display:block; }
.gm-step5-planting > :is(p,ol) { max-width:780px; }
.gm-step5-planting ol { padding-left:1.4em; margin:20px 0; list-style:decimal; font-family:var(--hgw-font-reading); }
.gm-step5-planting li { padding-left:.35em; margin:0 0 14px; }
.gm-step5-planting li::marker { color:var(--hgw-action); font-family:var(--hgw-font-interface); font-weight:650; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step5-transplant { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,320px); align-items:start; gap:32px; width:100%; max-width:none; margin:16px 0 24px; }
.gm-step5-method { min-width:0; }
.gm-step5-method ol { margin-top:0; }
.gm-step5-method > p { margin-bottom:0; font:400 1.04rem/1.55 var(--hgw-font-reading); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section.gm-step5-planting .gm-step5-transplant > .gm-p13-planting-story { width:100%; max-width:320px; margin:0; grid-column:auto !important; grid-row:auto; }
.gm-step5-transplant .gm-p13-planting-story img { width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
.gm-step5-transplant .gm-p13-planting-story figcaption { font:400 14px/1.45 var(--hgw-font-interface); color:var(--hgw-ink-soft); padding:10px 0 0; }
@media(max-width:1040px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step5-transplant { grid-template-columns:1fr; gap:20px; }
}

/* Planting depth: one soil-level reference, with a subordinate tomato exception. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step5-planting > h4 { max-width:48rem; font:700 1rem/1.4 var(--hgw-font-interface); text-transform:none; letter-spacing:0; margin:24px 0 10px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step5-planting > h3 { margin-top:32px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step5-planting > h3 + h4 { margin-top:12px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step5-planting ol > li { font-size:1.04rem; line-height:1.55; margin-block:.45rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-planting-depth { width:100%; max-width:48rem; margin:24px 0; padding:20px 0; border-block:1px solid var(--hgw-rule); background:none; }
.gm-planting-depth__panels { display:grid; grid-template-columns:1.15fr 1fr; gap:28px; }
.gm-planting-depth h5 { font:700 .95rem/1.4 var(--hgw-font-interface); margin:0 0 6px; }
.gm-planting-depth svg { width:100%; height:180px; display:block; }
.gm-planting-depth__exception { border-left:1px solid var(--hgw-rule); padding-left:24px; }
.gm-article .gm-planting-depth p { font:400 .9rem/1.45 var(--hgw-font-interface); margin:8px 0 0; }
.gm-planting-depth__key { color:var(--hgw-ink-soft); display:flex; align-items:center; gap:8px; }
.gm-planting-depth__key span { width:25px; height:2px; background:var(--hgw-action); flex:none; }
@media(max-width:540px) {
 .gm-planting-depth__panels { grid-template-columns:1fr; gap:18px; }
 .gm-planting-depth svg { height:160px; }
 .gm-planting-depth__exception { border-left:0; border-top:1px solid var(--hgw-rule); padding:18px 0 0; }
}

/* Step 6: the soil check supports the reading sequence; harvest cues stay compact. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-reading-section.gm-step6-care { display:block; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step6-care > :is(p,ul,dl,details) { max-width:48rem; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step6-soil { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:32px; align-items:start; margin:0 0 24px; width:100%; max-width:none; }
.gm-step6-check-copy { min-width:0; }
.gm-step6-check-copy > p:first-child { margin-top:0; }
.gm-step6-check-copy > p:last-child { margin-bottom:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step6-check-copy :is(p,li) { font:400 1.04rem/1.55 var(--hgw-font-reading); }
.gm-step6-check-copy ul { margin:12px 0 20px; padding-left:1.25em; }
.gm-step6-check-copy li { margin:8px 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-moisture-check { width:100%; max-width:320px; margin:0; padding:0; background:none; }
.gm-moisture-check svg { display:block; width:100%; height:auto; }
.gm-moisture-check figcaption strong { color:var(--hgw-ink); }
.gm-step6-water-note { margin:24px 0; padding:14px 0; border-block:1px solid var(--hgw-rule); }
.gm-step6-water-note summary { cursor:pointer; font:600 1rem/1.5 var(--hgw-font-interface); }
.gm-step6-water-note summary::marker { color:var(--hgw-action); }
.gm-step6-water-note summary:focus-visible { outline:2px solid var(--hgw-action); outline-offset:5px; }
.gm-article .gm-step6-water-note p { margin:14px 0 0; font:400 1.04rem/1.55 var(--hgw-font-reading); }
.gm-harvest-cues { margin:20px 0 24px; }
.gm-harvest-cues > div { display:grid; grid-template-columns:150px minmax(0,1fr); gap:24px; padding:16px 0; border-top:1px solid var(--hgw-rule); }
.gm-harvest-cues > div:last-child { border-bottom:1px solid var(--hgw-rule); }
.gm-harvest-cues dt { font:650 1rem/1.45 var(--hgw-font-interface); color:var(--hgw-ink); }
.gm-harvest-cues dd { margin:0; font:400 1.04rem/1.55 var(--hgw-font-reading); }
@media(max-width:1040px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step6-soil { grid-template-columns:1fr; gap:20px; }
}
@media(max-width:540px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-moisture-check { max-width:300px; }
 .gm-harvest-cues > div { grid-template-columns:1fr; gap:5px; padding:14px 0; }
}

/* P13 .74: consistent reading figures, compact controls and natural chooser flow. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-botanical-diagram { background:none; border:0; border-block:1px solid var(--hgw-rule); border-radius:0; padding:16px 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-supported > .gm-botanical-diagram { padding:16px 0; }
.gm-section-panel h5 { margin:0 0 6px; min-height:38px; text-align:center; font:650 14px/1.4 var(--hgw-font-interface); color:var(--hgw-ink); }
.gm-step4-supported .gm-section-panel svg { height:155px; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy h4 { font:700 1rem/1.4 var(--hgw-font-interface); text-transform:none; letter-spacing:normal; }
.gm-garden-access-notes li::before { content:none; }
.gm-garden-note-number { position:absolute; left:0; top:0; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:var(--hgw-action-tint); color:var(--hgw-action-hover); font:650 13px/1 var(--hgw-font-interface); }
.gm-garden-access-layout { align-items:center; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy > .gm-disclosure { margin:24px 0; padding:14px 0; border-block:1px solid var(--hgw-rule); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy > .gm-disclosure summary { font:600 1rem/1.5 var(--hgw-font-interface); cursor:pointer; padding:0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy > .gm-disclosure summary::marker { color:var(--hgw-action); }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy > .gm-disclosure p { font:400 1.04rem/1.55 var(--hgw-font-reading); margin:14px 0 0; }
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-guide-preview { white-space:nowrap; background:#fff; border:1px solid var(--hgw-tool-line); border-radius:4px; color:var(--hgw-tool-muted); font:500 12px/16px var(--hgw-font-interface); padding:0 6px; }
.gm-guide-library.gm-utility .gm-guide-library-heading { padding:24px 32px; }
.gm-guide-library.gm-utility ul { padding:20px 32px; }
.gm-guide-library.gm-utility li a { display:grid; grid-template-rows:auto 18px; align-content:center; justify-items:start; row-gap:5px; min-height:80px; padding:12px 30px 12px 14px; }
.gm-guide-library.gm-utility .gm-guide-label { grid-row:1; }
.gm-guide-library.gm-utility .gm-guide-preview { grid-row:2; margin:0; padding:0 6px; }
.gm-crop-scroll { max-height:none; overflow:visible; scrollbar-gutter:auto; border:0; border-radius:0; background:none; }
.gm-crop-scroll .gm-p13-starter-table thead th { position:static; }
.gm-crop-scroll .gm-p13-starter-table tr[hidden] { display:none; }
.gm-crop-more { display:block; margin:16px 0; padding:11px 18px; border:1px solid var(--hgw-action); border-radius:6px; color:var(--hgw-action-hover); background:#fff; font:600 15px/1.4 var(--hgw-font-interface); cursor:pointer; }
.gm-crop-more[hidden] { display:none; }
.gm-crop-more:hover { background:var(--hgw-action-tint); }
.gm-crop-more:focus-visible,.gm-crop-scroll tr:focus-visible { outline:3px solid var(--hgw-action); outline-offset:4px; }
@media(max-width:700px) { .gm-guide-library.gm-utility .gm-guide-library-heading,.gm-guide-library.gm-utility ul { padding:20px 24px; } }
@media print { .gm-crop-scroll .gm-p13-starter-table tr[hidden] { display:table-row !important; } .gm-crop-more { display:none; } }

/* P13 .75: quiet editorial labels; restrained action contrast on the dark signup. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step5-planting li::marker { color:var(--hgw-clay); }

.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-root-space .gm-diagram-takeaway{ color:var(--hgw-ink); }

/* P13 .77: reader route first; compact supporting guides and unobstructed phone art. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-guide-library { margin-top:0; margin-bottom:32px; }
.gm-guide-library.gm-utility .gm-guide-library-heading { padding:18px 24px; gap:18px; }
.gm-guide-library.gm-utility h2 { font-size:22px; }
.gm-guide-library.gm-utility ul { padding:16px 24px; }
.gm-guide-library.gm-utility li a { display:flex; align-items:center; min-height:60px; padding:12px 30px 12px 14px; background:#edf7fc; border-color:#80b8d4; color:#00567f; }
.gm-guide-library.gm-utility li a:hover { background:#dceff9; border-color:#006fa8; }
.gm-garden-mobile-leaders { display:none; }
@media(min-width:1041px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] { --p13-copy-width:45rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step4-copy p,
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step5-planting :is(p,li),
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step6-care :is(p,dd) { font-size:1.1rem; }
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-step6-care > :is(p,ul,dl,details) { max-width:45rem; }
}
@media(max-width:700px) {
 .gm-guide-library.gm-utility .gm-guide-library-heading { padding:16px; }
 .gm-guide-library.gm-utility ul { padding:16px; grid-template-columns:1fr 1fr; gap:10px; }
 .gm-guide-library.gm-utility li a { min-height:78px; font-size:14px; padding:12px 32px 12px 10px; }
}
@media(max-width:540px) {
 .gm-garden-mobile-leaders { display:block; position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
 .gm-garden-mobile-leaders line { stroke:#366e84; stroke-width:1; vector-effect:non-scaling-stroke; }
 .gm-garden-mobile-leaders circle { fill:#00658e; }
 .gm-garden-marker { left:var(--mobile-left)!important; top:var(--mobile-top)!important; width:22px; height:22px; background:#fffdf8; color:#00567f; border:1px solid #6a9eb6; font-size:13px; box-shadow:none; }
}

/* Article navigation81 and sitewide planting announcement. */
.gm-announcement--81 {background:#15342b;color:#fffdf8;border:0;}
.gm-announcement--81 a {display:flex;justify-content:center;align-items:center;gap:22px;min-height:38px;padding:5px 20px;color:inherit;text-decoration:none;font:400 14px/1.4 var(--hgw-font-interface);box-sizing:border-box;}
.gm-announcement--81 strong {font-weight:600;border-left:1px solid #8d9b91;padding-left:22px;}
.gm-announcement--81 b {display:inline-block;margin-left:10px;font-size:18px;font-weight:400;}
.gm-announcement--81 a:hover strong {text-decoration:underline;text-underline-offset:4px;}
.gm-announcement--81 a:focus-visible {outline:2px solid #fff;outline-offset:-4px;}
/* Navigation82: owner-requested magazine colour and photographic blocks. */
.gm-p13-contents--81 h2 {font:500 31px/1.1 var(--hgw-font-display);letter-spacing:-.6px;text-transform:none;margin:0 0 24px;padding:0;border:0;color:inherit;}
.gm-p13-contents--81 h2::after {content:none;}
.gm-p13-index81 {display:flex;flex-direction:column;padding:32px 28px;background:#183e32;color:#fff8e8;}
.gm-p13-index81 h2 {max-width:220px;font-size:43px;line-height:1.04;margin-bottom:30px;}
.gm-p13-index81 ol {list-style:none;padding:0;margin:0;}
.gm-p13-index81 li {margin:0;padding:0;border:0;border-bottom:1px solid #577264;}
.gm-p13-index81 .gm-p13-steps a {display:flex;align-items:baseline;gap:15px;min-height:66px;padding:17px 0;color:#fff8e8;text-decoration:none;box-sizing:border-box;}
.gm-p13-index81 a em {flex:0 0 29px;font:400 24px/1.1 var(--hgw-font-display);color:#f1c570;}
.gm-p13-index81 a strong {font:500 17px/1.4 var(--hgw-font-interface);}
.gm-p13-index81 a:hover strong,.gm-p13-index81 a[aria-current="step"] strong {text-decoration:underline;text-decoration-color:#f1c570;text-underline-offset:5px;}
.gm-p13-contents--81 .gm-p13-calculator-link {display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;margin-top:auto;padding:22px 0 0;border:0;color:#f1c570;background:transparent;font:600 15px/1.4 var(--hgw-font-interface);text-decoration:none;}
.gm-p13-calculator-link span {font-size:24px;font-weight:400;}
.gm-p13-related81 ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0;}
.gm-p13-related81 li {padding:0;margin:0;min-width:0;display:flex;}
.gm-p13-related81 a {display:flex;flex-direction:column;width:100%;color:#243c32;background:#efbd59;text-decoration:none;overflow:hidden;}
.gm-p13-related81 li:nth-child(2) a {background:#e7e3cf;color:#183f32;}
.gm-p13-related81 li:nth-child(3) a {background:#cedac6;color:#243c32;}
.gm-p13-related81 li:nth-child(4) a {background:#284f61;color:#fff8ee;}
.gm-p13-related81 img {display:block;width:100%;height:166px;object-fit:cover;filter:none;margin:0;border:0;border-radius:0;}
.gm-p13-related81 a > span {display:flex;flex:1;flex-direction:column;align-items:flex-start;min-height:132px;padding:20px 24px;box-sizing:border-box;}
.gm-p13-related81 strong {font:500 28px/1.08 var(--hgw-font-display);letter-spacing:-.45px;max-width:290px;}
.gm-p13-related81 b {align-self:flex-end;font:400 26px/1 var(--hgw-font-interface);margin-top:auto;padding-top:12px;}
.gm-p13-related81 a:hover strong {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
.gm-p13-contents--81 a:focus-visible {outline:3px solid #006fa8;outline-offset:4px;}
.gm-p13-index81 a:focus-visible {outline-color:#f1c570;outline-offset:2px;}
@media(max-width:1000px) {
 .gm-p13-index81 {padding:30px;}
 .gm-p13-index81 h2 {max-width:none;font-size:38px;margin-bottom:18px;}
 .gm-p13-index81 ol {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;}
 .gm-p13-index81 .gm-p13-steps a {min-height:64px;}
 .gm-p13-contents--81 .gm-p13-calculator-link {max-width:260px;margin-top:10px;}
 .gm-p13-related81 img {height:190px;}
}
@media(max-width:600px) {
 .gm-announcement--81 a {gap:10px;min-height:40px;padding:7px 12px;font-size:12px;}
 .gm-announcement--81 strong {padding-left:10px;}
 .gm-announcement--81 b {margin-left:3px;font-size:15px;}
 .gm-p13-index81 {padding:26px 22px;}
 .gm-p13-index81 h2 {font-size:36px;}
 .gm-p13-index81 ol {display:block;}
 .gm-p13-index81 .gm-p13-steps a {min-height:60px;padding:15px 0;gap:12px;}
 .gm-p13-index81 a em {font-size:23px;flex-basis:27px;}
 .gm-p13-index81 a strong {font-size:16px;}
 .gm-p13-related81 h2 {font-size:29px;max-width:290px;margin-bottom:20px;}
 .gm-p13-related81 ul {gap:16px;}
 .gm-p13-related81 img {height:124px;}
 .gm-p13-related81 a > span {min-height:154px;padding:15px 14px;}
 .gm-p13-related81 strong {font-size:22px;line-height:1.12;letter-spacing:-.3px;}
}
@media print {.gm-announcement--81 {display:none!important;}}

/* Shared article headings v1: chapters, topics and smaller choices. */
:root {
 --hgw-chapter-surface:var(--hgw-ink);
 --hgw-chapter-text:var(--hgw-paper);
 --hgw-chapter-size:clamp(1.65rem,1.25rem + 1.25vw,2.4rem);
 --hgw-topic-size:clamp(1.4rem,1.15rem + .65vw,1.75rem);
}
.gm-article[data-hgw-guide] .gm-article-body .gm-reading-section > h2 {
 box-sizing:border-box; display:flex; align-items:center; gap:20px;
 width:100%; max-width:none; margin:0 0 22px; padding:22px 26px;
 background:var(--hgw-chapter-surface); color:var(--hgw-chapter-text);
 border:0; border-radius:2px; font:600 var(--hgw-chapter-size)/1.2 var(--hgw-font-display);
 letter-spacing:-.025em; text-transform:none; overflow-wrap:anywhere;
 break-after:avoid; scroll-margin-top:140px;
}
.gm-article[data-hgw-guide] .gm-article-body .gm-reading-section > h2::before,
.gm-article[data-hgw-guide] .gm-article-body .gm-reading-section > h2::after { content:none; }
.gm-article[data-hgw-guide] .gm-article-body .gm-reading-section h3 {
 box-sizing:border-box; width:100%; max-width:var(--p13-copy-width,var(--hgw-reading));
 margin:38px 0 16px; padding:0;
 border:0; border-radius:0;
 background:none; color:var(--hgw-ink);
 font:italic 450 clamp(1.65rem,1.3rem + .8vw,2rem)/1.17 var(--hgw-font-reading);
 letter-spacing:-.025em; text-transform:none; text-align:left; text-wrap:balance;
 overflow-wrap:anywhere; break-after:avoid;
}
.gm-article[data-hgw-guide] .gm-article-body .gm-reading-section h4 {
 display:flex; align-items:baseline; gap:10px; margin:26px 0 12px; padding:0;
 background:none; border:0; color:var(--hgw-ink);
 font:700 1.0625rem/1.4 var(--hgw-font-interface); letter-spacing:0; text-transform:none;
 break-after:avoid;
}
.gm-article[data-hgw-guide] .gm-article-body .gm-reading-section h4::before {
 content:""; display:block; flex:0 0 22px; width:22px; border-top:3px solid var(--hgw-clay);
 transform:translateY(-.28em);
}
/* Component headers remain compact; controls and their dark surfaces keep their own roles. */
.gm-article[data-hgw-guide] .gm-article-body .gm-visual-system > header h3 { margin-top:0; }
.gm-article[data-hgw-guide] .gm-article-body .gm-utility h3 {
 width:auto; max-width:none; margin:0 0 12px; padding:0; border:0;
 background:none; color:inherit; font:650 1.25rem/1.3 var(--hgw-font-interface);
}
@media(max-width:600px) {
 .gm-article[data-hgw-guide] .gm-article-body .gm-reading-section > h2 { gap:12px; padding:19px 17px; margin-bottom:18px; scroll-margin-top:120px; }
 .gm-article[data-hgw-guide] .gm-article-body .gm-reading-section h3 { padding:0; margin:30px 0 14px; }
 .gm-article[data-hgw-guide] .gm-article-body .gm-reading-section h4 { margin-top:22px; }
}
@media print {
 .gm-article[data-hgw-guide] .gm-article-body .gm-reading-section > h2 { background:none; color:#000; border-block:2px solid #000; padding:12px 0; }
 .gm-article[data-hgw-guide] .gm-article-body .gm-reading-section h3 { background:none; color:#000; border-color:#555; }
}

/* Magazine article option. P14 is its first composed candidate. */
:root {
 --hgw-editorial-ochre:#efbd59;
 --hgw-editorial-clay:#a8442d;
 --hgw-editorial-sage:#cedac6;
 --hgw-editorial-blue:#284f61;
 --hgw-editorial-on-light:#243c32;
 --hgw-editorial-on-dark:#fff8ee;
}
.gm-article.gm-article--magazine[data-hgw-guide] { --gm-reading:720px; }
.gm-article--magazine .gm-breadcrumbs { max-width:1200px; padding:24px 30px 18px; }
.gm-article.gm-article--magazine .gm-article-opening {
 grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:36px; align-items:center;
 width:calc(100% - 60px); max-width:1140px; margin:0 auto; padding:34px;
 background:var(--hgw-editorial-ochre); border:0;
}
.gm-article--magazine .gm-article-opening::before,
.gm-article--magazine .gm-article-opening__media::after { content:none; }
.gm-article.gm-article--magazine .gm-article-opening__copy { order:-1; padding:0; min-width:0; max-width:none; }
.gm-article.gm-article--magazine .gm-article-opening h1 {
 font-family:var(--hgw-font-display); font-size:clamp(2.5rem,4.4vw,4.3rem); font-weight:600;
 letter-spacing:-.045em; line-height:1.04; max-width:13ch; margin:18px 0 22px; color:var(--hgw-ink-deep);
}
.gm-article--magazine .gm-story-label { color:var(--hgw-ink); font-size:13px; letter-spacing:.1em; }
.gm-article--magazine .gm-story-label span:first-child { background:var(--hgw-ink); color:var(--hgw-paper); }
.gm-article.gm-article--magazine .gm-direct-answer { background:none; border:0; padding:0; margin:0; }
.gm-article.gm-article--magazine .gm-direct-answer p { font:400 19px/1.55 var(--hgw-font-reading); color:var(--hgw-ink-deep); max-width:43ch; margin:0; }
.gm-article--magazine .gm-byline { flex-wrap:wrap; color:var(--hgw-ink-deep); border:0; margin-top:24px; font-size:14px; }
.gm-article--magazine .gm-byline strong,.gm-article--magazine .gm-byline b { color:inherit; }
.gm-article.gm-article--magazine .gm-article-opening__media { background:none; min-height:0; height:auto; overflow:visible; box-shadow:none; margin:0; align-self:center; }
.gm-article--magazine .gm-article-opening__media picture { display:block; height:auto; }
.gm-article.gm-article--magazine .gm-article-opening__media img { position:static; width:100%; min-height:0; max-height:none; height:auto; aspect-ratio:6/5; object-fit:cover; object-position:50% 58%; filter:none; transform:none; }
.gm-article.gm-article--magazine .gm-article-opening__media figcaption { position:static; background:none; color:var(--hgw-ink-deep); padding:12px 0 0; font:400 15px/1.45 var(--hgw-font-interface); max-width:none; }
.gm-article--magazine .gm-guide-navigation { max-width:1140px; width:calc(100% - 60px); padding:0; margin:42px auto 60px; }
.gm-magazine-navigation { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr); gap:30px; }
.gm-magazine-navigation h2 { font:600 30px/1.15 var(--hgw-font-display); margin:0 0 22px; letter-spacing:-.025em; }
.gm-magazine-index { background:var(--hgw-ink); color:var(--hgw-paper); padding:28px; }
.gm-magazine-index h2 { color:inherit; }
.gm-magazine-navigation ul { list-style:none; padding:0; margin:0; }
.gm-magazine-index li + li { border-top:1px solid #60776e; }
.gm-magazine-index a { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:57px; padding:11px 0; color:var(--hgw-paper); text-decoration:none; font:600 17px/1.3 var(--hgw-font-interface); }
.gm-magazine-index a:hover { text-decoration:underline; text-underline-offset:4px; }
.gm-magazine-further h2 { color:var(--hgw-ink); }
.gm-magazine-further ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.gm-magazine-further li { display:flex; }
.gm-magazine-further a { display:flex; flex-direction:column; width:100%; background:var(--hgw-editorial-sage); color:var(--hgw-editorial-on-light); text-decoration:none; }
.gm-magazine-further li:nth-child(2) a { background:var(--hgw-editorial-clay); color:var(--hgw-editorial-on-dark); }
.gm-magazine-further li:nth-child(3) a { background:var(--hgw-editorial-ochre); }
.gm-magazine-further li:nth-child(4) a { background:var(--hgw-editorial-blue); color:var(--hgw-editorial-on-dark); }
.gm-magazine-further img { display:block; width:100%; height:142px; object-fit:cover; }
.gm-magazine-further strong { display:flex; gap:12px; justify-content:space-between; align-items:center; padding:17px 18px; font:600 23px/1.15 var(--hgw-font-display); letter-spacing:-.025em; min-height:100px; }
.gm-magazine-further a:hover strong { text-decoration:underline; text-underline-offset:4px; }
.gm-article.gm-article--magazine .gm-article-frame { max-width:1140px; width:calc(100% - 60px); padding:0; }
.gm-article.gm-article--magazine .gm-article-body { width:100%; max-width:none; padding:0; }
.gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section { display:block; grid-column:1/-1; width:100%; max-width:none; padding:0 0 58px; margin:0; border:0; }
.gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section > h2 { max-width:920px; margin:0 auto 27px; }
.gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section > p,
.gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section > ul { max-width:720px; margin:0 auto 23px; font:400 20px/1.65 var(--hgw-font-reading); color:var(--hgw-ink); }
.gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section > ul { padding-left:24px; }
.gm-article--magazine .gm-reading-section > ul li { margin:10px 0; }
.gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section h3 { max-width:720px; margin:28px auto 19px; }
.gm-article.gm-article--magazine .gm-media-placement { max-width:920px; margin:30px auto; padding:0; width:100%; }
.gm-article--magazine .gm-media-placement > span { display:none; }
.gm-article.gm-article--magazine .gm-media-placement figure { border:0; background:var(--hgw-editorial-sage); padding:0; margin:0; max-width:none; }
.gm-article.gm-article--magazine .gm-media-placement picture { display:block; height:auto; }
.gm-article.gm-article--magazine .gm-media-placement img { display:block; width:100%; height:auto; max-height:460px; aspect-ratio:2/1; object-fit:cover; filter:none; }
.gm-article.gm-article--magazine .gm-media-placement--comparison { max-width:720px; }
.gm-article.gm-article--magazine .gm-media-placement--comparison img { aspect-ratio:3/2; max-height:none; }
.gm-article.gm-article--magazine .gm-media-placement figcaption { color:var(--hgw-editorial-on-light); font:400 17px/1.5 var(--hgw-font-interface); padding:17px 22px; margin:0; }
.gm-article.gm-article--magazine .gm-reading-section > .gm-photo-comparison { width:100%; max-width:980px; margin-inline:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:32px auto; }
.gm-photo-comparison figure { margin:0; padding:0; min-width:0; background:var(--hgw-paper-warm); }
.gm-photo-comparison picture { display:block; }
.gm-photo-comparison img { width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; display:block; }
.gm-photo-comparison figcaption { padding:20px; }
.gm-photo-comparison figcaption strong { display:block; font:600 25px/1.15 var(--hgw-font-display); color:var(--hgw-ink); }
.gm-article--magazine .gm-photo-comparison figcaption p { font:400 17px/1.45 var(--hgw-font-interface); color:var(--hgw-ink); margin:12px 0 0; }
.gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter.gm-newsletter--inline { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:34px; max-width:980px; width:100%; margin:42px auto 0; padding:28px 32px; background:var(--hgw-editorial-sage); color:var(--hgw-editorial-on-light); border:0; box-shadow:none; }
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter::before,.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter::after { content:none; }
.gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter__copy > strong { font:600 30px/1.12 var(--hgw-font-display); color:var(--hgw-ink); margin:9px 0 12px; }
.gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter :where(p,label,small,.gm-kicker,.gmf-subscribe-note) { color:var(--hgw-editorial-on-light); font-size:15px; line-height:1.5; }
.gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter a { color:var(--hgw-ink); text-decoration:underline; }
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter__form { align-self:center; min-width:0; }
.gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter input { min-width:0; height:48px; background:var(--hgw-paper); color:var(--hgw-ink); border:1px solid var(--hgw-moss); border-radius:3px; font-size:16px; }
.gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter button { min-height:48px; background:var(--hgw-action); color:#fff; border:0; border-radius:3px; font-size:16px; padding:10px 18px; }
.gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter button:hover { background:var(--hgw-action-hover); }
.gm-article.gm-article--magazine .gm-related-reading { max-width:980px; width:100%; margin:48px auto 66px; }
.gm-article--magazine .gm-related-reading__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.gm-article.gm-article--magazine .gm-related-reading__grid a { display:block; background:var(--hgw-paper-warm); padding:0 0 24px; color:var(--hgw-ink); }
.gm-article.gm-article--magazine .gm-related-reading figure { display:block; width:100%; margin:0 0 22px; height:auto; aspect-ratio:auto; }
.gm-article--magazine .gm-related-reading picture { display:block; }
.gm-article.gm-article--magazine .gm-related-reading img { display:block; width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; }
.gm-article--magazine .gm-related-reading a > :is(span,strong,small) { display:block; margin:10px 24px 0; }
.gm-article--magazine .gm-related-reading a > strong { font:600 28px/1.15 var(--hgw-font-display); }
.gm-article--magazine .gm-related-reading a > small { font:400 17px/1.45 var(--hgw-font-interface); }
.gm-article--magazine :is(a,button,input,summary):focus-visible { outline:3px solid var(--hgw-action); outline-offset:4px; }
.gm-article--magazine .gm-magazine-index a:focus-visible { outline-color:var(--hgw-action-on-dark); }
@media(max-width:1000px) {
 .gm-article.gm-article--magazine .gm-article-opening { gap:26px; padding:26px; }
 .gm-article.gm-article--magazine .gm-article-opening h1 { font-size:48px; }
 .gm-magazine-navigation { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:22px; }
 .gm-magazine-index { padding:24px; }
 .gm-magazine-further strong { font-size:21px; padding:14px; min-height:110px; }
 .gm-magazine-further img { height:120px; }
 .gm-article.gm-article--magazine .gm-reading-section > .gm-photo-comparison { gap:16px; }
 .gm-photo-comparison figcaption { padding:16px; }
}
@media(max-width:800px) {
 .gm-article.gm-article--magazine .gm-article-opening { grid-template-columns:1fr; gap:26px; }
 .gm-article.gm-article--magazine .gm-article-opening h1 { font-size:54px; max-width:17ch; }
 .gm-article.gm-article--magazine .gm-direct-answer p { max-width:none; }
 .gm-article.gm-article--magazine .gm-article-opening__media img { aspect-ratio:2/1; }
 .gm-magazine-navigation { grid-template-columns:1fr; gap:32px; }
 .gm-magazine-index a { min-height:52px; }
 .gm-magazine-further img { height:180px; }
 .gm-magazine-further strong { font-size:26px; min-height:92px; }
 .gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter.gm-newsletter--inline { grid-template-columns:1fr; gap:18px; }
}
@media(max-width:600px) {
 .gm-article--magazine .gm-breadcrumbs { padding:19px 20px 15px; }
 .gm-article.gm-article--magazine .gm-article-opening { width:calc(100% - 32px); padding:24px 22px; gap:24px; }
 .gm-article.gm-article--magazine .gm-article-opening h1 { font-size:43px; max-width:13ch; margin:16px 0 22px; }
 .gm-article.gm-article--magazine .gm-direct-answer p { font-size:18px; line-height:1.5; }
 .gm-article.gm-article--magazine .gm-article-opening__media img { aspect-ratio:3/2; }
 .gm-article.gm-article--magazine .gm-article-opening__media figcaption { font-size:15px; }
 .gm-article--magazine .gm-guide-navigation { width:calc(100% - 32px); margin:30px auto 42px; }
 .gm-magazine-index { padding:24px; }
 .gm-magazine-index a { font-size:17px; min-height:57px; }
 .gm-magazine-further ul { gap:14px; }
 .gm-magazine-further img { height:125px; }
 .gm-magazine-further strong { font-size:22px; min-height:135px; padding:15px 12px; }
 .gm-article.gm-article--magazine .gm-article-frame { width:calc(100% - 36px); }
 .gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section { padding-bottom:40px; }
 .gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section > h2 { margin-bottom:22px; padding:21px 19px; font-size:28px; }
 .gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section > p,.gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section > ul { font-size:18px; line-height:1.62; margin-bottom:21px; }
 .gm-article.gm-article--magazine[data-hgw-guide] .gm-article-body .gm-reading-section h3 { margin-top:26px; }
 .gm-article.gm-article--magazine .gm-media-placement img { aspect-ratio:3/2; }
 .gm-article.gm-article--magazine .gm-media-placement figcaption { padding:16px 18px; font-size:16px; }
 .gm-article.gm-article--magazine .gm-reading-section > .gm-photo-comparison { grid-template-columns:1fr; gap:22px; margin:26px auto; }
 .gm-photo-comparison img { aspect-ratio:3/2; }
 .gm-photo-comparison figcaption { padding:20px; }
 .gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter.gm-newsletter--inline { padding:26px 22px; margin-top:26px; }
 .gm-article.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter__copy > strong { font-size:29px; }
 .gm-article--magazine .gm-related-reading__grid { grid-template-columns:1fr; gap:26px; }
 .gm-article.gm-article--magazine .gm-related-reading { margin:38px auto 42px; }
}

/* Keep provider wrappers proportional while retaining native form behavior. */
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter .gmf-subscribe { min-height:0; }
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter .formkit-fields { align-items:end !important; }
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter .formkit-input,
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter .formkit-submit { height:48px !important; min-height:48px !important; border-radius:3px !important; font-size:16px !important; }
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter .formkit-input { border:1px solid var(--hgw-moss) !important; }
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter .formkit-submit { padding:10px 18px !important; margin-bottom:0 !important; }
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter .formkit-submit > span { padding:0 !important; background:transparent !important; }
.gm-article--magazine:not(:where(.gm-article-system)) .gm-newsletter .formkit-submit:hover { background:var(--hgw-action-hover) !important; }

/* P14 interactive controls and botanical annotation primitives. Editorial layout is scoped in p14-editorial.css. */
.gm-leaf-check { background:#f0f2f2; border:1px solid #c8cdcd; border-radius:8px; padding:30px; margin:0 0 52px; color:#24282b; }
.gm-article.gm-article--magazine .gm-article-body > .gm-leaf-check { grid-column:1/-1; width:100%; max-width:none; margin:0 0 52px; scroll-margin-top:150px; }
.gm-article.gm-article--magazine[data-hgw-guide="why-plant-leaves-turn-yellow"] .gm-article-body > .gm-sources { grid-column:1/-1; width:100%; max-width:none; margin:24px 0 38px; }
.gm-leaf-check #leaf-check-title { scroll-margin-top:170px; }
.gm-leaf-check > header { display:grid; grid-template-columns:1fr 1fr; gap:0 36px; margin-bottom:25px; }
.gm-leaf-check .gm-kicker { color:#006fa8; font:700 12px/1.4 var(--hgw-font-interface); letter-spacing:.1em; }
.gm-leaf-check h2 { grid-column:1; margin:7px 0 0; font:750 30px/1.12 var(--hgw-font-interface); letter-spacing:-.025em; color:#24282b; }
.gm-leaf-check > header p { grid-column:2; grid-row:1/3; align-self:end; margin:0; font:400 17px/1.45 var(--hgw-font-interface); }
.gm-leaf-check__workspace { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.gm-leaf-check__inputs { display:flex; flex-direction:column; gap:9px; }
.gm-leaf-check__inputs > label { font:650 16px/1.35 var(--hgw-font-interface); }
.gm-leaf-check__inputs select { min-width:0; width:100%; height:48px; background:#fff; color:#24282b; border:1px solid #7c8587; border-radius:4px; padding:0 34px 0 12px; font:400 16px var(--hgw-font-interface); margin-bottom:12px; }
.gm-leaf-check__inputs .gm-leaf-check__urgent { display:flex; align-items:start; gap:10px; font-weight:400; }
.gm-leaf-check__urgent input { width:18px; height:18px; flex-shrink:0; margin:2px 0 0; accent-color:#006fa8; }
.gm-leaf-check__inputs button { align-self:flex-start; border:0; padding:8px 0; background:none; color:#005984; text-decoration:underline; text-underline-offset:3px; font:600 15px var(--hgw-font-interface); cursor:pointer; }
.gm-leaf-check__result { background:#fff; border-top:4px solid #006fa8; padding:25px; border-radius:3px; }
.gm-leaf-check__result > span { color:#596268; font:700 12px var(--hgw-font-interface); text-transform:uppercase; letter-spacing:.08em; }
.gm-leaf-check__result h3 { margin:13px 0; color:#24282b; font:750 27px/1.13 var(--hgw-font-interface); letter-spacing:-.025em; }
.gm-leaf-check__result p { font:400 18px/1.5 var(--hgw-font-interface); margin:0 0 20px; }
.gm-leaf-check__result a { color:#005984; font:700 17px/1.4 var(--hgw-font-interface); text-underline-offset:4px; }
.gm-leaf-check :focus-visible { outline:3px solid #006fa8; outline-offset:4px; }
.gm-leaf-check [hidden] { display:none; }
.gm-root-cutaway { position:relative; }
.gm-root-cutaway > img { display:block; width:100%; height:auto; }
.gm-root-marker { position:absolute; top:66%; width:28px; height:28px; border-radius:50%; background:#006fa8; color:#fff; border:2px solid #fff; display:grid; place-items:center; font:700 17px var(--hgw-font-interface); }
.gm-root-marker--one { left:49%; }
.gm-root-marker--two { left:79%; }
.gm-p14-root-explainer figcaption { padding:0; background:none; border:0; }
.gm-p14-root-explainer .gm-root-notes { padding:0; list-style:none; margin:22px 0 0; counter-reset:root-note; }
.gm-p14-root-explainer .gm-root-notes li { counter-increment:root-note; display:grid; grid-template-columns:28px 1fr; gap:12px; margin:0 0 20px; }
.gm-root-notes li::before { content:counter(root-note); color:#006fa8; font:700 22px var(--hgw-font-interface); }
.gm-root-notes strong { display:block; }

@media(max-width:700px) { .gm-leaf-check {padding:21px;} .gm-leaf-check > header,.gm-leaf-check__workspace {grid-template-columns:1fr;gap:20px;} .gm-leaf-check > header p {grid-column:auto;grid-row:auto;} .gm-leaf-check__result {padding:20px;} }

/* Shared publication palette: owner-directed .12 research correction. */

/* P15 revision 4: open magazine composition with a consistent ink-and-wash teaching family. */
.gm-article[data-hgw-guide="raised-bed-depth"] {--bed-reading:760px}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-article-frame {display:block}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-article-body {display:block;width:100%;max-width:1060px;margin:0 auto}
.gm-project-story {font:400 20px/1.58 var(--hgw-font-reading);color:var(--hgw-ink)}
.gm-project-story :is(p,li,dd) {font:inherit;color:inherit}
.gm-project-story p {margin:0 0 20px;max-width:none}
.gm-project-story .gm-project-section {display:block;margin:0 0 64px;padding:0;max-width:none}
.gm-project-story .gm-project-section>p {max-width:var(--bed-reading)}
.gm-article[data-hgw-guide="raised-bed-depth"] :is(.gm-project-section>h2,.gm-project-story h3,#soil-calculator:not(:where(.t01 *))) {scroll-margin-top:155px}
.gm-project-story figure {margin:0;max-width:none;min-width:0;grid-column:auto}
.gm-project-story figcaption {font:400 16px/1.48 var(--hgw-font-interface);color:var(--hgw-ink-soft);padding:12px 0 0;text-align:left;max-width:none}
.gm-bed-comparison {display:grid;grid-template-columns:1fr 1fr;column-gap:0;row-gap:24px;margin:34px 0}
.gm-bed-comparison figure {display:flex;flex-direction:column}
.gm-bed-art {position:relative;overflow:hidden;aspect-ratio:768/1024;isolation:isolate;background:var(--hgw-paper)}
.gm-bed-art img {display:block!important;width:200%!important;max-width:none!important;height:auto!important;mix-blend-mode:multiply}
.gm-bed-art--paving img {margin-left:-100%}
.gm-bed-comparison figcaption {font-size:18px;max-width:40ch;padding:12px 20px 0 0}
.gm-bed-comparison figcaption strong {display:block;color:var(--hgw-brand);font-weight:600;margin-bottom:5px}
.gm-bed-prep {display:grid;grid-template-columns:240px 1fr;gap:34px;padding-top:24px;border-top:1px solid var(--hgw-rule)}
.gm-project-story .gm-disclosure {max-width:760px;margin:14px 0 0;border:1px solid var(--hgw-rule);background:none}
.gm-project-story .gm-disclosure summary {font:600 17px/1.45 var(--hgw-font-interface);padding:17px 20px}
.gm-project-story .gm-disclosure p {padding:0 20px 18px;font:400 18px/1.55 var(--hgw-font-reading);margin:0}
.gm-bed-crops {display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:42px;align-items:start;margin:32px 0 48px}
.gm-project-depth-table {width:100%;border-collapse:collapse;margin:0;font:400 20px/1.45 var(--hgw-font-reading)}
.gm-project-depth-table caption {text-align:left;font:600 16px/1.4 var(--hgw-font-interface);color:var(--hgw-brand);padding:0 0 14px}
.gm-project-depth-table :is(th,td) {padding:21px 17px;text-align:left;border-bottom:1px solid var(--hgw-rule);font:inherit;vertical-align:middle;color:var(--hgw-ink)}
.gm-project-depth-table thead th {font:600 15px/1.4 var(--hgw-font-interface);background:none;border-top:1px solid var(--hgw-brand)}
.gm-project-depth-table tbody th {font-weight:400;width:58%}
.gm-project-depth-table td strong {font:500 28px/1.18 var(--hgw-font-reading);display:block;color:var(--hgw-brand)}
.gm-bed-crop-note {border:0;padding:0;margin-top:36px;font-size:18px}
.gm-bed-measure {display:block;margin:0 0 42px;padding:30px 0 0;border-top:1px solid var(--hgw-rule)}
.gm-bed-measure>div {max-width:760px}
.gm-bed-measure-figure {max-width:900px!important;margin:24px 0 0!important}
.gm-project-photo img {display:block;width:100%;height:auto;object-fit:cover}
.gm-bed-measure .gm-project-photo img {aspect-ratio:4/3;object-position:center}
.gm-project-story .gm-bed-example {font-size:18px}
.gm-bed-carrots {display:grid;grid-template-columns:230px 1fr;gap:32px;align-items:center}
.gm-bed-carrots img {aspect-ratio:1;object-fit:cover}
.gm-bed-carrots p {font-size:19px}
.gm-bed-reach-spread {display:block;margin:32px 0}
.gm-bed-reach-art {position:relative;isolation:isolate;background:var(--hgw-paper)}
.gm-bed-reach-art>img {display:block;width:100%;height:auto;mix-blend-mode:multiply}
.gm-bed-width-lines {position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gm-bed-width-lines path {fill:none;stroke:var(--hgw-brand);stroke-width:3}
.gm-bed-width-lines text {fill:var(--hgw-brand);font:500 32px var(--hgw-font-interface)}
.gm-bed-reach-notes {display:grid;grid-template-columns:1fr 1fr;gap:38px;padding-top:26px}
.gm-bed-reach-notes>div+div {padding:0;border:0}
.gm-bed-reach-notes p {font-size:19px}
.gm-bed-access {display:grid;grid-template-columns:1.35fr 1fr;gap:38px;align-items:start}
.gm-bed-access aside {border-left:1px solid var(--hgw-rule);padding:0 0 0 30px;font-size:18px}
.gm-bed-care {margin:0}
.gm-bed-care>div {display:block;padding:0 0 24px;border:0}
.gm-bed-care p:last-child,.gm-bed-access p:last-child,.gm-bed-carrots p:last-child {margin-bottom:0}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-app:not(:where(.t01 *)) {margin:30px 0;background:white;box-shadow:none}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-workspace:not(:where(.t01 *)) {grid-template-columns:1.1fr 1fr}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-heading:not(:where(.t01 *)) h3 {font:600 25px/1.2 var(--hgw-font-interface);margin:0 0 8px;color:inherit}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-app:not(:where(.t01 *)) :is(p,label,select,input,button) {font-family:var(--hgw-font-interface)}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-app:not(:where(.t01 *)) p {font-size:16px;line-height:1.45}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-app:not(:where(.t01 *)) .gm-soil-total:not(:where(.t01 *)) {font-size:44px;line-height:1.1}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-app:not(:where(.t01 *)) .gm-disclosure {border:0;margin:8px 0 0}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-app:not(:where(.t01 *)) .gm-disclosure summary {padding:6px 0}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-app:not(:where(.t01 *)) .gm-disclosure p {padding:8px 0 0}
.gm-bed-buy {margin:32px 0 0;padding:28px 0 0;border-top:1px solid var(--hgw-rule)}
.gm-bed-buy ul {list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 36px}
.gm-bed-buy li {font:400 18px/1.45 var(--hgw-font-interface);position:relative;padding-left:24px;margin:0}
.gm-bed-buy li:before {content:"";width:10px;height:10px;border:1.5px solid var(--hgw-brand-mid);position:absolute;left:0;top:6px}
.gm-bed-buy>p {margin-top:24px;max-width:none}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-sources {max-width:760px;margin:12px 0 38px}
.gm-bed-measure-art {position:relative;isolation:isolate;background:var(--hgw-paper)}
.gm-bed-measure-art img {display:block;width:100%;height:auto;mix-blend-mode:multiply}
.gm-bed-measure-art svg {position:absolute;inset:0;width:100%;height:100%}
.gm-bed-measure-art path {fill:none;stroke:var(--hgw-brand);stroke-width:2.5}
.gm-bed-measure-art text {fill:var(--hgw-brand);font:500 40px var(--hgw-font-reading)}
.gm-bed-measure-figure figcaption {max-width:45ch}
.gm-bed-water-spread {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:42px;margin-top:32px;align-items:start}
.gm-bed-water-spread .gm-project-photo img {aspect-ratio:1221/750;height:auto;object-fit:contain}
@media(max-width:1000px){
.gm-bed-crops {grid-template-columns:1fr}.gm-bed-crop-note {margin:0;font-size:19px}
.gm-bed-reach-spread {display:block}.gm-bed-reach-notes {grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}
.gm-bed-reach-notes>div+div {padding:0;border:0}
.gm-bed-prep,.gm-bed-care>div {grid-template-columns:200px 1fr;gap:24px}
.gm-bed-access,.gm-bed-measure {gap:26px;grid-template-columns:1fr 1fr}
.gm-article[data-hgw-guide="raised-bed-depth"] .gm-soil-workspace:not(:where(.t01 *)) {grid-template-columns:1fr}
}
@media(max-width:700px){
body:has(.gm-article[data-hgw-guide="raised-bed-depth"]) #grow-me-root {display:none!important}
.gm-project-story {font-size:19px;line-height:1.56}
.gm-project-story .gm-project-section {margin-bottom:46px}
.gm-bed-comparison {display:block;margin:25px 0 30px}
.gm-bed-comparison figure+figure {margin-top:30px}
.gm-bed-art {aspect-ratio:768/1024}
.gm-bed-art--paving {aspect-ratio:768/1024}

.gm-bed-comparison figcaption {font-size:17px;padding-top:10px}
.gm-bed-prep,.gm-bed-measure,.gm-bed-carrots,.gm-bed-access,.gm-bed-care>div,.gm-bed-water-spread {display:block}
.gm-bed-measure-figure,.gm-bed-water-spread .gm-project-photo {margin-bottom:28px!important}
.gm-bed-prep {padding-top:22px}.gm-bed-measure {padding:24px 0;margin:0 0 26px}
.gm-bed-measure .gm-project-photo {margin-bottom:26px}
.gm-bed-carrots .gm-project-photo {float:right;width:125px;margin:0 0 14px 18px}
.gm-bed-carrots:after {content:"";display:block;clear:both}
.gm-project-depth-table :is(th,td) {padding:17px 12px;font-size:18px}
.gm-project-depth-table td strong {font-size:24px}
.gm-bed-reach-spread {margin:24px 0}.gm-bed-width-lines {display:none}
.gm-bed-reach-notes {display:block}.gm-bed-reach-notes>div+div {margin-top:24px}
.gm-bed-reach-art {margin:0 -8px}
.gm-bed-access aside {margin-top:28px;padding-left:20px;font-size:18px}
.gm-bed-care>div {padding:22px 0}
.gm-bed-buy ul {grid-template-columns:1fr;gap:16px}
}


/* Shared publication palette. Documentary images and illustration colors are untouched. */
:root {
 --hgw-brand:#203e49; --hgw-brand-mid:#386171; --hgw-brand-pale:#e4ecee;
 --hgw-accent:#e7c46a; --hgw-accent-pale:#f1e8ce;
 --hgw-ink:#253337; --hgw-ink-deep:#172f38; --hgw-ink-soft:#53636a;
 --hgw-paper:#fcfaf5; --hgw-paper-warm:#f2eee4; --hgw-paper-deep:#e5e0d4;
 --hgw-rule:#cbd1d0; --hgw-clay:var(--hgw-brand-mid); --hgw-clay-pale:var(--hgw-brand-pale);
 --hgw-sage:var(--hgw-brand-mid); --hgw-sage-pale:var(--hgw-brand-pale);
 --hgw-moss:var(--hgw-brand-mid); --hgw-moss-ink:var(--hgw-brand);
 --hgw-ochre:var(--hgw-accent); --hgw-ochre-ink:#69521b; --hgw-ochre-pale:var(--hgw-accent-pale);
 --hgw-editorial:var(--hgw-brand-mid); --hgw-sunshine:var(--hgw-accent);
 --hgw-shadow:0 1rem 3rem rgb(20 35 42 / .08);
}
body::before {display:none;}
.gm-site-header {background:var(--hgw-paper);box-shadow:none;}
.gm-announcement--81 {background:var(--hgw-brand);color:var(--hgw-paper);}
.gm-announcement--81 strong {border-color:#75888e;color:var(--hgw-accent);}
.gm-announcement--81 a:focus-visible {outline-color:var(--hgw-accent);}
.gm-brand-lockup,.gm-nav a,.gm-brand {color:var(--hgw-ink-deep);}
.gm-brand-lockup i {color:var(--hgw-editorial);}
.gm-header-shell {min-height:72px;padding-top:12px;padding-bottom:12px;}
.gm-nav a span {color:var(--hgw-ink-soft);}
.gm-search {border-color:var(--hgw-rule);}
@media(min-width:1000px){.gm-header-shell {height:auto;}.gm-announcement--81 a {min-height:32px;padding-block:3px;}}
@media(max-width:700px){.gm-header-shell{min-height:62px;padding-block:8px;}}
body.home .hgw-recovery-hero{background:var(--hgw-accent-pale);color:var(--hgw-ink-deep)}
body.home .hgw-recovery-hero :is(h1,.gm-kicker,p,label,.hgw-recovery-hero__start){color:var(--hgw-ink-deep)}
body.home .hgw-recovery-lane{background:var(--hgw-paper);color:var(--hgw-ink);border-color:var(--hgw-rule);border-top-color:var(--hgw-editorial)}
body.home .hgw-recovery-lane p{color:var(--hgw-ink-soft)}
body.home :is(.hgw-recovery-library a b,.hgw-recovery-identity a){color:var(--hgw-action-hover)}
.gm-mobile-nav>summary{background:var(--hgw-ink-deep);color:white}

/* One editorial identity: dark orientation, quiet related cards, warm feature emphasis. */
.gm-p13-index81{background:var(--hgw-brand);color:var(--hgw-paper)}
.gm-p13-index81 .gm-p13-steps a{color:var(--hgw-paper)}
.gm-p13-index81 li{border-color:#75888e}
.gm-p13-index81 a em,.gm-p13-contents--81 .gm-p13-calculator-link{color:var(--hgw-accent)}
.gm-p13-index81 a:hover strong,.gm-p13-index81 a[aria-current="step"] strong{text-decoration-color:var(--hgw-accent)}
.gm-p13-related81 li:nth-child(n) a{background:var(--hgw-brand-pale);color:var(--hgw-brand)}
.gm-p13-related81 li:first-child a{background:var(--hgw-accent-pale);color:var(--hgw-brand)}
.gm-p13-related81 a:hover{box-shadow:inset 0 -4px var(--hgw-brand-mid)}

/* Keep inherited link and closing-card accents inside the publication palette. */
a{text-decoration-color:var(--hgw-brand-mid)}
.gm-related-reading a>span{color:var(--hgw-brand-mid)}
/* Final article pass: vary card value within the established palette. */
.gm-p13-related81 li:nth-child(3) a{background:var(--hgw-paper-deep);color:var(--hgw-brand)}
.gm-p13-related81 li:nth-child(4) a{background:var(--hgw-brand-mid);color:var(--hgw-paper)}
.gm-crop-scroll .gm-p13-starter-table thead th,.gm-p13-starter-table thead{background:var(--hgw-brand);color:var(--hgw-paper)}
.gm-p13-starter-table tbody th,.gm-crop-browser-meta{color:var(--hgw-brand)}
.gm-p13-starter-table tbody tr:nth-child(even){background:var(--hgw-paper-warm)}
.gm-p13-starter-table th small,.gm-article .gm-p13-crop-route .gm-crop-browser-note{color:var(--hgw-ink-soft)}

/* P13 reading composition: a stable prose measure and a consistent supporting column. */
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body {--p13-copy-width:680px;--p13-page-width:1120px;--p13-flow-gap:48px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body {display:block;width:100%;max-width:1120px;margin-inline:auto;padding:0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section {display:block;width:100%;max-width:none;margin:0 0 52px;padding:0;border:0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section>:is(p,ul,ol,details),.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-copy>:is(p,ul,ol,details) {width:100%;max-width:680px;margin:0 0 20px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section>:is(p,ul,ol),.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-copy>:is(p,ul,ol),.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-photo-passage>div,.gm-step4-ground>div,.gm-step4-supported,.gm-step4-setting>div:first-child,.gm-step5-method,.gm-step6-check-copy,.gm-care-spread>div)>:is(p,ul,ol) {font:400 20px/1.62 var(--hgw-font-reading);color:var(--hgw-ink);max-width:680px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section li {font-size:inherit;line-height:1.62;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section :is(ul,ol)>li {margin-bottom:10px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-photo-passage>div,.gm-step4-ground>div,.gm-step4-setting>div:first-child,.gm-step5-method,.gm-step6-check-copy,.gm-care-spread>div)>p {margin:0 0 20px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-photo-passage,.gm-step4-ground,.gm-step4-supported,.gm-step4-setting,.gm-step5-transplant,.gm-step6-soil,.gm-care-spread) {display:grid;grid-template-columns:minmax(0,680px) minmax(0,1fr);gap:0 var(--p13-flow-gap);align-items:start;width:100%;max-width:none;margin:32px 0;border:0;padding:0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-photo-passage,.gm-step4-ground,.gm-step4-setting,.gm-step5-transplant,.gm-step6-soil,.gm-care-spread)>div {min-width:0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-photo-passage,.gm-step4-ground,.gm-step4-setting,.gm-care-spread)>div>:is(h3,h4):first-child {margin-top:0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-editorial-photo,.gm-care-photo,.gm-step4-ground>figure,.gm-p13-planting-story,.gm-p13-site-observation) {float:none;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;background:none;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section.gm-step5-planting .gm-step5-transplant>.gm-p13-planting-story {max-width:none;width:100%;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-editorial-photo,.gm-care-photo,.gm-step4-ground>figure,.gm-p13-planting-story,.gm-p13-site-observation) img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-ground img {aspect-ratio:3/4;object-position:center 50%;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-photo-passage--containers img {aspect-ratio:4/5;object-fit:contain;max-height:420px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-copy {--step4-aside:320px;--step4-gap:var(--p13-flow-gap);}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-supported>.gm-botanical-diagram {grid-column:2;grid-row:1 / span 5;max-width:none;width:100%;margin:0;padding:0;border:0;background:none;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-setting-visuals>.gm-botanical-diagram {width:100%;max-width:none;margin:24px 0 0;padding:16px 0;border:0;border-top:1px solid var(--hgw-rule);background:none;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-setting-visuals>.gm-botanical-diagram svg {height:auto;margin:0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-setting-visuals .gm-diagram-takeaway {font:600 15px/1.4 var(--hgw-font-interface);margin:8px 0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-moisture-check {max-width:none;width:100%;margin:0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-planting-depth {max-width:680px;margin:26px 0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-copy>.gm-soil-calculator:not(:where(.t01 *)) {margin:26px 0 36px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-care-spread .gm-harvest-cues>div {grid-template-columns:130px minmax(0,1fr);gap:20px;padding:15px 0;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-care-spread .gm-harvest-cues dd {font:400 20px/1.55 var(--hgw-font-reading);}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-care-spread .gm-harvest-cues dt {font:700 16px/1.45 var(--hgw-font-interface);}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-crop-photographs {display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:680px;margin:26px 0 32px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-crop-photographs img {aspect-ratio:16/9;object-fit:cover;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-sources {max-width:680px;margin:28px 0;grid-column:1/-1;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section>h2+p {font:400 20px/1.62 var(--hgw-font-reading);max-width:680px;margin:0 0 24px;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-photo-passage--spot>figure {grid-column:2!important;grid-row:1;}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-p13-spot.gm-reading-section>p:first-of-type {max-width:680px;}
/* Contents stays substantial; related reading supports the start of the article. */
@media(max-width:1050px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section.gm-step5-planting .gm-step5-transplant>.gm-p13-planting-story {max-width:480px;margin:22px 0 28px;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body {max-width:720px;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-photo-passage,.gm-step4-ground,.gm-step4-supported,.gm-step4-setting,.gm-step5-transplant,.gm-step6-soil,.gm-care-spread) {display:block;margin-block:28px;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-photo-passage,.gm-step4-ground,.gm-step5-transplant,.gm-care-spread)>figure,.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step6-soil>.gm-moisture-check,.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-supported>.gm-botanical-diagram,.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-setting-visuals {max-width:480px;margin:22px 0 28px;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-ground img {aspect-ratio:4/3;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-photo-passage--containers img {max-height:340px;object-position:left center;}
}
@media(max-width:600px) {
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body {width:100%;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section {margin-bottom:38px;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section>h2+p {font-size:18px;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-reading-section>:is(p,ul,ol),.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-copy>:is(p,ul,ol),.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body :is(.gm-photo-passage>div,.gm-step4-ground>div,.gm-step4-supported,.gm-step4-setting>div:first-child,.gm-step5-method,.gm-step6-check-copy,.gm-care-spread>div)>:is(p,ul,ol),.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-care-spread .gm-harvest-cues dd {font-size:18px;}
 .gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-care-spread .gm-harvest-cues>div {grid-template-columns:1fr;gap:6px;}
}

/* Shared article components. Subject layouts may arrange these roles, never redefine their type. */
.gm-article.gm-article-system {
 --article-page:1120px; --article-reading:680px; --article-gap:48px;
 --article-body-size:20px; --article-h3:23px;
 --p13-copy-width:var(--article-reading); --p13-page-width:var(--article-page);
 --p13-flow-gap:var(--article-gap); --bed-reading:var(--article-reading);
 color:var(--hgw-ink); background:var(--hgw-paper); padding-top:0;
}
.gm-article.gm-article-system :is(.gm-breadcrumbs,.gm-article-opening,.gm-guide-navigation,.gm-article-frame) {width:calc(100% - 64px);max-width:var(--article-page);margin-inline:auto;}
.gm-article.gm-article-system .gm-breadcrumbs {padding:16px 0;margin-block:0 16px;font:400 13px/1.4 var(--hgw-font-interface);}
.gm-article.gm-article-system .gm-article-opening {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--article-gap);align-items:center;margin-block:0 32px;padding:0;border:0;background:none;box-shadow:none;min-height:0;}
.gm-article.gm-article-system .gm-article-opening::before,.gm-article.gm-article-system .gm-article-opening__media::after {content:none;}
.gm-article.gm-article-system .gm-article-opening__copy {padding:0;min-width:0;max-width:none;order:1;grid-row:auto;grid-column:auto;}
.gm-article.gm-article-system .gm-article-opening__media {display:block;position:static;min-width:0;min-height:0;height:auto;margin:0;align-self:center;overflow:visible;box-shadow:none;background:none;order:0;grid-row:auto;grid-column:auto;}
.gm-article.gm-article-system .gm-article-opening__media picture {display:block;height:auto;}
.gm-article.gm-article-system .gm-article-opening__media img {display:block;position:static;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:4/3;object-fit:cover;filter:none;transform:none;}
.gm-article.gm-article-system .gm-article-opening h1 {font:500 clamp(40px,4vw,58px)/1.06 var(--hgw-font-display);letter-spacing:-.035em;text-wrap:pretty;max-width:none;margin:16px 0 24px;color:var(--hgw-ink-deep);}
.gm-article.gm-article-system .gm-story-label {font:700 12px/1.4 var(--hgw-font-interface);color:var(--hgw-brand);}
.gm-article.gm-article-system .gm-direct-answer {padding:0;margin:0;border:0;background:none;}
.gm-article.gm-article-system .gm-direct-answer p {font:400 var(--article-body-size)/1.5 var(--hgw-font-reading);margin:0;max-width:var(--article-reading);color:var(--hgw-ink);}
.gm-article.gm-article-system .gm-byline {display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--hgw-rule);font:400 13px/1.4 var(--hgw-font-interface);color:var(--hgw-ink);}
.gm-article.gm-article-system .gm-byline :is(span,strong,b) {font-size:inherit;color:inherit;}
.gm-article.gm-article-system .gm-article-frame,.gm-article.gm-article-system .gm-article-body {display:block;padding:0;min-width:0;}
.gm-article.gm-article-system .gm-article-body {width:100%;max-width:var(--article-page);margin:0 auto;font:400 var(--article-body-size)/1.62 var(--hgw-font-reading);}
.gm-article.gm-article-system .gm-article-body :is(.gm-reading-section,.p14-section,.gm-project-section) {display:block;max-width:none;margin:0 0 64px;padding:0;border:0;}
.gm-article[data-hgw-guide][data-hgw-guide] .gm-article-body>h2,.gm-article[data-hgw-guide][data-hgw-guide] .gm-article-body :is(.gm-reading-section,.p14-section,.gm-project-section)>h2 {display:flex;align-items:baseline;gap:20px;max-width:none;background:none;box-shadow:none;color:var(--hgw-ink-deep);padding:18px 0 0;margin:36px 0 20px;border:0;border-top:1px solid var(--hgw-brand-mid);border-radius:0;font:600 clamp(27px,2.4vw,34px)/1.2 var(--hgw-font-display);letter-spacing:-.02em;text-align:left;text-wrap:pretty;}
.gm-article .gm-article-body :is(.gm-reading-section,.p14-section,.gm-project-section)>h2::before {content:none;display:block;flex:none;width:auto;height:auto;background:none;padding:0;margin:0;border:0;color:var(--hgw-brand-mid);font:500 clamp(34px,3.4vw,48px)/1.17 var(--hgw-font-display);}
/* Numbers belong to the six sequential vegetable-growing steps only. */
.gm-article.gm-article-system .gm-article-body .gm-reading-section>h2::before {content:counter(p13-step,decimal-leading-zero);}
.gm-article[data-hgw-guide][data-hgw-guide]:not(:where([data-hgw-template])) .gm-article-body>h3,.gm-article[data-hgw-guide][data-hgw-guide]:not(:where([data-hgw-template])) .gm-article-body :is(.gm-reading-section,.p14-story,.gm-project-story) h3:not(.gm-soil-heading:not(:where(.t01 *)) h3) {font:500 clamp(25px,2.2vw,29px)/1.22 var(--hgw-font-display);letter-spacing:-.02em;text-transform:none;text-align:left;text-wrap:pretty;color:var(--hgw-ink-deep);max-width:var(--article-reading,680px);padding:0;margin:34px 0 16px;border:0;box-shadow:none;background:none;}
.gm-article .gm-article-body :is(.gm-reading-section,.p14-story,.gm-project-story) h3::before,.gm-article.gm-article-system .gm-article-body h4::before {content:none;}
.gm-article.gm-article-system .gm-article-body :is(.gm-reading-section,.p14-story,.gm-project-story) h4 {font:700 18px/1.35 var(--hgw-font-interface);margin:32px 0 16px;color:var(--hgw-ink-deep);}
.gm-article.gm-article-system :is(.p14-story,.gm-project-story) {font:inherit;}
.gm-article.gm-article-system:not(:where([data-hgw-template])) .gm-article-body :is(.gm-reading-section,.p14-story,.gm-project-story) p:not(.gm-soil-app:not(:where(.t01 *)) p):not(.gm-botanical-diagram p):not(.gm-crop-browser-note):not(.gm-crop-browser-meta) {font:400 var(--article-body-size)/1.62 var(--hgw-font-reading);max-width:var(--article-reading);color:var(--hgw-ink);margin:0 0 24px;}
.gm-article.gm-article-system .gm-article-body .p14-section-deck {margin-left:0;}
.gm-article.gm-article-system figcaption {position:static;background:none;font:400 14px/1.5 var(--hgw-font-interface);color:var(--hgw-ink-soft);text-align:left;padding:0;margin:10px 0 0;max-width:var(--article-reading);}
.gm-article.gm-article-system .gm-guide-navigation {margin-block:32px 64px;}
.gm-article.gm-article-system .gm-magazine-navigation {display:grid;grid-template-columns:330px minmax(0,1fr);gap:32px;margin:0;padding:0;border:0;background:none;}
.gm-article.gm-article-system .gm-magazine-navigation h2 {font:500 28px/1.17 var(--hgw-font-display);letter-spacing:-.02em;max-width:none;padding:0;margin:0 0 16px;color:var(--hgw-brand);}
.gm-article.gm-article-system .gm-magazine-index {background:var(--hgw-brand);color:var(--hgw-paper);padding:24px;border:0;}
.gm-article.gm-article-system .gm-magazine-index h2 {color:var(--hgw-paper);}
.gm-article.gm-article-system .gm-magazine-index ul {display:block;list-style:none;counter-reset:contents;padding:0;margin:0;}
.gm-article.gm-article-system .gm-magazine-index li {border:0;border-top:1px solid #75888e;counter-increment:contents;margin:0;}
.gm-article.gm-article-system .gm-magazine-index a {display:flex;gap:12px;align-items:baseline;min-height:48px;padding:12px 0;color:var(--hgw-paper);font:600 16px/1.4 var(--hgw-font-interface);text-decoration:none;}
.gm-article.gm-article-system .gm-magazine-index a::before {content:none;}
.gm-article.gm-article-system .gm-magazine-index a span {margin-left:auto;color:var(--hgw-accent);}
.gm-article.gm-article-system .gm-magazine-index a:hover {text-decoration:underline;}
.gm-article.gm-article-system .gm-magazine-index .gm-p13-calculator-link {color:var(--hgw-accent);margin-top:8px;}
.gm-article.gm-article-system .gm-magazine-further ul {list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0;padding:0;}
.gm-article.gm-article-system .gm-magazine-further li {margin:0;min-width:0;}
.gm-article.gm-article-system .gm-magazine-further a {height:100%;display:block;padding:0;background:var(--hgw-brand-pale);color:var(--hgw-brand);text-decoration:none;}
.gm-article.gm-article-system .gm-magazine-further li:first-child a {background:var(--hgw-accent-pale);}
.gm-article.gm-article-system .gm-magazine-further li:nth-child(3) a {background:var(--hgw-paper-deep);}
.gm-article.gm-article-system .gm-magazine-further li:nth-child(4) a {background:var(--hgw-brand-mid);color:var(--hgw-paper);}
.gm-article.gm-article-system .gm-magazine-further img {width:100%;height:120px;object-fit:cover;display:block;}
.gm-article.gm-article-system .gm-magazine-further strong {display:block;min-height:108px;padding:16px 20px;font:500 25px/1.13 var(--hgw-font-display);color:inherit;}
.gm-article.gm-article-system .gm-magazine-further strong span {display:block;font:400 22px/1.2 var(--hgw-font-interface);color:inherit;margin-top:8px;}
/* Five reusable compositions: reading, support, comparison, photo passage and tool. */
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-article-body .gm-support > .gm-media-placement {margin:0;max-width:none;grid-column:auto!important;}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-media-placement figure {background:none;}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-media-placement img {aspect-ratio:1/1;object-fit:cover;}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-media-placement figcaption {padding:12px 0 0;font-size:16px;}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-table-wrap table {font:400 17px/1.5 var(--hgw-font-reading);}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-project-section:first-child table {min-width:0;width:100%;}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-project-section:first-child th:first-child {width:35%;}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-table-wrap :is(th,td) {padding:12px;}
.gm-article.gm-article-system .gm-reading {max-width:var(--article-reading);}
.gm-article.gm-article-system .gm-support {display:grid;grid-template-columns:minmax(0,var(--article-reading)) minmax(0,1fr);gap:var(--article-gap);align-items:start;}
.gm-article.gm-article-system .gm-comparison {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
.gm-article.gm-article-system .gm-figure--study {width:100%;max-width:400px;}
.gm-article.gm-article-system .gm-figure--reading {width:100%;max-width:var(--article-reading);}
.gm-article.gm-article-system .gm-figure--wide {width:100%;max-width:var(--article-page);}
.gm-article.gm-article-system .gm-bed-comparison>figure:first-child figcaption {padding-right:24px;}
.gm-article.gm-article-system .gm-bed-prep {display:block;border:0;padding:0;max-width:var(--article-reading);}
.gm-article.gm-article-system .gm-bed-water-spread {display:block;margin-top:32px;}
.gm-article.gm-article-system .gm-bed-water-spread>.gm-project-photo {float:right;width:calc(100% - var(--article-reading) - var(--article-gap));margin:0 0 24px 48px;}
.gm-article.gm-article-system .gm-bed-care {display:block;}
.gm-article.gm-article-system .gm-bed-water-spread::after {content:"";display:block;clear:both;}
.gm-article.gm-article-system .gm-bed-care>div {padding:0;}
.gm-article.gm-article-system :is(.p14-pattern-opening,.p14-soil-method,.p14-nutrition,.p14-recovery) {grid-template-columns:minmax(0,var(--article-reading)) minmax(0,1fr);gap:var(--article-gap);}
.gm-article.gm-article-system .p14-pattern-opening>figure {grid-column:2;grid-row:1;}
.gm-article.gm-article-system .p14-pattern-opening>div {grid-column:1;grid-row:1;}
.gm-article.gm-article-system .gm-sources {max-width:var(--article-reading);margin:32px 0;}
.gm-article.gm-article-system .gm-newsletter--inline {display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;width:100%;max-width:none;margin:32px 0 48px;padding:32px;background:var(--hgw-paper-warm);color:var(--hgw-ink);border:0;}
.gm-article.gm-article-system .gm-newsletter__copy strong {font:500 32px/1.17 var(--hgw-font-display);color:var(--hgw-ink-deep);}
.gm-article.gm-article-system .gm-newsletter--inline :is(p,label,.gmf-subscribe__consent) {font:400 16px/1.5 var(--hgw-font-interface);color:var(--hgw-ink);}
.gm-article.gm-article-system .gm-newsletter--inline .gm-kicker {color:var(--hgw-brand);}
.gm-article.gm-article-system .gm-newsletter__form {margin:0;min-width:0;}
.gm-article .gm-newsletter__form .gmf-subscribe {min-height:0;}
.gm-article.gm-article-system .gm-newsletter--inline a {color:var(--hgw-brand);text-decoration:underline;}
.gm-article.gm-article-system .gm-newsletter__form .formkit-input {border:1px solid var(--hgw-brand-mid)!important;font:400 16px/1.4 var(--hgw-font-interface)!important;}
.gm-article.gm-article-system .gm-newsletter__form .formkit-submit {font:700 16px/1.4 var(--hgw-font-interface)!important;}
.gm-article.gm-article-system .gm-newsletter--inline :is(a,input,button):focus-visible {outline:3px solid var(--hgw-brand-mid)!important;outline-offset:3px;}
.gm-article.gm-article-system .gm-newsletter__form .formkit-fields {display:flex!important;gap:8px!important;margin:0!important;align-items:end!important;}
.gm-article.gm-article-system .gm-newsletter__form .formkit-field {flex:1 1 auto!important;min-width:0!important;margin:0!important;}
.gm-article.gm-article-system .gm-newsletter__form :is(.formkit-input,.formkit-submit) {height:48px!important;min-height:48px!important;margin:0!important;border-radius:2px!important;}
.gm-article.gm-article-system .gm-newsletter__form .formkit-submit {flex:none!important;background:var(--hgw-brand)!important;color:var(--hgw-paper)!important;padding:10px 20px!important;border-color:var(--hgw-brand)!important;}
.gm-article.gm-article-system .gm-newsletter__form .formkit-submit>span {padding:0!important;background:none!important;color:inherit!important;}
.gm-article.gm-article-system .gm-related-reading {margin:0 0 48px;padding:0;background:none;}
.gm-article.gm-article-system .gm-related-reading__grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.gm-article.gm-article-system .gm-related-reading__grid>a {display:block;padding:0 0 16px;background:none;border:0;box-shadow:none;color:var(--hgw-ink);}
.gm-article.gm-article-system .gm-related-reading__grid figure {margin:0 0 16px;}
.gm-article.gm-article-system .gm-related-reading__grid img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.gm-article.gm-article-system .gm-related-reading__grid :is(strong,small,span) {display:block;padding:0;margin:8px 0;color:inherit;}
.gm-article.gm-article-system .gm-related-reading__grid strong {font:500 26px/1.17 var(--hgw-font-display);}
.gm-article.gm-article-system .gm-related-reading__grid small {font:400 16px/1.5 var(--hgw-font-interface);}
@media(max-width:1050px) {
 .gm-article.gm-article-system :is(.gm-breadcrumbs,.gm-article-opening,.gm-guide-navigation,.gm-article-frame) {width:calc(100% - 48px);max-width:720px;}
 .gm-article.gm-article-system .gm-article-opening {grid-template-columns:1fr;gap:24px;}
 .gm-article.gm-article-system .gm-article-opening__copy {grid-row:1;order:-1;}
 .gm-article.gm-article-system .gm-article-opening__media img {aspect-ratio:3/2;}
 .gm-article.gm-article-system .gm-magazine-navigation {grid-template-columns:1fr;gap:32px;}
 .gm-article.gm-article-system .gm-magazine-index ul {display:grid;grid-template-columns:1fr 1fr;column-gap:24px;}
 .gm-article.gm-article-system :is(.gm-support,.p14-pattern-opening,.p14-soil-method,.p14-nutrition,.p14-recovery,.p14-root-spread,.p14-damage-spread,.p14-context-copy) {display:block;}
 .gm-article.gm-article-system :is(.p14-pattern-opening,.p14-soil-method,.p14-nutrition,.p14-recovery,.p14-root-spread)>figure {max-width:480px;margin:24px 0;}
 .gm-article.gm-article-system .gm-bed-water-spread>.gm-project-photo {float:none;width:100%;max-width:480px;margin:0 0 32px;}
}
@media(max-width:600px) {
 .gm-article.gm-article-system {--article-body-size:18px;--article-h3:21px;--article-gap:24px;}
 .gm-article.gm-article-system :is(.gm-breadcrumbs,.gm-article-opening,.gm-guide-navigation,.gm-article-frame) {width:calc(100% - 32px);}
 .gm-article.gm-article-system .gm-article-opening h1 {font-size:40px;}
 .gm-article.gm-article-system .gm-magazine-index ul {display:block;}
 .gm-article.gm-article-system .gm-magazine-further ul {gap:16px;}
 .gm-article.gm-article-system .gm-magazine-further img {height:100px;}
 .gm-article.gm-article-system .gm-magazine-further strong {font-size:21px;padding:14px;min-height:128px;}
 .gm-article.gm-article-system .gm-article-body :is(.gm-reading-section,.p14-section,.gm-project-section) {margin-bottom:48px;}
 .gm-article .gm-article-body :is(.gm-reading-section,.p14-section,.gm-project-section)>h2 {gap:14px;}
 .gm-article.gm-article-system .gm-comparison {grid-template-columns:1fr;}
 .gm-article.gm-article-system .gm-newsletter--inline {grid-template-columns:1fr;padding:24px;gap:24px;}
 .gm-article.gm-article-system .gm-newsletter__form .formkit-fields {display:grid!important;grid-template-columns:1fr!important;}
 .gm-article.gm-article-system .gm-newsletter__form .formkit-submit {width:100%!important;}
}

/* Shared ink-and-wash teaching plates; captions carry the lesson at every size. */
.gm-article-system .gm-teaching-illustration img {display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:3/2;}
.gm-article-system .gm-moisture-check.gm-teaching-illustration img {aspect-ratio:4/3;}
.gm-article-system .gm-teaching-illustration {background:transparent;border:0;padding:0;}
.gm-illustration-halves {display:grid;grid-template-columns:1fr 1fr;gap:0;}
.gm-illustration-half {position:relative;overflow:hidden;aspect-ratio:3/4;}
.gm-article-system .gm-illustration-half img {width:200%;max-width:none;height:100%;object-fit:fill;}
.gm-illustration-half--right img {transform:translateX(-50%);}
.gm-article[data-hgw-guide="start-a-vegetable-garden"] .gm-article-body .gm-step4-supported>.gm-root-space {grid-column:1/-1;grid-row:auto;max-width:680px;width:100%;margin:24px 0;}
.gm-article-system .gm-garden-access.gm-teaching-illustration {max-width:850px;margin:28px 0;}
@media(max-width:600px){.gm-illustration-halves {grid-template-columns:1fr;gap:12px;}.gm-article-system .gm-garden-access.gm-teaching-illustration {margin:24px 0;}}

.gm-harvest-name {display:flex;align-items:center;gap:10px;}
.gm-harvest-name svg {width:32px;height:42px;flex:0 0 32px;}

/* Keep shared article chapter links clear of the sticky navigation. */
.gm-article-system .gm-project-section>h2 {scroll-margin-top:155px;}

/* Sunlight: continuous reading, a planting comparison, and compact crop guidance. */
.gm-sun-story p:empty {display:none;}
.gm-article.gm-article-system .gm-sun-story {max-width:100%;}
.gm-sun-intro {display:grid;grid-template-columns:minmax(0,680px) minmax(0,1fr);gap:48px;align-items:start;}
.gm-article.gm-article-system .gm-sun-photo {margin:0 0 24px;min-width:0;}
.gm-sun-photo img {display:block;width:100%;height:auto;object-fit:cover;}
.gm-sun-intro .gm-sun-photo img {aspect-ratio:3/2;}
.gm-sun-steps {max-width:680px;margin:0 0 24px;padding-left:26px;}
.gm-sun-steps li {margin:0 0 18px;padding-left:8px;}
.gm-article.gm-article-system .gm-sun-planting-plate {margin:32px 0 40px;max-width:1000px;}
.gm-article.gm-article-system .gm-sun-planting-plate figcaption {max-width:760px;}
.gm-sun-crop-list {max-width:760px;margin:32px 0;}
.gm-sun-crop {display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;margin-bottom:24px;}
.gm-sun-crop>.gm-legacy-anchor {position:absolute;}
.gm-sun-crop-icon {width:48px;height:56px;object-fit:contain;}
.gm-article.gm-article-system .gm-article-body .gm-sun-crop h3 {margin:0 0 14px;}
.gm-article.gm-article-system .gm-sun-fruit-photo {max-width:680px;margin:24px 0 32px;}
.gm-sun-fruit-photo img {aspect-ratio:2/1;object-position:center 45%;}
@media(max-width:1050px){.gm-sun-intro{grid-template-columns:1fr;gap:8px;}.gm-sun-intro .gm-sun-photo {max-width:480px;}.gm-sun-intro .gm-sun-photo img{aspect-ratio:3/2;}}
@media(max-width:600px){.gm-sun-crop{grid-template-columns:36px minmax(0,1fr);gap:14px;}.gm-sun-crop-icon{width:36px;height:44px;}}

/* Vegetable sunlight comparison: readable rows at every width. */
.gm-sun-story .gm-sun-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:28px 0;font-size:17px;line-height:1.5}
.gm-sun-table caption{text-align:left;font-weight:700;margin-bottom:12px}
.gm-sun-table th,.gm-sun-table td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid #cfd7d5}
.gm-sun-table thead{background:#203e49;color:#fff}
.gm-sun-table thead th:nth-child(1){width:29%}.gm-sun-table thead th:nth-child(2){width:21%}
.gm-sun-table tbody tr:nth-child(even){background:#f1eee5}
.gm-sun-table th img{width:36px;height:42px;object-fit:contain;float:left;margin:0 12px 4px 0}
.gm-sun-story .gm-sun-table-source{font-size:15px;line-height:1.6}
.gm-sun-closing{margin-top:32px}
@media(max-width:600px){.gm-sun-story .gm-sun-table{font-size:16px}.gm-sun-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.gm-sun-table tbody,.gm-sun-table tr,.gm-sun-table th,.gm-sun-table td{display:block;width:auto}.gm-sun-table tr{padding:16px 12px;border-bottom:1px solid #cfd7d5}.gm-sun-table th,.gm-sun-table td{border:0;padding:4px 0}.gm-sun-table th{min-height:42px;font-size:19px}.gm-sun-table td{clear:both}}

.gm-sun-table .gm-p13-crop-icon{display:block;width:36px;height:42px;float:left;margin:0 12px 4px 0}.gm-sun-table .gm-p13-crop-icon svg{width:36px;height:42px}

/* Article 4: contained crop comparison and illustrated light checks. */
.gm-sun-table-scroll {max-height:520px;overflow:auto;scrollbar-gutter:stable;border:1px solid #cfd7d5;margin:20px 0 24px;}
.gm-sun-table-scroll:focus-visible {outline:3px solid #0074a3;outline-offset:4px;}
.gm-sun-table-scroll .gm-sun-table {margin:0;border-collapse:separate;border-spacing:0;}
.gm-sun-table-scroll caption {padding:12px 16px;margin:0;}
.gm-sun-table-scroll thead th {position:sticky;top:0;z-index:1;background:#203e49;}
.gm-article.gm-article-system .gm-sun-story .gm-sun-scroll-hint {font-family:var(--gm-font-sans);font-size:14px;line-height:1.5;}
.gm-sun-climate,.gm-sun-photo-pair,.gm-sun-method-notes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:24px 0;}
.gm-sun-climate>div {border-left:3px solid #d5a849;padding-left:22px;}
.gm-sun-photo-pair .gm-sun-photo img {aspect-ratio:3/2;object-fit:cover;}
.gm-sun-photo-pair .gm-sun-photo:nth-child(2) img {object-position:50% 38%;}
.gm-sun-method {margin:24px 0;max-width:1000px;}
.gm-sun-method img {width:100%;height:auto;}
.gm-sun-method-notes {grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.gm-sun-method-notes h3 {font-size:23px;}
.gm-sun-method-notes p {font-size:18px;}
@media(max-width:760px){.gm-sun-climate,.gm-sun-photo-pair,.gm-sun-method-notes{grid-template-columns:1fr;gap:16px;}.gm-sun-table-scroll{max-height:480px;}.gm-sun-method-notes h3{margin-bottom:8px;}.gm-sun-method-notes p{margin-bottom:8px;}}
@media print{.gm-sun-table-scroll{max-height:none;overflow:visible;}.gm-sun-table-scroll thead th{position:static;}}

.gm-sun-scenes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
.gm-sun-scene {position:relative;overflow:hidden;aspect-ratio:512/740;}
.gm-article-system .gm-sun-method .gm-sun-scene img {position:absolute;top:-15%;width:300%;max-width:none;height:auto;}
.gm-sun-scene--0 img {left:0;}.gm-sun-scene--1 img {left:-100%;}.gm-sun-scene--2 img {left:-200%;}
@media(max-width:760px){.gm-sun-scenes{grid-template-columns:1fr;max-width:360px;margin:0 auto;}.gm-sun-scene{aspect-ratio:512/740;}}
.gm-article.gm-article-system #choosing-metal-coating-edges-and-bracing + .gm-support .gm-media-placement picture {display:block;aspect-ratio:4/3;overflow:hidden;}
.gm-article.gm-article-system #choosing-metal-coating-edges-and-bracing + .gm-support .gm-media-placement img {width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:bottom;transform:scale(2);transform-origin:center bottom;}
@media(max-width:900px){.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-article-body .gm-support > .gm-media-placement{max-width:400px;}}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-table-wrap th{font:600 16px/1.4 var(--hgw-font-interface);}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-table-wrap :is(th,td):first-child{overflow-wrap:normal;}
/* Article 5 uses the shared typography, botanical icon and related-card system. */
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-media-placement img { aspect-ratio:auto;height:auto;object-fit:contain; }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-table-wrap { border-radius:0;overflow:auto; }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] table th { background:#193b42;color:#fff; }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] table th:first-child { width:22%; }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] table td { font:400 17px/1.5 var(--hgw-font-interface); }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] table td:first-child { font-weight:600; }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] table td:nth-child(2) { background:#f2e6cb; }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] table td:nth-child(3) { background:#e4ece3; }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] #what-will-the-bed-really-cost ~ h3 + p {padding:24px;background:#f2e6cb;border-left:4px solid #bb8c37;font-family:var(--hgw-font-interface);}
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] #are-wood-and-metal-suitable-for-vegetables { padding-left:64px;min-height:64px;background:url('../images/p13-botanical/lettuce.svg') no-repeat left 18px/48px; }
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-article-end-cards {margin:48px 0;}
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-article-end-cards .gm-magazine-further {margin:0;}
@media(max-width:600px){
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-table-wrap :is(th,td) {padding:12px 10px;font-size:15px;}
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] table th:first-child {width:23%;}
}
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-guide-navigation .gm-magazine-navigation,
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-article-end-cards {grid-template-columns:1fr;}
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-magazine-index ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;}
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-table-wrap table {width:100%;}
@media(max-width:600px){.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-magazine-index ul{grid-template-columns:1fr;}}

/* Article 5: comparable material views and transparent explanatory art. */
.gm-material-pair {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.gm-material-pair>div {position:relative;min-width:0;}
.gm-material-pair>div>span {position:absolute;z-index:1;left:16px;top:16px;background:#203e49;color:#fff;padding:7px 14px;font:600 16px/1.4 var(--hgw-font-interface);}
.gm-article-system .gm-material-pair picture,.gm-article-system .gm-material-pair img {display:block;width:100%;height:440px;object-fit:cover;}
.gm-material-pair>div:first-child img {object-position:center 65%;}
.gm-material-pair>div:last-child img {object-position:center bottom;}
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-media-placement--illustration {max-width:960px;}
.gm-article[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-media-placement--illustration figure {background:transparent;}
@media(max-width:600px){.gm-material-pair{gap:10px;}.gm-article-system .gm-material-pair picture,.gm-article-system .gm-material-pair img{height:260px;}.gm-material-pair>div>span{left:8px;top:8px;padding:5px 10px;font-size:14px;}}

/* Preserve the complete explanatory plate, including every annotation. */
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-media-placement--illustration picture {display:block;height:auto;max-height:none;overflow:visible;aspect-ratio:auto;}
.gm-article.gm-article-system[data-hgw-guide="wood-vs-metal-raised-garden-beds"] .gm-media-placement--illustration img {display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none;}

/* Apply the established reading frame to the remaining launch guides. */
.gm-article-system:is([data-hgw-guide="when-to-plant-vegetables"],[data-hgw-guide="hardiness-zone-vs-frost-date"],[data-hgw-guide="start-seeds-indoors-or-direct-sow"],[data-hgw-guide="best-vegetables-for-containers"],[data-hgw-guide="identify-control-aphids"]) .gm-reading-section>h2::before {content:none;display:none;}
.gm-article-system .gm-guide-navigation .gm-magazine-navigation:not(:has(.gm-magazine-further)) {display:block;}
.gm-article-system .gm-guide-navigation .gm-magazine-navigation:not(:has(.gm-magazine-further)) .gm-magazine-index ul {display:grid;grid-template-columns:1fr 1fr;gap:0 28px;}
.gm-article-system:is([data-hgw-guide="when-to-plant-vegetables"],[data-hgw-guide="hardiness-zone-vs-frost-date"],[data-hgw-guide="start-seeds-indoors-or-direct-sow"],[data-hgw-guide="best-vegetables-for-containers"],[data-hgw-guide="identify-control-aphids"]) .gm-table-wrap {max-width:100%;overflow-x:auto;}
.gm-article-system:is([data-hgw-guide="when-to-plant-vegetables"],[data-hgw-guide="hardiness-zone-vs-frost-date"],[data-hgw-guide="start-seeds-indoors-or-direct-sow"],[data-hgw-guide="best-vegetables-for-containers"],[data-hgw-guide="identify-control-aphids"]) .gm-table-wrap :is(td,th) {font:400 16px/1.5 var(--hgw-font-interface);padding:16px;}
.gm-legacy-anchor {scroll-margin-top:140px;}
@media(max-width:600px){.gm-article-system .gm-guide-navigation .gm-magazine-navigation:not(:has(.gm-magazine-further)) .gm-magazine-index ul {grid-template-columns:1fr;}}

/* Supporting drawings retain the entire annotation area. */
.gm-article.gm-article-system .gm-media-placement--illustration picture {display:block;height:auto;max-height:none;overflow:visible;aspect-ratio:auto}
.gm-article.gm-article-system .gm-media-placement--illustration img {display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;transform:none}
.gm-article.gm-article-system .gm-media-placement--illustration figure {background:transparent;}

/* Structured article components; shared system task only. */
.gm-article-system [data-hgw-article-system] [data-hgw-component="editorial-section"] > h2::before { content: none; display: none; }
.gm-article-system [data-hgw-article-system] .gm-support > div { min-width: 0px; }
.gm-article-system [data-hgw-article-system] .gm-editorial-photo { margin: 0px 0px 24px; }
.gm-article-system [data-hgw-article-system] .gm-editorial-photo img { display: block; width: 100%; height: auto; }
.gm-article-system [data-hgw-article-system] .gm-comparison img { aspect-ratio: 3 / 2; object-fit: cover; }
.gm-article-system [data-hgw-article-system] .gm-table-wrap { max-width: 100%; overflow-x: auto; }
.gm-article-system [data-hgw-article-system] .gm-table-wrap:focus-visible { outline: 3px solid var(--hgw-brand); outline-offset: 3px; }
.gm-article-system [data-hgw-article-system] :is(th, td) { font: 400 16px/1.5 var(--hgw-font-interface); padding: 16px; }
.gm-article-system [data-hgw-article-system] caption { text-align: left; font: 600 18px/1.5 var(--hgw-font-interface); padding-bottom: 12px; }
.gm-article-system .hgw-article-note { border-block: 1px solid var(--hgw-rule); padding: 24px 0px; margin: 24px 0px; max-width: var(--article-reading); }
.gm-article-system .hgw-article-steps { padding-left: 1.5em; }
.gm-article-system .hgw-article-steps li { padding-left: 0.3em; margin-bottom: 16px; }
.gm-article-system .hgw-article-video { margin: 32px 0px; }
.gm-article-system .hgw-article-video video { display: block; width: 100%; height: auto; }
.gm-article.gm-article-system[data-hgw-guide] .gm-article-body [data-hgw-article-system] .gm-reading-section > [data-hgw-component] { width: 100%; max-width: none; margin-inline: 0px; }
.gm-article.gm-article-system[data-hgw-guide] .gm-article-body [data-hgw-article-system] .gm-reading-section > :is([data-hgw-component="prose"], [data-hgw-component="section-introduction"], [data-hgw-component="note"], [data-hgw-component="quick-answer"]) { max-width: var(--article-reading); }
.gm-article.gm-article-system[data-hgw-guide] [data-hgw-article-system] .gm-support > .gm-media-placement { width: 100%; min-width: 0px; max-width: none; margin: 0px; grid-row: auto; grid-column: auto !important; }

/* Simple structured tables wrap within the phone reading column. */
.gm-article-system [data-hgw-article-system] .gm-table-wrap table {width:100%;min-width:0;table-layout:fixed;}
.gm-article-system [data-hgw-article-system] .gm-table-wrap :is(th,td) {white-space:normal;overflow-wrap:anywhere;}

/* Structured magazine system: shared compositions; legacy articles are untouched. */
.gm-article.gm-article-system[data-hgw-template] {--article-reading:660px;--hgw-template-section-gap:60px;}
.gm-article.gm-article-system[data-hgw-template] :is(.gm-breadcrumbs,.gm-article-opening,.gm-guide-navigation,.gm-article-frame) {max-width:1120px;}
.gm-article.gm-article-system[data-hgw-template] .gm-breadcrumbs {margin-block:24px;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-opening {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;margin-bottom:36px;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-opening__copy {grid-column:1;grid-row:1;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-opening__media {grid-column:2;grid-row:1;margin:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-opening h1 {font:500 clamp(38px,4.1vw,60px)/1.03 var(--hgw-font-display);letter-spacing:-.035em;margin:18px 0 24px;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-opening .gm-direct-answer {padding:0;margin:0;background:transparent;border:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-opening .gm-direct-answer p {font:400 20px/1.55 var(--hgw-font-reading);}
.gm-article.gm-article-system[data-hgw-template] .gm-article-opening__media img {width:100%;height:440px;object-fit:cover;aspect-ratio:auto;}
.gm-article.gm-article-system[data-hgw-template] .gm-story-label {font:650 11px/1.4 var(--hgw-font-interface);letter-spacing:.14em;text-transform:uppercase;}
.gm-article.gm-article-system[data-hgw-template] .gm-story-label span {background:none;color:var(--hgw-ink);padding:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-story-label span+span {border-left:1px solid var(--hgw-rule);padding-left:12px;margin-left:12px;}
.gm-article.gm-article-system[data-hgw-template] .gm-byline {margin-top:24px;padding-top:16px;font:400 12px/1.5 var(--hgw-font-interface);}
.gm-article.gm-article-system[data-hgw-template] .gm-guide-navigation {margin-block:0 48px;border-block:1px solid var(--hgw-rule);padding-block:22px;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-navigation {display:grid;grid-template-columns:1fr 1.65fr;gap:40px;background:transparent;align-items:start;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-index {background:transparent;color:var(--hgw-ink);padding:0;border:0;}
.gm-article.gm-article-system[data-hgw-template] :is(.gm-magazine-index,.gm-magazine-further)>h2 {font:600 12px/1.5 var(--hgw-font-interface);letter-spacing:.09em;text-transform:uppercase;margin:0 0 14px;padding:0;border:0;color:var(--hgw-ink);}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-index ul {margin:0;padding:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-index li {border:0;margin:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-index a {font:500 14px/1.5 var(--hgw-font-interface);color:var(--hgw-ink);padding:6px 0;min-height:32px;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-index a span {color:var(--hgw-brand-mid);}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-further {border:0;padding:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-further ul {display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-further li a {display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;background:none;padding:0;border:0;min-height:56px;color:var(--hgw-ink);}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-further li img {width:56px;height:56px;object-fit:cover;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-further li strong {font:500 16px/1.2 var(--hgw-font-display);background:none;padding:0;color:var(--hgw-ink);min-height:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-magazine-further li strong span {display:inline;font-size:14px;margin-left:4px;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-reading-section {margin:0;padding:0 0 0!important;border:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-reading-section+.gm-reading-section {margin-top:64px;padding-top:28px!important;border-top:1px solid var(--hgw-rule);}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-reading-section>h2 {display:block;font:500 clamp(29px,3vw,40px)/1.12 var(--hgw-font-display);letter-spacing:-.025em;margin:0 0 24px;padding:0;max-width:850px;border:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-reading-section>h2::before {content:none;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-numbered-sections="true"] {counter-reset:chapters;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-numbered-sections="true"] .gm-reading-section>h2::before {counter-increment:chapters;content:counter(chapters,decimal-leading-zero);display:inline-block;font:500 20px/1 var(--hgw-font-display);margin-right:18px;color:var(--hgw-brand-mid);}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] :is(p,.hgw-article-list,.hgw-article-steps) {font:400 19px/1.65 var(--hgw-font-reading);margin:0 0 22px;max-width:var(--article-reading);}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] :is(ul,ol)>li {font:inherit;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-subsection {max-width:none;margin:32px 0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] h3 {font:500 26px/1.22 var(--hgw-font-display);letter-spacing:-.015em;margin:0 0 16px;padding:0;color:var(--hgw-ink);}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] h4 {font:650 15px/1.4 var(--hgw-font-interface);margin:0 0 14px;padding:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] h4::before {content:none;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-support {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:start;margin:26px 0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-support>div {width:auto;max-width:none;grid-column:auto;grid-row:auto;margin:0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-support img {width:100%;height:auto;max-height:420px;object-fit:contain;aspect-ratio:auto;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-media-placement {margin:26px 0;background:transparent;}
.gm-article.gm-article-system[data-hgw-template] :is(.gm-editorial-photo,.gm-evidence-figure) {margin:0;background:transparent;}
.gm-article.gm-article-system[data-hgw-template] figcaption {font:400 13px/1.5 var(--hgw-font-interface);color:var(--hgw-ink);background:none;padding:10px 0 0;border:0;max-width:65ch;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-media-placement--illustration {max-width:640px;margin:22px 0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-media-placement--illustration img {width:100%;height:auto;object-fit:contain;aspect-ratio:auto;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-illustrated-explanation {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;margin:28px 0;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-illustrated-explanation .gm-media-placement {margin:0;max-width:none;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-comparison {display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0;}
.gm-article.gm-article-system[data-hgw-template] .gm-comparison>div {padding:0;border:0;background:transparent;}
.gm-article.gm-article-system[data-hgw-template] .gm-comparison figure {margin:0 0 20px;}
.gm-article.gm-article-system[data-hgw-template] .gm-comparison img {aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-comparison p {font-size:18px;}
.gm-article.gm-article-system[data-hgw-template] .hgw-article-note {border:0;border-left:2px solid var(--hgw-brand-mid);padding:0 0 0 18px;margin:24px 0;max-width:660px;}
.gm-article.gm-article-system[data-hgw-template] .hgw-article-note p {margin:6px 0 0;}
.gm-article.gm-article-system[data-hgw-template] .hgw-article-steps {padding-left:24px;}
.gm-article.gm-article-system[data-hgw-template] .hgw-article-steps li {padding-left:6px;margin-bottom:16px;}
.gm-article.gm-article-system[data-hgw-template] .hgw-article-list {padding-left:24px;}
.gm-article.gm-article-system[data-hgw-template] .hgw-article-list li {margin-bottom:12px;}
.gm-article.gm-article-system[data-hgw-template] .gm-table-wrap {margin:28px 0;}
.gm-article.gm-article-system[data-hgw-template] .gm-table-wrap :is(th,td) {background:transparent;padding:18px 16px;font:400 15px/1.5 var(--hgw-font-interface);color:var(--hgw-ink);border-bottom:1px solid var(--hgw-rule);}
.gm-article.gm-article-system[data-hgw-template] .gm-table-wrap thead th {background:var(--hgw-paper-warm);font-weight:650;}
.gm-article.gm-article-system[data-hgw-template] .gm-table-wrap tbody th {font-weight:650;}
.gm-article.gm-article-system[data-hgw-template] .gm-table-wrap caption {font:600 13px/1.5 var(--hgw-font-interface);padding:0 0 12px;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-reference {margin:28px 0;border-block:1px solid var(--hgw-rule);}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference>header {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 8px;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-reference>header h3 {font:500 24px/1.2 var(--hgw-font-display);margin:0;}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference button {font:600 13px/1.4 var(--hgw-font-interface);padding:10px 14px;background:transparent;border:1px solid var(--hgw-rule);border-radius:0;white-space:nowrap;color:var(--hgw-ink);cursor:pointer;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-reference-hint {font:400 13px/1.5 var(--hgw-font-interface);margin:0 0 12px;}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport[data-scrollable="true"] {max-height:460px;overflow-y:auto;overscroll-behavior-y:auto;scrollbar-gutter:stable;padding-right:14px;}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport[data-expanded="true"] {max-height:none;overflow:visible;}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport ul {list-style:none;padding:0;margin:0;max-width:none;}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport li {display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--hgw-rule);margin:0;}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport li>div {flex:1;min-width:0;display:grid;grid-template-columns:minmax(140px,.65fr) minmax(0,1.5fr);column-gap:24px;align-items:baseline;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-reference-viewport h3 {font:500 22px/1.25 var(--hgw-font-display);grid-column:1;margin:0;}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference-detail {font:600 12px/1.5 var(--hgw-font-interface);grid-column:1;color:var(--hgw-brand-mid);margin-top:6px;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-reference-viewport p {grid-column:2;grid-row:1/3;font:400 16px/1.55 var(--hgw-font-interface);margin:0;}
.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport .hgw-botanical-icon {width:48px;height:56px;object-fit:contain;flex:none;}
.gm-article.gm-article-system[data-hgw-template] :is(button,a,summary,[tabindex="0"]):focus-visible {outline:2px solid var(--hgw-brand-mid);outline-offset:4px;}
.gm-article.gm-article-system[data-hgw-template] :is(h2,h3,h4,#article-contents) {scroll-margin-top:140px;}
.gm-article.gm-article-system[data-hgw-template] .gm-sources {margin:36px 0;padding:0;max-width:660px;}
.gm-article.gm-article-system[data-hgw-template] .gm-newsletter--inline {margin:40px 0;padding:28px 0;border-block:1px solid var(--hgw-rule);background:transparent;gap:32px;}
.gm-article.gm-article-system[data-hgw-template] .gm-newsletter__copy strong {font:500 26px/1.2 var(--hgw-font-display);}
.gm-article.gm-article-system[data-hgw-template] .gm-newsletter__copy p {font:400 15px/1.5 var(--hgw-font-interface);margin:12px 0;}
.hgw-preview-subscribe {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;}
.hgw-preview-subscribe label,.hgw-preview-subscribe p {grid-column:1/-1;margin:0;}
.hgw-preview-subscribe input {width:100%;min-width:0;box-sizing:border-box;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="brief"] :is(.gm-breadcrumbs,.gm-article-opening,.gm-guide-navigation,.gm-article-frame) {max-width:900px;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="brief"] .gm-article-opening {display:block;max-width:900px;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="brief"] .gm-article-opening__copy {max-width:760px;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="brief"] .gm-article-opening h1 {font-size:clamp(36px,4vw,52px);max-width:720px;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="brief"] .gm-guide-navigation {padding-block:12px;margin-bottom:30px;}
.gm-article.gm-article-system[data-hgw-template] .hgw-brief-navigation {font:500 14px/1.5 var(--hgw-font-interface);}
.gm-article.gm-article-system[data-hgw-template] .hgw-brief-navigation summary {cursor:pointer;padding:4px 0;}
.gm-article.gm-article-system[data-hgw-template] .hgw-brief-navigation>div {display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:16px;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="brief"] .gm-article-body [data-hgw-article-system] .gm-reading-section>h2 {font-size:28px;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="brief"] .gm-newsletter--inline {grid-template-columns:1fr;max-width:660px;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="feature"] .gm-article-opening {grid-template-columns:1fr;gap:28px;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="feature"] .gm-article-opening__copy {max-width:900px;grid-column:1;grid-row:1;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="feature"] .gm-article-opening__media {grid-column:1;grid-row:2;}
.gm-article.gm-article-system[data-hgw-template][data-hgw-layout="feature"] .gm-article-opening__media img {height:auto;aspect-ratio:2.4/1;object-fit:cover;}
@media(max-width:800px){
 .gm-article.gm-article-system[data-hgw-template] .gm-article-opening {gap:24px;grid-template-columns:1fr;}
 .gm-article.gm-article-system[data-hgw-template] .gm-article-opening__media {grid-column:1;grid-row:2;}
 .gm-article.gm-article-system[data-hgw-template] .gm-article-opening__media img {height:auto;aspect-ratio:3/2;}
 .gm-article.gm-article-system[data-hgw-template] .gm-magazine-navigation {grid-template-columns:1fr;gap:26px;}
 .gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-support {grid-template-columns:1fr;gap:22px;}
 .gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-illustrated-explanation {grid-template-columns:1fr;gap:16px;}
 .gm-article.gm-article-system[data-hgw-template] .gm-newsletter--inline {grid-template-columns:1fr;}
}
@media(max-width:600px){
 .gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] :is(p,.hgw-article-list,.hgw-article-steps) {font-size:18px;line-height:1.6;}
 .gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-reading-section+.gm-reading-section {margin-top:40px;}
 .gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-comparison {grid-template-columns:1fr;gap:28px;}
 .gm-article.gm-article-system[data-hgw-template] .gm-magazine-further ul {grid-template-columns:1fr;}
 .gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport li>div {display:block;}
 .gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-reference-viewport p {margin-top:8px;font-size:15px;}
 .gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport[data-scrollable="true"] {max-height:430px;}
 .gm-article.gm-article-system[data-hgw-template] .hgw-reference>header {align-items:start;gap:12px;}
 .gm-article.gm-article-system[data-hgw-template] .hgw-reference button {white-space:normal;}
 .gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport .hgw-botanical-icon {width:36px;height:44px;}
 .gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport li {gap:12px;}
 .gm-article.gm-article-system[data-hgw-template] .hgw-brief-navigation>div,.hgw-preview-subscribe {grid-template-columns:1fr;}
 .gm-article.gm-article-system[data-hgw-template] .gm-table-wrap :is(th,td) {font-size:13px;padding:12px 8px;}
}
@media print{.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport[data-scrollable="true"] {max-height:none;overflow:visible;}.gm-article.gm-article-system[data-hgw-template] .hgw-reference button {display:none;}}

.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport li:not(:has(.hgw-botanical-icon)) {padding-left:66px;}
@media(max-width:600px){.gm-article.gm-article-system[data-hgw-template] .hgw-reference-viewport li:not(:has(.hgw-botanical-icon)) {padding-left:48px;}}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-illustrated-explanation>.gm-media-placement {grid-column:auto!important;grid-row:auto;width:100%;min-width:0;}
.gm-article.gm-article-system[data-hgw-template] figcaption {font-size:14px;}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .hgw-reference .hgw-reference-hint {font:400 13px/1.5 var(--hgw-font-interface);}
.gm-article.gm-article-system[data-hgw-template] .gm-article-body [data-hgw-article-system] .gm-reading-section>.gm-media-placement--illustration {max-width:640px;}