/* Page-specific layout from the finished Astro pages. Scoped to imported content. */

.jg-content-page--about {

	.jg-x-story,
	.jg-x-ottawa {
		row-gap: 32px;
	}

	.jg-x-story__text > .jg-link {
		margin-top: 16px;
	}

	.jg-x-story__firm-title {
		margin-bottom: 8px;
	}

	/* Room for “Saskatchewan office” on one line. */
	.jg-x-story__firm .jg-spec > p {
		grid-template-columns: minmax(0, 11em) minmax(0, 1fr);
	}

	/* The Parliament photograph is 650px wide and never upscaled. */
	.jg-x-ottawa__photo img {
		width: 100%;
		max-width: 650px;
	}

	.jg-x-ottawa__text p {
		color: var(--jg-on-ink-2);
	}

	.jg-x-write {
		margin-top: 24px;
	}

	@media (min-width: 900px) {
		/* Two classes: scoped styles add no specificity, and .jg-grid > * would win. */
		.jg-x-story > .jg-x-story__text {
			grid-column: 4 / span 5;
		}

		.jg-x-story > .jg-x-story__firm {
			grid-column: 9 / -1;
		}

		.jg-x-ottawa > .jg-x-ottawa__photo {
			grid-column: 4 / span 4;
		}

		.jg-x-ottawa > .jg-x-ottawa__text {
			grid-column: 8 / -1;
		}

		.jg-x-write > .jg-x-write__link {
			grid-column: 4 / -1;
		}
	}

}

.jg-content-page--contact {

	.jg-x-message {
		row-gap: 40px;
	}

	.jg-x-note + .jg-x-note {
		margin-top: 20px;
		padding-top: 16px;
		border-top: 1px solid var(--jg-rule);
	}

	.jg-x-note .jg-label {
		margin-bottom: 4px;
	}

	.jg-x-note p {
		color: var(--jg-ink-2);
		font-size: var(--jg-text-small);
		line-height: 1.55;
	}

	.jg-x-social .jg-link + .jg-link {
		margin-top: 4px;
	}

	.jg-x-fax > div {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
		padding: 3px 0;
		color: var(--jg-ink-2);
		font-size: var(--jg-text-small);
		line-height: 1.55;
	}

	.jg-x-fax dd {
		color: var(--jg-ink);
		font-variant-numeric: tabular-nums lining-nums;
		white-space: nowrap;
	}

	@media (min-width: 600px) {
		/* Two classes: scoped styles add no specificity, and .jg-grid > * would win. */
		.jg-x-message > .jg-x-message__form {
			grid-column: 1 / span 5;
		}

		.jg-x-message > .jg-x-message__aside {
			grid-column: 6 / -1;
		}
	}

	@media (min-width: 900px) {
		.jg-x-message > .jg-x-message__form {
			grid-column: 4 / span 6;
		}

		.jg-x-message > .jg-x-message__aside {
			grid-column: 10 / -1;
		}
	}

}

.jg-content-page--fuel {

	.jg-x-parts {
		display: none;
	}

	.jg-x-apply > .jg-x-form {
		grid-column: 1 / -1;
	}

	@media (min-width: 900px) {
		.jg-x-apply > .jg-x-parts {
			position: sticky;
			top: calc(var(--jg-header-h) + 24px);
			display: block;
			grid-column: 1 / span 3;
			align-self: start;
		}

		.jg-x-apply > .jg-x-form {
			grid-column: 4 / -1;
		}
	}

	@media (min-width: 1200px) {
		.jg-x-apply > .jg-x-form {
			grid-column: 4 / span 6;
		}
	}

	.jg-x-parts ol {
		margin-top: 8px;
		border-top: 1px solid var(--jg-rule);
	}

	.jg-x-parts a {
		display: flex;
		align-items: baseline;
		gap: 12px;
		min-height: 44px;
		padding-top: 10px;
		border-bottom: 1px solid var(--jg-rule);
		color: var(--jg-ink);
		font-family: var(--jg-serif);
		font-size: 1.25rem;
		font-weight: 500;
		line-height: 1.2;
		text-decoration: none;
	}

	.jg-x-parts a:hover {
		color: var(--jg-navy);
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.16em;
	}

	.jg-x-parts__n {
		min-width: 1ch;
		color: var(--jg-navy);
		font-variant-numeric: tabular-nums lining-nums;
	}

	.jg-x-received {
		margin-top: 32px;
	}

	@media (min-width: 900px) {
		.jg-x-received {
			margin-top: 64px;
		}
	}

	.jg-x-received h2:focus {
		outline: none;
	}

	.jg-x-received h2:focus-visible {
		outline: 2px solid var(--jg-navy);
		outline-offset: 3px;
	}

	/* Once the application is sent the ledger replaces the form, so the desk line would repeat it. */
	.jg-x-fuel:has(#bulk-fuel-form[hidden] .jg-x-desk) {
		display: none;
	}

	.jg-x-fuel:has(#bulk-fuel-form[hidden] .jg-x-apply) {
		display: none;
	}

}

.jg-content-page--johnstons-daily-email {

	/* Front page: the latest edition, then the five before it in ruled rows. */
	.jg-x-front {
		row-gap: 32px;
		margin-top: 32px;
	}

	.jg-x-lead .jg-lead-story__title {
		margin-top: 12px;
	}

	/* A one-line headline is shorter than a 44px target; inline padding grows the link, not the line. */
	.jg-x-lead .jg-lead-story__title a {
		padding-block: 4px;
	}

	.jg-x-lead__date {
		margin-top: 12px;
	}

	.jg-x-earlier ol {
		margin-top: 12px;
		border-top: 1px solid var(--jg-ink);
	}

	.jg-x-earlier li {
		position: relative;
		display: grid;
		grid-template-columns: 4.25rem minmax(0, 1fr);
		gap: 12px;
		align-items: baseline;
		padding: 14px 0 16px;
		border-bottom: 1px solid var(--jg-rule);
	}

	.jg-x-earlier h3 {
		font-family: var(--jg-serif);
		font-size: var(--jg-text-h4);
		font-weight: 500;
		line-height: 1.22;
		letter-spacing: -0.006em;
		text-wrap: balance;
	}

	.jg-x-earlier a {
		text-decoration: none;
	}

	/* The headline link covers its row, so the target is the whole ruled row. */
	.jg-x-earlier a::after {
		content: '';
		position: absolute;
		inset: 0;
	}

	.jg-x-earlier li:hover a {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.14em;
	}

	@media (min-width: 900px) {
		.jg-x-front {
			margin-top: 48px;
		}

		.jg-x-front > .jg-x-lead {
			grid-column: 1 / span 7;
			padding: 0 16px 0 0;
		}

		.jg-x-front > .jg-x-earlier {
			position: relative;
			grid-column: 8 / -1;
		}

		.jg-x-earlier::before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: calc(var(--jg-gutter) / -2);
			width: 1px;
			background: var(--jg-rule);
		}
	}

	/* What's in it: two ruled columns from 900px, four from 1200px. */
	.jg-x-contents {
		display: grid;
		gap: 0 var(--jg-gutter);
	}

	.jg-x-contents > .jg-content-row {
		padding: 16px 0 20px;
		border-top: 1px solid var(--jg-rule);
	}

	.jg-x-contents p {
		max-width: 34em;
		margin-top: 8px;
		color: var(--jg-ink-2);
	}

	.jg-x-worth {
		max-width: 34em;
		margin-top: 16px;
		font-family: var(--jg-serif);
		font-size: var(--jg-text-h4);
		line-height: 1.35;
		text-wrap: pretty;
	}

	@media (min-width: 900px) {
		.jg-grid > .jg-x-contents,
		.jg-grid > .jg-x-worth {
			grid-column: 4 / -1;
		}

		.jg-x-contents {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.jg-x-worth {
			margin-top: 32px;
		}
	}

	@media (min-width: 1200px) {
		.jg-x-contents {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
	}

	.jg-x-or {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0 12px;
		margin-top: 8px;
		color: var(--jg-ink-2);
		font-size: var(--jg-text-small);
	}

	@media (min-width: 900px) {
		.jg-x-or {
			padding-left: calc((100% - 11 * var(--jg-gutter)) / 12 * 7 + 7 * var(--jg-gutter));
		}
	}

	/* The past edition, set as a sheet: its own masthead, dateline and text. */
	.jg-x-edition {
		padding-top: 20px;
		border-top: 1px solid var(--jg-ink);
	}

	@media (min-width: 900px) {
		.jg-grid > .jg-x-edition {
			grid-column: 4 / -1;
		}
	}

	.jg-x-edition__head {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 4px 24px;
		padding-bottom: 12px;
		border-bottom: 1px solid var(--jg-rule);
	}

	.jg-x-edition__mast {
		margin-right: auto;
		font-family: var(--jg-serif);
		font-size: 1.75rem;
		font-weight: 500;
		line-height: 1.05;
		letter-spacing: -0.02em;
	}

	.jg-x-edition__mast em {
		font-style: italic;
		font-weight: 400;
	}

	.jg-x-edition__desk {
		flex-basis: 100%;
		color: var(--jg-ink-3);
		font-size: var(--jg-text-meta);
		font-weight: 500;
		line-height: 1.45;
	}

	.jg-x-edition__desk a {
		color: var(--jg-navy);
		font-variant-numeric: tabular-nums lining-nums;
		white-space: nowrap;
	}

	.jg-x-edition__text {
		max-width: 66ch;
		margin-top: 24px;
		font-size: var(--jg-text-body);
		line-height: 1.6;
		overflow-wrap: break-word;
	}

	.jg-x-edition__text h3 {
		margin: 32px 0 8px;
		padding-top: 12px;
		border-top: 1px solid var(--jg-rule);
		font-family: var(--jg-serif);
		font-size: var(--jg-text-h4);
		font-weight: 500;
		line-height: 1.25;
		break-after: avoid;
	}

	.jg-x-edition__text h3:first-child {
		margin-top: 0;
	}

	.jg-x-edition__text p + p {
		margin-top: 8px;
	}

	.jg-x-edition__text strong {
		font-weight: 600;
	}

	.jg-x-edition__text a {
		color: var(--jg-navy);
		font-weight: 600;
	}

	.jg-x-edition__more {
		margin-top: 24px;
		border-top: 1px solid var(--jg-ink);
		border-bottom: 1px solid var(--jg-ink);
	}

	.jg-x-edition__more summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		min-height: 56px;
		color: var(--jg-navy);
		font-weight: 600;
		list-style: none;
		cursor: pointer;
	}

	.jg-x-edition__more summary::-webkit-details-marker {
		display: none;
	}

	.jg-x-edition__more summary span {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.22em;
	}

	.jg-x-edition__more summary:hover span {
		text-decoration-thickness: 2px;
	}

	.jg-x-edition__more summary svg {
		transition: transform var(--jg-base) var(--jg-ease);
	}

	.jg-x-edition__more[open] summary svg {
		transform: rotate(180deg);
	}

	.jg-x-edition__cols {
		max-width: none;
		margin: 8px 0 32px;
	}

	@media (min-width: 900px) {
		.jg-x-edition__cols {
			columns: 2;
			column-gap: calc(var(--jg-gutter) * 2);
			column-rule: 1px solid var(--jg-rule);
		}

		.jg-x-edition__cols h3 {
			break-inside: avoid;
		}

		.jg-x-edition__cols p {
			break-inside: avoid;
		}
	}

}

.jg-content-page--regenerative {

	.jg-x-intro-actions { margin-top: 24px; }
	.jg-section .jg-breadcrumb a { min-width: 44px; }
	.jg-x-prose { max-width: 66ch; margin-top: 32px; }
	.jg-x-prose p + p { margin-top: 20px; }
	.jg-x-prose h3 { margin-bottom: 20px; }
	.jg-x-prose p + h3 { margin-top: 40px; }
	.jg-x-prose--ink { color: var(--jg-on-ink-2); }
	.jg-x-prose--ink h3 { color: var(--jg-on-ink); }
	.jg-x-program, .jg-x-phases { margin-top: 40px; }
	.jg-x-phases .jg-phases > .jg-phase { padding-block: 24px; }
	.jg-x-phases .jg-phases p {
		display: block;
		max-width: 66ch;
		margin-top: 12px;
		font-size: var(--jg-text-body);
		line-height: 1.6;
	}
	.jg-x-phases .jg-program__name { font-size: var(--jg-text-h4); font-family: var(--jg-serif); }
	.jg-x-resources { row-gap: 48px; align-items: start; }
	.jg-x-signup > p:not(.jg-label) { margin-block: 16px 24px; }
	.jg-x-signup h3 { margin-top: 12px; }
	.jg-x-resource-groups { display: grid; gap: 48px; }
	.jg-x-resource-groups h3 { margin-bottom: 16px; }
	.jg-x-field-notes { padding-top: 16px; border-top: 1px solid var(--jg-ink); }
	.jg-x-field-notes > p:not(.jg-link) { max-width: 34em; margin-bottom: 16px; color: var(--jg-ink-2); }
	@media (min-width: 900px) {
		.jg-x-resources > .jg-x-signup { grid-column: 1 / span 3; }
		.jg-x-resources > .jg-x-resource-groups { grid-column: 4 / -1; }
	}

}

.jg-content-page--sds {

	.jg-section .jg-breadcrumb a { min-width: 44px; }
	.jg-x-sds-label { margin-bottom: 16px; }
	.jg-deck a { color: var(--jg-navy); font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
	.jg-x-sds-products { margin-top: 48px; }
	.jg-x-sds-products .jg-block__head { margin-bottom: 12px; }
	.jg-x-sds-rows strong { display: block; }
	.jg-x-sds-rows .jg-meta { display: block; margin-top: 2px; }
	.jg-x-sds-note { max-width: 34em; margin-top: 20px; color: var(--jg-ink-2); font-size: var(--jg-text-small); line-height: 1.55; }
	.jg-x-sds-note a { color: var(--jg-navy); font-weight: 600; }

}

.jg-content-page--plant-growth-regulators {

	.jg-x-catalogue { display: grid; gap: 40px; }
	.jg-x-catalogue h3 { margin-bottom: 16px; }

}

.jg-content-page--nitrogen-stabilizers {

	.jg-x-presentation { margin-top: 32px; }
	.jg-x-application { margin-top: 40px; }
	.jg-x-application p { max-width: 66ch; margin-top: 20px; }
	.jg-x-video { margin-block: 24px 12px; border-block: 1px solid var(--jg-rule); }
	.jg-x-video summary { min-height: 52px; padding-block: 16px; color: var(--jg-navy); font-weight: 600; cursor: pointer; }
	.jg-x-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: var(--jg-ink); }

}

.jg-content-page--webstore {

	.jg-x-intro-actions { margin-top: 24px; }
	.jg-section .jg-breadcrumb a { min-width: 44px; }
	.jg-x-store-image { max-width: 1005px; }
	.jg-x-products, .jg-x-store-spec, .jg-x-store-links, .jg-x-actives { margin-top: 32px; }
	.jg-x-store-links h3 { margin-bottom: 16px; }
	.jg-x-actives p { max-width: 66ch; margin-top: 12px; }
	.jg-x-actives a { color: var(--jg-navy); font-weight: 600; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }

}

.jg-content-page {

	.jg-section .jg-breadcrumb a { min-width: 44px; }
	.jg-x-document-date { margin-top: 24px; }
	.jg-x-document-back { margin-top: 24px; }

}

.jg-content-page {

	.jg-document { border: 1px solid var(--jg-rule); }
	.jg-document__bar {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 16px 24px;
		padding: 20px;
		background: var(--jg-oat);
	}
	.jg-document__bar .jg-actions { margin-top: 0; }
	.jg-document__embed {
		display: block;
		width: 100%;
		height: min(80vh, 1000px);
		min-height: 480px;
		border-block: 1px solid var(--jg-rule);
		background: var(--jg-white);
	}
	.jg-document__fallback { padding: 24px; }
	.jg-document__note { padding: 16px 20px; color: var(--jg-ink-2); }
	/* Phone PDF support varies. Keep both direct actions and their explanation visible. */
	@media (max-width: 599px) {
		.jg-document__embed { display: none; }
		.jg-document__note { border-top: 1px solid var(--jg-rule); }
	}

}

.jg-content-page {

	.jg-product-spec { margin-top: 32px; }
	.jg-product-spec > p { grid-template-columns: minmax(0, 8em) minmax(0, 1fr); }
	.jg-product-documents { margin-top: 32px; }
	.jg-product-documents h3 { margin-bottom: 16px; }

}

.jg-content-page {

	.jg-product-actions { margin-top: 24px; }
	.jg-section .jg-breadcrumb a { min-width: 44px; }
	@media (max-width: 899px) {
		.jg-section .jg-product-banner img {
			transform: scale(1.5);
			transform-origin: var(--product-origin);
		}
	}
	@media (min-width: 600px) and (max-width: 899px) {
		.jg-section .jg-product-banner .jg-frame { --ratio: 3 / 1; }
		.jg-section .jg-product-banner img { transform: scale(1.3); }
	}

}

.jg-content-page--privacy, .jg-content-page--terms {

	.jg-x-updated {
		margin-top: 16px;
	}

	.jg-x-toc {
		display: none;
	}

	@media (min-width: 900px) {
		.jg-x-legal > .jg-x-toc {
			position: sticky;
			top: calc(var(--jg-header-h) + 24px);
			display: block;
			grid-column: 1 / span 3;
			align-self: start;
		}

		.jg-x-legal > .jg-x-legal__text {
			grid-column: 4 / span 6;
		}
	}

	@media (min-width: 900px) and (max-width: 1199px) {
		.jg-x-legal > .jg-x-legal__text {
			grid-column: 4 / -1;
		}
	}

	.jg-x-toc ol {
		margin-top: 8px;
		border-top: 1px solid var(--jg-rule);
	}

	.jg-x-toc a {
		display: flex;
		align-items: baseline;
		gap: 12px;
		min-height: 44px;
		padding: 10px 0;
		border-bottom: 1px solid var(--jg-rule);
		color: var(--jg-ink);
		font-size: var(--jg-text-small);
		line-height: 1.35;
		text-decoration: none;
	}

	.jg-x-toc a:hover span:last-child {
		color: var(--jg-navy);
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.2em;
	}

	.jg-x-toc__n {
		flex: none;
		min-width: 1.25rem;
		color: var(--jg-navy);
		font-weight: 600;
		font-variant-numeric: tabular-nums lining-nums;
	}

	/* The Markdown body. */
	.jg-x-legal__text h2 {
		margin-top: 48px;
		padding-top: 16px;
		border-top: 1px solid var(--jg-rule);
		font-family: var(--jg-serif);
		font-size: var(--jg-text-h4);
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: -0.006em;
	}

	.jg-x-legal__text h2 + * {
		margin-top: 12px;
	}

	.jg-x-legal__text ul {
		padding-left: 1.25em;
		list-style: disc;
	}

	.jg-x-legal__text li + li {
		margin-top: 4px;
	}

	.jg-x-legal__text li::marker {
		color: var(--jg-ink-3);
	}

	.jg-x-legal__text a {
		color: var(--jg-navy);
		font-weight: 600;
		text-decoration-thickness: 1px;
		text-underline-offset: 0.22em;
	}

	.jg-x-legal__text a:hover {
		color: var(--jg-navy-hover);
		text-decoration-thickness: 2px;
	}

}


/* The WordPress patterns use groups for rich rows and paragraphs for definition pairs. */
.jg-content-page { --product-origin: 50% 100%; }
.jg-content-page .jg-product-banner { --pos: 50% 100%; }
.jg-content-page .jg-content-crop--regenerative { --pos: 47% 60%; }
.jg-content-page .jg-content-crop--nitrogen { --pos: 75% 80%; }
.jg-content-page--nitrogen-stabilizers { --product-origin: 80% 100%; }
.jg-content-page .jg-x-fax > p { display:flex; justify-content:space-between; gap:12px; font-size:var(--jg-text-small); }
.jg-content-page .jg-x-fax strong { font-weight:400; }
.jg-content-page .jg-x-fax span { white-space:nowrap; }
.jg-content-page .jg-x-story__firm .jg-spec > p { grid-template-columns:minmax(0,11em) minmax(0,1fr); }
.jg-content-page .jg-document__bar .wp-block-buttons { margin:0; }
.jg-content-page .jg-document__bar .jg-link { min-height:52px; }
.jg-content-page .jg-content-lead-query, .jg-content-page .jg-content-lead-query > .wp-block-post-template { display:contents; }
.jg-content-page .jg-content-lead-query > .wp-block-post-template > li { grid-column:1 / -1; }
.jg-content-page--johnstons-daily-email .jg-lead-story__title { font-family:var(--jg-serif); font-size:clamp(1.75rem,1.2rem + 2.2vw,2.875rem); font-weight:400; line-height:1.06; letter-spacing:-0.022em; text-wrap:balance; }
.jg-content-page--johnstons-daily-email .jg-x-lead { padding-bottom:20px; }
.jg-content-page--johnstons-daily-email .jg-content-earlier-query > .wp-block-post-template { margin-top:12px; border-top:1px solid var(--jg-ink); }
.jg-content-page--johnstons-daily-email .jg-masthead__about .jg-actions .wp-block-buttons { margin-top:0; }
.jg-content-page .jg-content-earlier-query .wp-block-post { position:relative; display:grid; grid-template-columns:4.25rem minmax(0,1fr); gap:12px; align-items:baseline; padding:14px 0 16px; border-bottom:1px solid var(--jg-rule); }
.jg-content-page .jg-x-contents > .jg-content-row { padding:16px 0 20px; border-top:1px solid var(--jg-ink); }
.jg-content-page .jg-x-contents > .jg-content-row p { margin-top:8px; color:var(--jg-ink-2); }
.jg-content-page .jg-resource-group > .jg-label { margin-bottom:16px; }
.jg-content-page .jg-x-phases .jg-phase { padding-block:24px; }
.jg-content-page .jg-x-phases .jg-program__name { font-family:var(--jg-serif); font-size:var(--jg-text-h4); }
.jg-content-page .jg-x-phases .jg-phase__text { display:block; max-width:66ch; margin-top:12px; font-size:var(--jg-text-body); line-height:1.6; }
.jg-content-page .jg-content-row .jg-h4 { margin-bottom:8px; }
@media(min-width:900px) {
 .jg-content-page .jg-content-lead-query > .wp-block-post-template > li { grid-column:1 / span 7; }
 .jg-content-page--johnstons-daily-email .jg-x-lead { padding-right:16px; }
 .jg-content-page .jg-x-front > .jg-x-earlier { grid-column:8 / -1; }
}
.jg-content-page .jg-content-frame--regenerative { --ratio:16 / 9; --ratio-d:1312 / 280; }
/* The Daily landing page keeps its edition date and hides the strapline on phones. */
@media(max-width:599px) {
 .jg-content-page--johnstons-daily-email .jg-dateline__date .wp-block-post-date { display:block; }
 .jg-content-page--johnstons-daily-email .jg-dateline > p.jg-meta { display:none; }
}

/* Copy ported from the Astro pages (design/seo/fable-content.md): the damaged-grain block and the
   product information links on Services, and the order labels that replaced the h3s. */
.jg-svc .jg-x-damaged { max-width: 66ch; margin-top: 12px; }
.jg-svc .jg-x-damaged a { color: var(--jg-navy); font-weight: 600; font-variant-numeric: tabular-nums lining-nums; text-decoration-thickness: 1px; text-underline-offset: 0.22em; white-space: nowrap; }
.jg-svc .jg-x-product-info { margin-top: 40px; }
/* Keep the label set like the heading it replaced; the block's body-text rule would grey it. */
.jg-order .jg-order__way p.jg-h3 { max-width: none; margin-top: 0; color: inherit; }