/* ==========================================================
   SkilletGlow components
   Tokens come from theme.json (var(--wp--preset--color--*)).
   ========================================================== */

:root {
	--sg-radius: 16px;
	--sg-radius-lg: 20px;
	--sg-shadow: 0 1px 2px rgba(37, 37, 37, .04), 0 8px 24px rgba(37, 37, 37, .06);
	--sg-shadow-hover: 0 2px 4px rgba(37, 37, 37, .05), 0 14px 32px rgba(37, 37, 37, .09);
	--sg-ease: cubic-bezier(.2, .7, .2, 1);
	--sg-body-soft: #4A4541;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

:where(a, button, input, summary, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-2);
	outline-offset: 3px;
	border-radius: 4px;
}

/* ---------- Header ---------- */
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}
body.admin-bar header.wp-block-template-part { top: 32px; }
@media (max-width: 782px) {
	body.admin-bar header.wp-block-template-part { top: 46px; }
}

.sg-wordmark { margin: 0; line-height: 1; }
.sg-wordmark a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--wp--preset--font-family--display);
	font-weight: 700;
	font-size: 26px;
	letter-spacing: -.01em;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	min-height: 44px;
}
.sg-wordmark__icon { color: var(--wp--preset--color--accent-1); flex: none; }
.sg-wordmark__glow { color: var(--wp--preset--color--accent-2); }
.sg-wordmark--light a { color: #FFFFFF; }
.sg-wordmark--light .sg-wordmark__glow { color: #E7A07F; }

.sg-nav .wp-block-navigation-item__content {
	color: var(--wp--preset--color--contrast);
	padding: 10px 0;
	background-image: linear-gradient(var(--wp--preset--color--accent-1), var(--wp--preset--color--accent-1));
	background-size: 0 2px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	transition: background-size .2s var(--sg-ease), color .2s;
}
.sg-nav .wp-block-navigation-item__content:hover,
.sg-nav .current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent-2);
	background-size: 100% 2px;
}
.sg-nav .wp-block-navigation__responsive-container-open,
.sg-nav .wp-block-navigation__responsive-container-close {
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.sg-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--base);
	padding: 24px;
}
.sg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--display);
	font-size: 26px;
	padding: 8px 0;
}

.sg-search .wp-block-search__button {
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--line);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.sg-search .wp-block-search__input {
	border-radius: 999px;
	border: 1px solid var(--wp--preset--color--line);
	padding: 0 16px;
	height: 44px;
	font-size: 16px;
}
.sg-search .wp-block-search__inside-wrapper { border: 0; padding: 0; gap: 6px; }

/* ---------- Sections ---------- */
.sg-section__head {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: var(--wp--preset--spacing--50);
	margin-bottom: var(--wp--preset--spacing--40);
}
.sg-section__head h2 { margin: 0; }
.sg-see-all { margin: 0; font-size: 15px; font-weight: 600; white-space: nowrap; }
.sg-see-all a { text-decoration: none; display: inline-block; padding: 10px 0; }
.sg-see-all a:hover { text-decoration: underline; }

.sg-eyebrow {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-3);
}

.sg-lead, .sg-hero__excerpt { color: var(--sg-body-soft); font-size: 18px; }

/* ---------- Cards ---------- */
.sg-grid.is-layout-grid,
.sg-grid--3 { gap: 32px 24px; }
.sg-grid--3 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.sg-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	height: 100%;
}
.sg-card > * { margin: 0 !important; }
.sg-card .wp-block-post-featured-image,
.sg-card__media {
	display: block;
	overflow: hidden;
	border-radius: var(--sg-radius);
	background: var(--wp--preset--color--line);
}
.sg-card .wp-block-post-featured-image img,
.sg-card__img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	height: auto;
	object-fit: cover;
	transition: transform .35s var(--sg-ease);
}
.sg-card:hover .wp-block-post-featured-image img,
.sg-card:hover .sg-card__img { transform: scale(1.03); }

.sg-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	min-height: 24px;
}
.sg-card__meta .wp-block-shortcode,
.sg-card__meta p { margin: 0; }

.sg-badges { margin: 0; line-height: 1; }
.sg-badges a,
.sg-badge {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-tint);
	color: var(--wp--preset--color--accent-3);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .02em;
	text-decoration: none;
}
.sg-badges a:not(:first-of-type),
.sg-badges .wp-block-post-terms__separator { display: none; }
.sg-badges a[href*="healthy"],
.sg-badges a[href*="/lunch/"] {
	background: var(--wp--preset--color--sage-tint);
	color: var(--wp--preset--color--sage-ink);
}
.sg-badges a:hover { text-decoration: underline; }

.sg-time {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	color: var(--wp--preset--color--ink-soft);
	white-space: nowrap;
}

.sg-card__title,
.sg-card .wp-block-post-title {
	font-family: var(--wp--preset--font-family--display);
	font-size: 19px !important;
	font-weight: 600;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 2.6em;
}
.sg-card__title a,
.sg-card .wp-block-post-title a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.sg-card:hover .sg-card__title a,
.sg-card:hover .wp-block-post-title a {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--accent-1);
	text-underline-offset: 4px;
}

/* ---------- Hero ---------- */
.sg-hero .wp-block-post-template { margin: 0; }
.sg-hero__media { border-radius: var(--sg-radius-lg); overflow: hidden; margin: 0; }
.sg-hero__media img { display: block; width: 100%; height: auto; }
.sg-hero__title {
	font-size: var(--wp--preset--font-size--xx-large) !important;
	line-height: 1.08;
	margin: 12px 0 16px;
}
.sg-hero__title a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.sg-hero__title a:hover { color: var(--wp--preset--color--accent-2); }
.sg-hero .sg-card__meta { margin: 16px 0 24px; }

.wp-block-read-more.sg-button {
	display: inline-flex;
	align-items: center;
	min-height: 48px;
	padding: 0 26px;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-2);
	color: #FFFFFF;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
	transition: background-color .2s;
}
.wp-block-read-more.sg-button:hover { background: var(--wp--preset--color--accent-3); color: #FFFFFF; }

.sg-minis { margin-top: var(--wp--preset--spacing--50) !important; }
.sg-grid--minis.is-layout-grid { gap: 20px; }
.sg-mini {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--sg-radius);
	padding: 12px;
	gap: 16px;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
	transition: box-shadow .2s, transform .2s var(--sg-ease);
}
.sg-mini:hover { box-shadow: var(--sg-shadow-hover); transform: translateY(-2px); }
.sg-mini__media { flex: none; margin: 0; border-radius: 12px; overflow: hidden; }
.sg-mini__media img { width: 88px; height: 88px; object-fit: cover; display: block; }
.sg-mini__title { font-size: 17px !important; line-height: 1.3; margin: 0; }
.sg-mini__title a { color: var(--wp--preset--color--contrast); text-decoration: none; }

/* ---------- Category chips ---------- */
.sg-cats h2 { margin-bottom: var(--wp--preset--spacing--40); }
.sg-chips .wp-block-button__link {
	background: var(--wp--preset--color--surface) !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid var(--wp--preset--color--line) !important;
	padding: 12px 22px;
	min-height: 48px;
	font-size: 15px;
	transition: border-color .2s, color .2s, box-shadow .2s;
}
.sg-chips .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset--color--accent-3) !important;
	box-shadow: var(--sg-shadow);
}

/* ---------- Archive & search ---------- */
.sg-archive__head .wp-block-query-title { margin: 8px 0 0; }
.sg-pagination { margin-top: var(--wp--preset--spacing--60); gap: 8px; }
.sg-pagination a,
.sg-pagination .page-numbers {
	min-width: 44px;
	min-height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	text-decoration: none;
}
.sg-pagination .page-numbers.current {
	background: var(--wp--preset--color--accent-2);
	color: #FFFFFF;
}

/* Yoast breadcrumbs */
.sg-single > .wp-block-shortcode:first-child,
.sg-archive__head > .wp-block-shortcode:first-child,
#breadcrumbs {
	font-size: 14px;
	color: var(--wp--preset--color--ink-soft);
	margin: 0;
}
#breadcrumbs a { color: var(--wp--preset--color--ink-soft); text-decoration: none; }
#breadcrumbs a:hover { color: var(--wp--preset--color--accent-2); text-decoration: underline; }

/* ---------- Single recipe ---------- */
.sg-single__title { margin-top: 8px !important; }
.sg-byline {
	font-size: 14px;
	color: var(--wp--preset--color--ink-soft);
	align-items: center;
}
.sg-byline .wp-block-post-author { align-items: center; gap: 8px; }
.sg-byline .wp-block-post-author__avatar img { border-radius: 999px; }
.sg-byline .wp-block-post-author__byline { display: inline; margin-right: 4px; font-size: 14px; }
.sg-byline .wp-block-post-author__content { display: flex; align-items: baseline; }
.sg-byline > * + *::before {
	content: "·";
	margin-right: 10px;
	color: var(--wp--preset--color--line);
}
.sg-byline .wp-block-shortcode:empty { display: none; }

.sg-single__hero { border-radius: var(--sg-radius-lg); overflow: hidden; }
.sg-single__hero img { display: block; }

.sg-content { font-size: 18px; line-height: 1.7; }
.sg-content > h2 { margin-top: 2em; }
.sg-content > h3 { margin-top: 1.6em; }
.sg-content img { border-radius: 14px; }
.sg-content figcaption { text-align: center; }
.sg-content table { font-size: 16px; }
.sg-content .wp-block-table { overflow-x: auto; }

.sg-tags { font-size: 14px; color: var(--wp--preset--color--ink-soft); }

.sg-related { margin-top: var(--wp--preset--spacing--70) !important; }
.sg-related h2 { margin-bottom: var(--wp--preset--spacing--40); }

.sg-author-box {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--sg-radius-lg);
	padding: 24px;
	gap: 20px;
	margin-top: var(--wp--preset--spacing--60) !important;
}
.sg-author-box .wp-block-post-author-name { font-family: var(--wp--preset--font-family--display); font-size: 20px; }
.sg-author-box .wp-block-post-author-biography { color: var(--sg-body-soft); font-size: 16px; margin: 0; }

.sg-comments { margin-top: var(--wp--preset--spacing--60) !important; }

/* FAQ (details blocks) */
.sg-faq .wp-block-details,
.sg-content .wp-block-details {
	border-bottom: 1px solid var(--wp--preset--color--line);
	padding: 4px 0;
}
.sg-faq summary,
.sg-content .wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	font-size: 18px;
	padding: 14px 0;
	min-height: 44px;
}
.sg-content .wp-block-details[open] summary { color: var(--wp--preset--color--accent-3); }

/* ---------- Ad slots: reserve height only when an ad is present ---------- */
.sg-ad {
	min-height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-block: var(--wp--preset--spacing--50);
}
.sg-ad:not(:has(ins, iframe)) { display: none; }
@media (max-width: 600px) { .sg-ad { min-height: 250px; } }

/* ---------- WP Recipe Maker: same palette as the theme ---------- */
.wprm-recipe {
	font-family: var(--wp--preset--font-family--body) !important;
	color: var(--wp--preset--color--contrast);
}
.wprm-recipe .wprm-recipe-name,
.wprm-recipe .wprm-recipe-header {
	font-family: var(--wp--preset--font-family--display) !important;
	color: var(--wp--preset--color--contrast) !important;
}
.wprm-recipe .wprm-recipe-summary,
.wprm-recipe .wprm-recipe-summary span { color: var(--sg-body-soft) !important; }
.wprm-recipe .wprm-recipe-meta-container-pill { background: var(--wp--preset--color--sage-tint) !important; }
.wprm-recipe .wprm-recipe-meta-container.wprm-recipe-times-container { border-color: var(--wp--preset--color--line) !important; }
.wprm-recipe .wprm-recipe-jump-to-section,
.wprm-recipe .wprm-recipe-icon { color: var(--wp--preset--color--accent-2) !important; }
.wprm-recipe .wprm-recipe-icon svg * { stroke: currentColor; }
.wprm-recipe .wprm-recipe-block-container,
.wprm-recipe .wprm-recipe-details-label,
.wprm-recipe .wprm-recipe-ingredient,
.wprm-recipe .wprm-recipe-instruction,
.wprm-recipe .wprm-decoration-spacer { color: var(--wp--preset--color--contrast) !important; }
.wprm-recipe .wprm-recipe-print,
.wprm-recipe .wprm-recipe-pin { border-color: var(--wp--preset--color--accent-2) !important; }
.wprm-recipe-snippet a.wprm-recipe-link,
.wprm-recipe-snippet .wprm-recipe-link {
	border-radius: 999px !important;
	min-height: 44px;
	display: inline-flex !important;
	align-items: center;
	padding: 0 20px !important;
	background: var(--wp--preset--color--accent-2) !important;
	border-color: var(--wp--preset--color--accent-2) !important;
	color: #FFFFFF !important;
	font-weight: 600;
}
.wprm-recipe-snippet .wprm-recipe-link + .wprm-recipe-link {
	background: var(--wp--preset--color--surface) !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid #D9D4CC !important;
}

/* ---------- Phones ---------- */
@media (max-width: 600px) {
	.sg-wordmark a { font-size: 22px; }
	.sg-header__row { padding-top: 8px !important; padding-bottom: 8px !important; }
	.sg-grid.is-layout-grid,
	.sg-grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 24px 14px;
	}
	.sg-card__title,
	.sg-card .wp-block-post-title { font-size: 16px !important; }
	.sg-card .sg-time { font-size: 12px; }
	.sg-mini__media img { width: 72px; height: 72px; }
	.sg-hero__title { font-size: 32px !important; }
	.sg-content { font-size: 17px; }
	.sg-author-box { flex-direction: column; align-items: flex-start !important; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
	.sg-card:hover .wp-block-post-featured-image img,
	.sg-card:hover .sg-card__img,
	.sg-mini:hover { transform: none; }
}

/* ---------- Refinements after preview ---------- */
.sg-wordmark a { gap: 0; }
.sg-wordmark__icon { margin-right: 8px; }
.sg-hero__title { font-size: clamp(34px, 3.4vw, 48px) !important; }
.sg-hero__excerpt { max-width: 46ch; }
p.sg-time:empty { display: none; }
p.sg-time { margin: 0; }
p.sg-time::before {
	content: "";
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (min-width: 600px) {
	.sg-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none; }
}

/* ---------- Byline, minis and small phones ---------- */
.sg-byline .wp-block-post-author__content { flex-direction: row; flex-wrap: wrap; gap: 4px; }
.sg-byline .wp-block-post-author__name { margin: 0; }
.sg-mini, .sg-mini__body { min-width: 0; }
.sg-mini__title { overflow-wrap: anywhere; }
@media (max-width: 600px) {
	.sg-header__row { gap: 8px !important; }
	.sg-header__nav { gap: 4px !important; }
	.sg-home, .sg-archive, .sg-single, .sg-searchpage { padding-top: 24px !important; }
}
@media (max-width: 400px) {
	.sg-wordmark a { font-size: 20px; }
	.sg-wordmark__icon { width: 24px; height: 24px; margin-right: 6px; }
	.sg-search .wp-block-search__button { width: 40px; height: 40px; }
}

.sg-byline .wp-block-post-author__content > p { margin: 0 !important; width: auto; flex: none; }

html { scroll-padding-top: 96px; }
.wprm-recipe [class*="wprm-recipe-details-container"],
.wprm-recipe [class*="wprm-recipe-details-container"] > *,
.wprm-recipe .wprm-recipe-ingredient,
.wprm-recipe .wprm-recipe-instruction { border-color: var(--wp--preset--color--line) !important; }


/* ==========================================================
   v1.1 refresh: warmer palette, glass header, hero panel,
   photo category tiles, overlay card badges, bands, CTA
   ========================================================== */
:root {
	--sg-radius: 20px;
	--sg-radius-lg: 28px;
	--sg-shadow: 0 1px 2px rgba(31, 27, 22, .04), 0 12px 32px -14px rgba(31, 27, 22, .22);
	--sg-shadow-hover: 0 2px 6px rgba(31, 27, 22, .06), 0 24px 48px -18px rgba(31, 27, 22, .32);
	--sg-body-soft: #4D453D;
}
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: clip; }
::selection { background: var(--wp--preset--color--butter); color: var(--wp--preset--color--contrast); }

/* Glass header */
header.wp-block-template-part .sg-header {
	background: rgba(255, 253, 249, .8) !important;
	-webkit-backdrop-filter: saturate(1.4) blur(14px);
	backdrop-filter: saturate(1.4) blur(14px);
	border-bottom-color: rgba(233, 225, 211, .9) !important;
}
.sg-wordmark a { letter-spacing: -.02em; }
.sg-search .wp-block-search__button {
	background: var(--wp--preset--color--accent-tint);
	border-color: transparent;
	color: var(--wp--preset--color--accent-3);
}

/* Hero panel */
.sg-hero {
	position: relative;
	padding: clamp(18px, 3vw, 40px);
	border-radius: 36px;
	background:
		radial-gradient(110% 90% at 100% 0%, var(--wp--preset--color--butter-tint) 0%, transparent 55%),
		radial-gradient(90% 80% at 0% 100%, var(--wp--preset--color--accent-tint) 0%, transparent 60%),
		var(--wp--preset--color--surface);
	box-shadow: var(--sg-shadow);
}
.sg-hero__media { border-radius: var(--sg-radius-lg); }
.sg-hero__media img { aspect-ratio: 4 / 3; object-fit: cover; transition: transform .6s var(--sg-ease); }
.sg-hero:hover .sg-hero__media img { transform: scale(1.02); }
.sg-hero .sg-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
}
.sg-hero .sg-eyebrow::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-1);
}
.sg-hero__title { letter-spacing: -.025em; line-height: 1.04 !important; }
.wp-block-read-more.sg-button {
	box-shadow: 0 10px 22px -10px rgba(180, 83, 42, .6);
	transition: transform .2s var(--sg-ease), box-shadow .2s, background-color .2s;
}
.wp-block-read-more.sg-button::after { content: "\2192"; margin-left: 8px; transition: transform .2s var(--sg-ease); }
.wp-block-read-more.sg-button:hover { transform: translateY(-1px); }
.wp-block-read-more.sg-button:hover::after { transform: translateX(3px); }
.sg-mini { border-color: transparent; background: var(--wp--preset--color--surface); box-shadow: var(--sg-shadow); }

/* Category photo tiles */
.sg-cats { text-align: center; }
.sg-cats .sg-eyebrow { margin-bottom: 6px; }
.sg-cats h2 { margin-top: 0; }
.sg-tiles {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 24px;
	margin-top: var(--wp--preset--spacing--50);
}
.sg-tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	text-decoration: none;
	color: var(--wp--preset--color--contrast);
}
.sg-tile__img {
	display: block;
	width: 100%;
	max-width: 148px;
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
	background: var(--wp--preset--color--line);
	box-shadow: 0 0 0 6px var(--wp--preset--color--surface), var(--sg-shadow);
	margin-bottom: 12px;
	transition: transform .3s var(--sg-ease), box-shadow .3s;
}
.sg-tile__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sg-tile__name { font-family: var(--wp--preset--font-family--display); font-weight: 600; font-size: 19px; }
.sg-tile__count { font-size: 13px; color: var(--wp--preset--color--ink-soft); }
.sg-tile:hover .sg-tile__img { transform: translateY(-4px); box-shadow: 0 0 0 6px var(--wp--preset--color--accent-tint), var(--sg-shadow-hover); }
.sg-tile:hover .sg-tile__name { color: var(--wp--preset--color--accent-2); }
@media (max-width: 900px) { .sg-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) {
	.sg-tiles {
		grid-auto-flow: column;
		grid-template-columns: none;
		grid-auto-columns: 31%;
		gap: 14px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		padding: 8px 6px 14px;
		margin-inline: -6px;
	}
	.sg-tile { scroll-snap-align: start; }
	.sg-tile__name { font-size: 15px; }
	.sg-tile__count { font-size: 12px; }
}

/* Cards: badges and time float over the photo */
.sg-card { position: relative; gap: 14px; transition: transform .3s var(--sg-ease); }
.sg-card:hover { transform: translateY(-3px); }
.sg-card .wp-block-post-featured-image,
.sg-card__media { border-radius: var(--sg-radius); box-shadow: var(--sg-shadow); transition: box-shadow .3s; }
.sg-card:hover .wp-block-post-featured-image,
.sg-card:hover .sg-card__media { box-shadow: var(--sg-shadow-hover); }
.sg-card .sg-card__meta {
	position: absolute;
	top: 12px;
	left: 12px;
	right: 12px;
	z-index: 2;
	justify-content: space-between;
	pointer-events: none;
	margin: 0 !important;
}
.sg-card .sg-card__meta a { pointer-events: auto; }
.sg-card .sg-badges a,
.sg-card .sg-badge {
	background: rgba(255, 253, 249, .9);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	color: var(--wp--preset--color--accent-3);
	box-shadow: 0 2px 10px rgba(31, 27, 22, .14);
}
.sg-card .sg-badges a[href*="healthy"],
.sg-card .sg-badges a[href*="/lunch/"] { color: var(--wp--preset--color--sage-ink); }
.sg-card .sg-time {
	background: rgba(31, 27, 22, .66);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	color: #FFFFFF;
	padding: 5px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
}
.sg-card__title,
.sg-card .wp-block-post-title { font-size: 20px !important; letter-spacing: -.01em; }

/* Section heads */
.sg-section__head { border-top: 0 !important; padding-top: 0 !important; align-items: flex-end !important; }
.sg-section__head h2 { position: relative; padding-bottom: 14px; }
.sg-section__head h2::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48px;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--wp--preset--color--accent-1), var(--wp--preset--color--butter));
}
.sg-see-all a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	padding: 0 16px !important;
	border-radius: 999px;
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	color: var(--wp--preset--color--contrast);
	transition: background-color .2s, color .2s, border-color .2s;
}
.sg-see-all a:hover { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); color: #FFFFFF; text-decoration: none; }

/* Full-bleed tinted bands */
.sg-band { position: relative; isolation: isolate; padding-block: var(--wp--preset--spacing--60) !important; }
.sg-band::before {
	content: "";
	position: absolute;
	inset: 0 calc(50% - 50vw);
	z-index: -1;
	background: var(--sg-band-bg);
}
.sg-band--sage { --sg-band-bg: var(--wp--preset--color--sage-tint); }
.sg-band--butter { --sg-band-bg: var(--wp--preset--color--butter-tint); }
.sg-band .sg-see-all a { background: rgba(255, 253, 249, .7); }

/* Closing call to action */
.sg-cta {
	padding: clamp(40px, 6vw, 72px) clamp(20px, 4vw, 48px) !important;
	border-radius: 36px;
	color: #F1EBDD;
	background:
		radial-gradient(80% 120% at 0% 0%, rgba(200, 100, 58, .38), transparent 60%),
		radial-gradient(70% 100% at 100% 100%, rgba(243, 217, 164, .22), transparent 60%),
		var(--wp--preset--color--forest);
}
.sg-cta h2 { color: #FFFFFF !important; margin-top: 6px; }
.sg-cta .sg-eyebrow { color: var(--wp--preset--color--butter); }
.sg-cta p { font-size: 18px; }
.sg-cta .wp-block-buttons { margin-top: 28px; gap: 12px; }
.sg-cta .wp-block-button__link { min-height: 48px; display: inline-flex; align-items: center; }
.sg-cta .is-style-outline .wp-block-button__link {
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, .45) !important;
	background: transparent !important;
}
.sg-cta .is-style-outline .wp-block-button__link:hover { background: rgba(255, 255, 255, .1) !important; }
.sg-footer { margin-top: var(--wp--preset--spacing--70) !important; }

/* Recipe page polish */
.sg-single__hero { border-radius: var(--sg-radius-lg) !important; box-shadow: var(--sg-shadow); }
.sg-content > h2 { position: relative; padding-left: 18px; }
.sg-content > h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: .18em;
	bottom: .18em;
	width: 4px;
	border-radius: 4px;
	background: linear-gradient(180deg, var(--wp--preset--color--accent-1), var(--wp--preset--color--butter));
}
.wprm-recipe-container > .wprm-recipe {
	border-radius: 28px !important;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--line) !important;
	box-shadow: var(--sg-shadow);
}
.sg-author-box { border-color: transparent; box-shadow: var(--sg-shadow); }

@media (max-width: 600px) {
	.sg-hero { border-radius: 28px; }
	.sg-card__title,
	.sg-card .wp-block-post-title { font-size: 16px !important; }
	.sg-card .sg-card__meta { top: 8px; left: 8px; right: 8px; }
	.sg-card .sg-time { font-size: 11px; padding: 4px 8px; }
	.sg-card .sg-badges a { font-size: 11px; padding: 4px 8px; }
	.sg-cta { border-radius: 28px; }
}
@media (prefers-reduced-motion: reduce) {
	.sg-card:hover, .sg-tile:hover .sg-tile__img, .wp-block-read-more.sg-button:hover { transform: none; }
}


/* Footer */
.sg-footer { color: #D9E3D6; }
.sg-footer .sg-footer__title {
	font-family: var(--wp--preset--font-family--body) !important;
	font-size: 13px !important;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--butter) !important;
	margin: 0 0 16px;
}
.sg-footer .sg-footer__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.sg-footer .sg-footer__list a { color: #E6EEE2; text-decoration: none; font-size: 15px; }
.sg-footer .sg-footer__list a:hover { color: var(--wp--preset--color--butter); text-decoration: underline; text-underline-offset: 4px; }
.sg-footer .sg-wordmark a { font-size: 30px; }
.sg-footer p { color: #CFD8CC; }
.sg-footer .wp-block-separator { opacity: .35; border-color: #E6EEE2; background: #E6EEE2 !important; height: 1px; border: 0; }


/* Phone fixes for highlights and tiles */
@media (max-width: 600px) {
	.sg-grid--minis.is-layout-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 12px; }
	.sg-tiles { scrollbar-width: none; }
	.sg-tiles::-webkit-scrollbar { display: none; }
	.sg-card .sg-card__meta { flex-direction: column; align-items: flex-start; gap: 6px; }
}


/* ==========================================================
   v1.2: analogous warm palette, editorial section intros,
   scroll reveals, active navigation
   ========================================================== */
.sg-band--peach { --sg-band-bg: linear-gradient(180deg, #FCEADF 0%, #FBF2E9 100%); }
.sg-band--butter { --sg-band-bg: linear-gradient(180deg, #FBF0D8 0%, #FCF6EA 100%); }
.sg-band .sg-see-all a { background: rgba(255, 253, 249, .85); }

.sg-section__title { gap: 6px !important; }
.sg-section__title .sg-eyebrow { margin: 0 !important; }
.sg-section__head h2 { margin: 0 !important; }

.wp-block-read-more.sg-button,
.sg-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: linear-gradient(135deg, #B4532A 0%, #9A4320 100%) !important;
	color: #FFFFFF !important;
}
.sg-cta {
	color: #EFE6DA;
	background:
		radial-gradient(80% 120% at 0% 0%, rgba(200, 100, 58, .5), transparent 60%),
		radial-gradient(70% 110% at 100% 100%, rgba(232, 164, 124, .3), transparent 60%),
		var(--wp--preset--color--forest) !important;
}
.sg-footer { color: #EFE6DA; }
.sg-footer .sg-footer__list a { color: #EFE6DA; }
.sg-footer p { color: #D9CFC2; }
.sg-footer .wp-block-separator { background: #EFE6DA !important; }

.sg-hero {
	background:
		radial-gradient(110% 90% at 100% 0%, #FBF0D8 0%, transparent 55%),
		radial-gradient(90% 80% at 0% 100%, #FCE6D8 0%, transparent 60%),
		var(--wp--preset--color--surface);
}
.sg-tile__img { box-shadow: 0 0 0 6px var(--wp--preset--color--surface), 0 0 0 7px var(--wp--preset--color--line), var(--sg-shadow); }
.sg-tile:hover .sg-tile__img { box-shadow: 0 0 0 6px var(--wp--preset--color--surface), 0 0 0 8px var(--wp--preset--color--apricot), var(--sg-shadow-hover); }

/* Active category in the menu */
body.category-breakfast .sg-nav a[href*="/category/breakfast/"],
body.category-lunch .sg-nav a[href*="/category/lunch/"],
body.category-dinner .sg-nav a[href*="/category/dinner/"],
body.category-desserts .sg-nav a[href*="/category/desserts/"],
body.category-quick-meals .sg-nav a[href*="/category/quick-meals/"],
body.category-healthy-recipes .sg-nav a[href*="/healthy-recipes/"] {
	color: var(--wp--preset--color--accent-2);
	background-size: 100% 2px;
}

/* Gentle reveal on scroll (CSS only, skipped when motion is reduced) */
@keyframes sg-rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.sg-section .wp-block-post-template > li,
		.sg-tile,
		.sg-section__head,
		.sg-cta {
			animation: sg-rise linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 30%;
		}
	}
}


/* ==========================================================
   v1.3 premium magazine: full-bleed hero, large type,
   cream + ink + paprika only, hairline rules, quiet cards
   ========================================================== */
:root {
	--sg-ink: #1A1612;
	--sg-rule: #1A1612;
	--sg-hair: #DDD3C4;
	--sg-radius: 6px;
	--sg-radius-lg: 8px;
	--sg-shadow: none;
	--sg-shadow-hover: none;
}
body { background: #F7F3EC; }
.sg-home { padding-top: 0 !important; }

/* Header: solid cream, ink rule, small caps navigation */
header.wp-block-template-part .sg-header {
	background: rgba(247, 243, 236, .94) !important;
	border-bottom: 1px solid var(--sg-rule) !important;
}
.sg-wordmark a { font-size: 30px; }
.sg-wordmark__icon, .sg-wordmark__glow { color: var(--wp--preset--color--accent-2); }
.sg-nav .wp-block-navigation-item__content {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--sg-ink);
}
.sg-search .wp-block-search__button { background: transparent; border: 1px solid var(--sg-ink); color: var(--sg-ink); }

/* Full-bleed hero */
.sg-hero2 { margin-top: 0 !important; margin-bottom: 0 !important; }
.sg-hero2 .wp-block-post-template { margin: 0; padding: 0; list-style: none; }
.sg-hero2__cover {
	position: relative;
	min-height: min(82vh, 780px) !important;
	padding: clamp(28px, 5vw, 80px) clamp(20px, 4vw, 48px) !important;
	color: #FFFFFF;
	overflow: hidden;
}
.sg-hero2__cover .wp-block-cover__image-background { transition: transform 1.4s var(--sg-ease); }
.sg-hero2__cover:hover .wp-block-cover__image-background { transform: scale(1.03); }
.sg-hero2__cover::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background:
		linear-gradient(90deg, rgba(20, 16, 12, .82) 0%, rgba(20, 16, 12, .5) 42%, rgba(20, 16, 12, 0) 72%),
		linear-gradient(0deg, rgba(20, 16, 12, .6) 0%, rgba(20, 16, 12, 0) 50%);
}
.sg-hero2__cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	width: min(1200px, 100%) !important;
	margin: 0 auto !important;
	color: #FFFFFF;
}
.sg-hero2__cover .wp-block-cover__inner-container > * { max-width: 720px; }
.sg-hero2 .sg-eyebrow { color: #FFFFFF; opacity: .92; margin: 0; }
.sg-hero2 .sg-eyebrow::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 2px;
	margin: 0 12px 4px 0;
	vertical-align: middle;
	background: var(--wp--preset--color--accent-1);
}
.sg-hero2__title {
	font-size: clamp(42px, 6.2vw, 88px) !important;
	line-height: 1 !important;
	letter-spacing: -.035em;
	max-width: 13ch !important;
	margin: 18px 0 18px !important;
}
.sg-hero2__title a { color: #FFFFFF !important; text-decoration: none; }
.sg-hero2__excerpt { font-size: 19px; color: rgba(255, 255, 255, .9); max-width: 50ch !important; }
.sg-hero2__excerpt p { margin: 0; }
.sg-hero2__meta { margin: 20px 0 28px !important; gap: 14px !important; align-items: center; }
.sg-hero2__meta .sg-badges a {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, .65);
	color: #FFFFFF !important;
	box-shadow: none !important;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 11px;
}
.sg-hero2__meta .sg-time { color: #FFFFFF !important; background: none !important; padding: 0 !important; font-size: 14px; }
.sg-hero2 .wp-block-read-more.sg-button {
	background: var(--wp--preset--color--accent-2) !important;
	box-shadow: none;
	min-height: 52px;
	padding: 0 30px;
	font-size: 15px;
	letter-spacing: .04em;
}

/* "Also new" strip */
.sg-minis { margin-top: 0 !important; padding-block: 28px; border-bottom: 1px solid var(--sg-rule); }
.sg-grid--minis.is-layout-grid { gap: 0 !important; }
.sg-grid--minis > li { padding: 0 24px; }
.sg-grid--minis > li:first-child { padding-left: 0; }
.sg-grid--minis > li + li { border-left: 1px solid var(--sg-hair); }
.sg-mini { background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
.sg-mini:hover { transform: none; }
.sg-mini__media { border-radius: 4px; }
.sg-mini .sg-badges a { background: none; padding: 0; color: var(--wp--preset--color--accent-2); text-transform: uppercase; letter-spacing: .14em; font-size: 11px; }

/* Sections: big serif titles over a hairline */
.sg-cats, .sg-section { padding-top: clamp(64px, 8vw, 112px) !important; }
.sg-section__head {
	border-top: 1px solid var(--sg-rule) !important;
	padding-top: 22px !important;
	margin-bottom: 40px !important;
	align-items: flex-end !important;
}
.sg-section__head h2,
.sg-cats h2,
.sg-cta h2 { font-size: clamp(36px, 4.6vw, 60px) !important; letter-spacing: -.03em; line-height: 1.02; }
.sg-section__head h2 { padding-bottom: 0; }
.sg-section__head h2::after { display: none; }
.sg-eyebrow { color: var(--wp--preset--color--accent-2); letter-spacing: .18em; font-size: 12px; }
.sg-see-all a {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid currentColor !important;
	border-radius: 0;
	min-height: 0;
	padding: 2px 0 !important;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--sg-ink);
}
.sg-see-all a:hover { color: var(--wp--preset--color--accent-2); background: transparent !important; }
.sg-band { padding-block: 0 !important; }
.sg-band::before { display: none; }

/* Cards: quiet, editorial */
.sg-card { gap: 12px; }
.sg-card:hover { transform: none; }
.sg-card .wp-block-post-featured-image,
.sg-card__media { border-radius: var(--sg-radius); box-shadow: none !important; }
.sg-card:hover .wp-block-post-featured-image img,
.sg-card:hover .sg-card__img { transform: scale(1.045); }
.sg-card .sg-card__meta {
	position: static;
	flex-direction: row !important;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	pointer-events: auto;
	margin-top: 4px !important;
}
.sg-card .sg-badges a,
.sg-card .sg-badge,
.sg-card .sg-badges a[href*="healthy"],
.sg-card .sg-badges a[href*="/lunch/"] {
	background: none !important;
	box-shadow: none !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	padding: 0 !important;
	border-radius: 0;
	color: var(--wp--preset--color--accent-2) !important;
	text-transform: uppercase;
	letter-spacing: .16em;
	font-size: 11px !important;
}
.sg-card .sg-time {
	background: none !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	color: var(--wp--preset--color--ink-soft) !important;
	padding: 0 !important;
	font-size: 12px !important;
	font-weight: 500;
}
.sg-card__title,
.sg-card .wp-block-post-title { font-size: 23px !important; line-height: 1.18 !important; letter-spacing: -.015em; }
.sg-card:hover .wp-block-post-title a,
.sg-card:hover .sg-card__title a { text-decoration-color: var(--wp--preset--color--accent-2); text-decoration-thickness: 1px; }

/* Category tiles: hairline rings */
.sg-tile__img {
	box-shadow: none !important;
	border: 1px solid var(--sg-ink);
	padding: 6px;
	background: transparent;
	box-sizing: border-box;
}
.sg-tile__img img { border-radius: 50%; }
.sg-tile:hover .sg-tile__img { transform: none; border-color: var(--wp--preset--color--accent-2); }
.sg-tile__name { font-size: 21px; }

/* Closing block and footer in ink */
.sg-cta {
	border-radius: 0;
	background: var(--sg-ink) !important;
	padding: clamp(56px, 8vw, 104px) clamp(20px, 4vw, 48px) !important;
}
.sg-cta .sg-eyebrow { color: #E8A47C; }
.sg-cta .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--wp--preset--color--accent-2) !important; }
.sg-footer { margin-top: 0 !important; border-top: 1px solid #3A322B; }

/* Recipe pages */
.sg-single__title { font-size: clamp(38px, 5vw, 64px) !important; letter-spacing: -.03em; line-height: 1.03 !important; }
.sg-single__hero { border-radius: var(--sg-radius-lg) !important; box-shadow: none !important; }
.sg-content > h2::before { background: var(--wp--preset--color--accent-2); }
.wprm-recipe-container > .wprm-recipe { border-radius: 8px !important; box-shadow: none !important; border: 1px solid var(--sg-ink) !important; }
.sg-author-box { box-shadow: none; border: 1px solid var(--sg-hair); border-radius: 8px; }

@media (max-width: 781px) {
	.sg-grid--minis > li { padding: 16px 0 !important; border-left: 0 !important; }
	.sg-grid--minis > li + li { border-top: 1px solid var(--sg-hair); }
}
@media (max-width: 600px) {
	.sg-hero2__cover { min-height: 74vh !important; }
	.sg-hero2__cover::after {
		background: linear-gradient(0deg, rgba(20, 16, 12, .88) 0%, rgba(20, 16, 12, .55) 45%, rgba(20, 16, 12, .1) 80%);
	}
	.sg-hero2__excerpt { font-size: 16px; }
	.sg-card__title,
	.sg-card .wp-block-post-title { font-size: 17px !important; }
	.sg-card .sg-card__meta { flex-direction: row !important; flex-wrap: wrap; gap: 4px 10px; }
	.sg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { text-transform: none; letter-spacing: 0; }
}

/* hero2 z-fix */
.sg-hero2__cover > .wp-block-cover__inner-container { z-index: 3 !important; }
.sg-hero2__cover > img.wp-block-cover__image-background { z-index: 0 !important; }

main.sg-home { margin-top: 0 !important; }


/* ==========================================================
   Responsive media fix: EWWW wraps images in <picture> for WebP
   ========================================================== */
picture { display: block; max-width: 100%; }
picture img,
.sg-content img,
.sg-content video,
.sg-content iframe,
.sg-content embed,
.wp-block-image img { max-width: 100% !important; height: auto; }
.wp-block-image picture { display: block; }
.wp-block-image.aligncenter picture,
.wp-block-image .aligncenter picture { margin-inline: auto; }
.sg-content,
.sg-content > * { min-width: 0; max-width: 100%; overflow-wrap: break-word; }
.sg-content .wp-block-table,
.sg-content figure.wp-block-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sg-content table { min-width: 100%; }
.sg-content pre { overflow-x: auto; }
.wprm-recipe img { max-width: 100%; height: auto; }


/* ==========================================================
   v1.4 identity: new skillet mark, Home link, contained
   editorial hero (text + framed photo)
   ========================================================== */
.sg-wordmark a { font-size: 28px; gap: 0; letter-spacing: -.025em; color: var(--sg-ink); }
.sg-wordmark__icon { width: 34px; height: 34px; margin-right: 10px; color: var(--wp--preset--color--accent-2); }
.sg-wordmark--light .sg-wordmark__icon { color: #E8A47C; }
.sg-nav.wp-block-navigation { gap: 24px !important; }
.sg-nav .wp-block-navigation-item__content { letter-spacing: .12em; }
@media (max-width: 1180px) and (min-width: 600px) {
	.sg-nav.wp-block-navigation { gap: 16px !important; }
	.sg-nav .wp-block-navigation-item__content { font-size: 12px; letter-spacing: .08em; }
	.sg-wordmark a { font-size: 24px; }
}

/* Contained editorial hero */
.sg-hero3 { margin-top: 0 !important; }
.sg-hero3 .wp-block-post-template { margin: 0; padding: 0; list-style: none; }
.sg-hero3__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
	gap: clamp(32px, 6vw, 96px);
	align-items: center;
	padding-block: clamp(40px, 6vw, 88px) clamp(32px, 4vw, 56px);
}
.sg-hero3__text > * { margin-block: 0; }
.sg-hero3 .sg-eyebrow::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 2px;
	margin: 0 12px 4px 0;
	vertical-align: middle;
	background: var(--wp--preset--color--accent-2);
}
.sg-hero3__title {
	font-size: clamp(40px, 5.2vw, 76px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em;
	margin: 20px 0 20px !important;
	max-width: 14ch;
}
.sg-hero3__title a { color: var(--sg-ink); text-decoration: none; }
.sg-hero3__title a:hover { color: var(--wp--preset--color--accent-2); }
.sg-hero3__excerpt { font-size: 19px; line-height: 1.6; color: var(--sg-body-soft); max-width: 46ch; }
.sg-hero3__excerpt p { margin: 0; }
.sg-hero3__meta { margin: 22px 0 30px !important; gap: 14px !important; align-items: center; }
.sg-hero3__meta .sg-badges a {
	background: transparent !important;
	border: 1px solid var(--sg-ink);
	color: var(--sg-ink) !important;
	text-transform: uppercase;
	letter-spacing: .12em;
	font-size: 11px;
}
.sg-hero3__meta .sg-time { font-size: 14px; color: var(--wp--preset--color--ink-soft); }
.sg-hero3 .wp-block-read-more.sg-button {
	background: var(--sg-ink) !important;
	box-shadow: none;
	min-height: 52px;
	padding: 0 30px;
	letter-spacing: .04em;
}
.sg-hero3 .wp-block-read-more.sg-button:hover { background: var(--wp--preset--color--accent-2) !important; }
.sg-hero3__media {
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: 500px;
	justify-self: end;
	margin: 0 18px 18px 0 !important;
	overflow: visible !important;
}
.sg-hero3__media a { display: block; overflow: hidden; border-radius: 6px; }
.sg-hero3__media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	max-height: 620px;
	object-fit: cover;
	border-radius: 6px;
	transition: transform .8s var(--sg-ease);
}
.sg-hero3__media:hover img { transform: scale(1.03); }
.sg-hero3__media::before {
	content: "";
	position: absolute;
	inset: 18px -18px -18px 18px;
	border: 1px solid var(--sg-ink);
	border-radius: 6px;
	z-index: -1;
}
.sg-minis { border-top: 1px solid var(--sg-rule); }

@media (max-width: 781px) {
	.sg-hero3__grid { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 28px; }
	.sg-hero3__media { order: -1; max-width: none; justify-self: stretch; margin: 0 12px 12px 0 !important; }
	.sg-hero3__media img { aspect-ratio: 4 / 3 !important; max-height: none; height: auto !important; }
	.sg-hero3__media::before { inset: 12px -12px -12px 12px; }
	.sg-hero3__title { font-size: clamp(34px, 9vw, 44px) !important; margin: 14px 0 !important; }
	.sg-hero3__excerpt { font-size: 17px; }
	.sg-hero3__meta { margin: 16px 0 22px !important; }
}


/* Mobile menu: a blurred header traps position:fixed children, so keep it solid */
header.wp-block-template-part .sg-header {
	-webkit-backdrop-filter: none !important;
	backdrop-filter: none !important;
	background: #F7F3EC !important;
}
.sg-nav .wp-block-navigation__responsive-container.is-menu-open {
	position: fixed;
	inset: 0;
	background: #F7F3EC !important;
	padding: 28px 24px !important;
	z-index: 100000;
}
.sg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 56px;
	align-items: flex-start;
}
.sg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 6px !important; align-items: flex-start; }
.sg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--display) !important;
	font-size: 34px !important;
	font-weight: 600;
	letter-spacing: -.02em !important;
	text-transform: none !important;
	padding: 6px 0 !important;
	color: var(--sg-ink) !important;
	background-image: none;
}
.sg-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent-2) !important; }
.admin-bar .sg-nav .wp-block-navigation__responsive-container.is-menu-open { top: 46px; }