html:has(body.pecc-managed-page) {
	margin: 0;
	max-width: none;
	padding: 0;
	width: 100%;
}

body.pecc-managed-page {
	background: #f6f2eb;
	margin: 0;
	max-width: none;
	min-width: 320px;
	padding: 0;
	width: 100%;
}

body.pecc-managed-page .pecc-managed-main,
body.pecc-managed-page .entry-content,
body.pecc-managed-page .wp-site-blocks,
body.pecc-managed-page .alignfull {
	margin: 0 !important;
	max-width: none !important;
	padding: 0 !important;
	width: 100% !important;
}

body.pecc-managed-page .pecc-managed-main > * {
	margin-block: 0 !important;
}

.pecc-shell {
	--pecc-red: #c41230;
	--pecc-red-dark: #970f28;
	--pecc-red-soft: #fff0f2;
	--pecc-ink: #191715;
	--pecc-ink-soft: #403a36;
	--pecc-jade: #137562;
	--pecc-jade-dark: #0b5b4b;
	--pecc-jade-soft: #e7f4ef;
	--pecc-gold: #d9a514;
	--pecc-gold-dark: #705400;
	--pecc-gold-soft: #fff5d6;
	--pecc-paper: #fffdfa;
	--pecc-paper-strong: #ffffff;
	--pecc-canvas: #f6f2eb;
	--pecc-soft: #eee8df;
	--pecc-line: #ded6cb;
	--pecc-line-dark: #b9afa3;
	--pecc-muted: #6b625c;
	--pecc-content-max: 1320px;
	--pecc-reading-max: 1120px;
	--pecc-gutter: clamp(0.85rem, 2.4vw, 1.5rem);
	--pecc-radius-sm: 9px;
	--pecc-radius-md: 14px;
	--pecc-radius-lg: 22px;
	--pecc-shadow-sm: 0 8px 24px rgba(44, 31, 23, 0.07);
	--pecc-shadow-md: 0 18px 44px rgba(44, 31, 23, 0.12);
	background: var(--pecc-canvas);
	color: var(--pecc-ink);
	font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.5;
	min-height: 100vh;
	width: 100%;
}

.pecc-shell *,
.pecc-shell *::before,
.pecc-shell *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.pecc-shell [hidden] {
	display: none !important;
}

.pecc-shell :focus-visible,
.pecc-skip-link:focus {
	outline: 3px solid var(--pecc-gold);
	outline-offset: 3px;
}

.pecc-shell a {
	color: var(--pecc-red-dark);
	text-underline-offset: 3px;
}

.pecc-shell button,
.pecc-shell input,
.pecc-shell select,
.pecc-shell textarea {
	font: inherit;
	letter-spacing: 0;
}

.pecc-shell button:disabled {
	cursor: not-allowed;
	opacity: 0.48;
	transform: none !important;
}

.pecc-skip-link {
	background: #ffffff;
	border: 2px solid #1c1c1c;
	color: #1c1c1c;
	font: 800 0.9rem/1.2 Inter, "Segoe UI", sans-serif;
	left: 1rem;
	padding: 0.65rem 0.9rem;
	position: fixed;
	top: -100px;
	z-index: 100000;
}

.pecc-skip-link:focus {
	top: 1rem;
}

.pecc-shell .screen-reader-text,
.pecc-managed-page > .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;
	width: 1px;
	word-wrap: normal !important;
}

.pecc-header {
	background: var(--pecc-ink);
	border-bottom: 4px solid var(--pecc-red);
	box-shadow: 0 8px 22px rgba(25, 23, 21, 0.16);
	color: #ffffff;
	position: sticky;
	top: 0;
	z-index: 50;
}

.pecc-header__inner {
	align-items: center;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin: 0 auto;
	max-width: var(--pecc-content-max);
	min-height: 66px;
	padding: 0.65rem var(--pecc-gutter);
	width: 100%;
}

.pecc-brand {
	align-items: center;
	color: #ffffff !important;
	display: flex;
	font-size: 0.96rem;
	font-weight: 800;
	gap: 0.7rem;
	min-width: 0;
	text-decoration: none;
}

.pecc-brand__mark {
	background: var(--pecc-red);
	border: 1px solid rgba(255, 255, 255, 0.36);
	border-radius: 11px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 5px 14px rgba(0, 0, 0, 0.2);
	display: block;
	flex: 0 0 40px;
	height: 40px;
	object-fit: cover;
	width: 40px;
}

.pecc-brand__name {
	overflow-wrap: anywhere;
}

.pecc-nav {
	align-items: center;
	display: flex;
	gap: 0.25rem;
	justify-content: flex-end;
}

.pecc-nav a {
	border: 1px solid transparent;
	border-radius: 999px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.88rem;
	font-weight: 700;
	padding: 0.56rem 0.76rem;
	transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
	text-decoration: none;
}

.pecc-nav a:hover,
.pecc-nav a:focus,
.pecc-nav a[aria-current="page"] {
	background: rgba(196, 18, 48, 0.2);
	border-color: rgba(255, 255, 255, 0.14);
	color: #ffffff;
}

.pecc-nav .pecc-nav__official {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-paper-strong);
	border-radius: 999px;
	color: var(--pecc-ink);
	margin-left: 0.4rem;
	padding-inline: 0.82rem;
}

.pecc-nav .pecc-nav__official:hover,
.pecc-nav .pecc-nav__official:focus {
	background: var(--pecc-gold);
	border-color: var(--pecc-gold);
	color: var(--pecc-ink);
}

.pecc-nav-toggle {
	align-items: center;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 11px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
	color: #ffffff;
	cursor: pointer;
	display: none;
	height: 42px;
	justify-content: center;
	padding: 0;
	width: 42px;
}

.pecc-nav-toggle__icon {
	display: grid;
	gap: 4px;
	width: 20px;
}

.pecc-nav-toggle__icon span {
	background: currentColor;
	display: block;
	height: 2px;
	width: 20px;
}

.pecc-page__body {
	margin: 0 auto;
	max-width: var(--pecc-content-max);
	padding: 0 var(--pecc-gutter) 4rem;
	width: 100%;
}

.pecc-intro {
	align-items: stretch;
	background: linear-gradient(135deg, var(--pecc-paper-strong) 0%, #fff8f3 100%);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-lg);
	box-shadow: var(--pecc-shadow-sm);
	display: grid;
	gap: 2rem;
	grid-template-columns: minmax(0, 1fr) minmax(310px, 420px);
	margin: 1.5rem 0 2rem;
	overflow: hidden;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	position: relative;
}

.pecc-intro::before {
	background: var(--pecc-red);
	content: "";
	inset: 0 auto 0 0;
	position: absolute;
	width: 5px;
}

.pecc-intro__copy {
	align-content: center;
	display: grid;
	min-height: 150px;
}

.pecc-intro h1 {
	color: var(--pecc-ink);
	font-size: clamp(2.2rem, 4vw, 2.85rem);
	font-weight: 800;
	line-height: 1.06;
	margin: 0;
	max-width: 900px;
	overflow-wrap: anywhere;
}

.pecc-intro h1::after {
	background: var(--pecc-red);
	content: "";
	display: block;
	height: 4px;
	margin-top: 0.9rem;
	width: 58px;
}

.pecc-intro__copy p {
	color: var(--pecc-muted);
	font-size: 1rem;
	line-height: 1.65;
	margin: 1rem 0 0;
	max-width: 780px;
}

.pecc-source-summary {
	align-content: center;
	background: rgba(255, 255, 255, 0.62);
	border: 1px solid rgba(222, 214, 203, 0.9);
	border-radius: var(--pecc-radius-md);
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	padding: 0.55rem;
}

.pecc-source-summary div {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-soft);
	border-radius: var(--pecc-radius-sm);
	min-width: 0;
	padding: 0.72rem;
}

.pecc-source-summary div:nth-last-child(-n + 2) {
	border-bottom: 1px solid var(--pecc-soft);
}

.pecc-source-summary dt,
.pecc-source-summary dd {
	margin: 0;
}

.pecc-source-summary dt {
	color: var(--pecc-muted);
	font-size: 0.72rem;
	font-weight: 750;
	text-transform: uppercase;
}

.pecc-source-summary dd {
	color: var(--pecc-ink);
	font-size: 0.94rem;
	font-weight: 800;
	margin-top: 0.2rem;
	overflow-wrap: anywhere;
}

.pecc-tool-heading,
.pecc-section-heading {
	align-items: end;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.pecc-tool-heading {
	border-bottom: 1px solid var(--pecc-line-dark);
	margin-bottom: 1.1rem;
	padding-bottom: 1rem;
	position: relative;
}

.pecc-tool-heading::after {
	background: var(--pecc-red);
	bottom: -2px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 54px;
}

.pecc-tool-heading h2,
.pecc-section-heading h2 {
	color: var(--pecc-ink);
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-tool-heading p,
.pecc-section-heading p {
	color: var(--pecc-muted);
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 0.3rem 0 0;
}

.pecc-tool-heading > span,
.pecc-section-heading > span {
	background: var(--pecc-jade-soft);
	border: 1px solid rgba(19, 117, 98, 0.2);
	border-radius: 999px;
	color: var(--pecc-jade-dark);
	font-size: 0.84rem;
	font-weight: 800;
	padding: 0.3rem 0.62rem;
	white-space: nowrap;
}

.pecc-calculator,
.pecc-directory,
.pecc-nutrition-browser {
	margin-block: 0 3.25rem;
	min-width: 0;
}

.pecc-filter-bar {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: var(--pecc-shadow-sm);
	display: grid;
	gap: 0.9rem;
	grid-template-columns: minmax(0, 1fr) minmax(210px, 300px);
	margin-bottom: 1rem;
	padding: 1rem;
	position: sticky;
	top: 78px;
	z-index: 20;
}

.pecc-page--calculator .pecc-filter-bar {
	box-shadow: var(--pecc-shadow-sm);
}

.pecc-field,
.pecc-variant-field,
.pecc-share-fallback {
	display: grid;
	gap: 0.32rem;
	min-width: 0;
}

.pecc-field > span,
.pecc-variant-field > span,
.pecc-share-fallback > span {
	color: var(--pecc-ink-soft);
	font-size: 0.78rem;
	font-weight: 800;
}

.pecc-field input,
.pecc-field select,
.pecc-variant-field select,
.pecc-share-fallback textarea {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-line-dark);
	border-radius: var(--pecc-radius-sm);
	color: var(--pecc-ink);
	font-size: 0.92rem;
	min-height: 46px;
	padding: 0.55rem 0.7rem;
	width: 100%;
}

.pecc-field input:focus,
.pecc-field select:focus,
.pecc-variant-field select:focus,
.pecc-share-fallback textarea:focus {
	border-color: var(--pecc-red);
	box-shadow: 0 0 0 3px rgba(196, 18, 48, 0.12);
	outline: 0;
}

.pecc-calculator__layout {
	align-items: start;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: minmax(0, 1fr) minmax(350px, 410px);
}

.pecc-results {
	min-width: 0;
	position: relative;
	scroll-margin-top: 150px;
}

.pecc-results__status {
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.pecc-filter-bar__loading {
	align-items: center;
	background: var(--pecc-ink);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	box-shadow: var(--pecc-shadow-sm);
	color: #ffffff;
	display: inline-flex;
	font-size: 0.75rem;
	font-weight: 800;
	gap: 0.4rem;
	padding: 0.38rem 0.62rem;
	position: absolute;
	left: 0.45rem;
	top: calc(100% + 0.45rem);
	z-index: 3;
}

.pecc-loading-spinner {
	animation: pecc-loading-spin 700ms linear infinite;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-radius: 50%;
	border-top-color: #ffffff;
	display: inline-block;
	height: 0.8rem;
	width: 0.8rem;
}

.pecc-results.is-loading .pecc-item-list {
	opacity: 0.54;
	transition: opacity 140ms ease;
}

@keyframes pecc-loading-spin {
	to {
		transform: rotate(360deg);
	}
}

.pecc-item-list {
	display: grid;
	gap: 0.8rem;
	max-height: none;
	overflow: visible;
	padding-right: 0;
}

.pecc-item-card {
	align-items: center;
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-left: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: 0 3px 12px rgba(44, 31, 23, 0.04);
	display: grid;
	gap: 0.9rem;
	grid-template-columns: 116px minmax(0, 1fr) minmax(190px, 225px);
	min-width: 0;
	padding: 0.78rem;
	transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.pecc-item-card:hover {
	border-color: rgba(196, 18, 48, 0.45);
	box-shadow: var(--pecc-shadow-sm);
	transform: translateY(-1px);
}

.pecc-item-card__media {
	align-items: center;
	aspect-ratio: 4 / 3;
	background: var(--pecc-ink-soft);
	border-radius: var(--pecc-radius-sm);
	color: #ffffff;
	display: flex;
	font-size: 1.2rem;
	font-weight: 900;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 116px;
}

.pecc-item-card__media .pecc-picture,
.pecc-item-card__media img {
	background: var(--pecc-paper-strong);
	display: block;
	height: 100%;
	inset: 0;
	object-fit: contain;
	position: absolute;
	width: 100%;
}

.pecc-item-card__media--loaded > span {
	display: none;
}

.pecc-item-card__body,
.pecc-item-card__actions {
	min-width: 0;
}

.pecc-item-card h3 {
	color: var(--pecc-ink);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.25;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-item-card p {
	font-size: 0.79rem;
	line-height: 1.42;
	margin: 0.23rem 0 0;
}

.pecc-item-card__meta,
.pecc-item-card__nutrition,
.pecc-item-card__allergens,
.pecc-item-card__serving {
	color: var(--pecc-muted);
}

.pecc-item-card__allergens {
	font-size: 0.72rem !important;
}

.pecc-item-card__calories {
	color: var(--pecc-red-dark);
	display: block;
	font-size: 0.93rem;
	margin-top: 0.25rem;
}

.pecc-item-card__actions {
	align-items: stretch;
	display: grid;
	gap: 0.55rem;
}

.pecc-variant-field select {
	font-size: 0.82rem;
	min-height: 38px;
	padding: 0.35rem 0.48rem;
}

.pecc-item-card__serving {
	align-self: end;
	font-size: 0.76rem !important;
	font-weight: 750;
}

.pecc-button,
.pecc-mobile-summary button,
.pecc-quantity button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: var(--pecc-radius-sm);
	cursor: pointer;
	display: inline-flex;
	font-size: 0.86rem;
	font-weight: 800;
	justify-content: center;
	line-height: 1.2;
	min-height: 44px;
	padding: 0.58rem 0.78rem;
	transition: background 150ms ease, border-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.pecc-shell .pecc-button--primary {
	background: var(--pecc-red);
	color: #ffffff;
}

.pecc-button--primary:hover,
.pecc-button--primary:focus {
	background: var(--pecc-red-dark);
	transform: translateY(-1px);
}

.pecc-summary {
	background: var(--pecc-ink);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--pecc-radius-lg);
	box-shadow: var(--pecc-shadow-md);
	color: #ffffff;
	max-height: calc(100vh - 214px);
	overflow-y: auto;
	padding: 1.05rem;
	position: sticky;
	scroll-margin-top: 90px;
	/* 78px filter offset + 104px filter height + 16px breathing room. */
	top: 198px;
}

.pecc-summary::before {
	background: var(--pecc-red);
	content: "";
	display: block;
	height: 6px;
	margin: -1.05rem -1.05rem 1rem;
}

.pecc-summary__top {
	align-items: start;
	display: flex;
	gap: 1rem;
	justify-content: space-between;
}

.pecc-summary__top h2 {
	color: #ffffff;
	font-size: 1.15rem;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
}

.pecc-summary__top > div > span {
	color: rgba(255, 255, 255, 0.65);
	display: block;
	font-size: 0.76rem;
	font-weight: 750;
	margin-top: 0.22rem;
}

.pecc-summary__top > p {
	margin: 0;
	text-align: right;
}

.pecc-summary__top > p strong {
	color: #ffffff;
	display: block;
	font-size: 2.15rem;
	font-weight: 900;
	line-height: 1;
}

.pecc-summary__top > p span {
	color: rgba(255, 255, 255, 0.68);
	font-size: 0.72rem;
}

.pecc-total-grid {
	display: grid;
	gap: 0.45rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-block: 1rem;
}

.pecc-total {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: var(--pecc-radius-sm);
	min-width: 0;
	padding: 0.58rem;
}

.pecc-total span {
	color: rgba(255, 255, 255, 0.65);
	display: block;
	font-size: 0.69rem;
	line-height: 1.2;
}

.pecc-total strong {
	color: #ffffff;
	display: block;
	font-size: 0.91rem;
	line-height: 1.3;
	margin-top: 0.18rem;
	overflow-wrap: anywhere;
}

.pecc-selected {
	display: grid;
	gap: 0.5rem;
}

.pecc-selected-row {
	align-items: center;
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: var(--pecc-radius-sm);
	display: grid;
	gap: 0.55rem;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 0.62rem;
}

.pecc-selected-row__details {
	min-width: 0;
}

.pecc-selected-row__details strong {
	color: #ffffff;
	display: block;
	font-size: 0.8rem;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.pecc-selected-row__details span {
	color: rgba(255, 255, 255, 0.62);
	display: block;
	font-size: 0.68rem;
	line-height: 1.35;
	margin-top: 0.14rem;
}

.pecc-quantity {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	justify-content: flex-end;
}

.pecc-quantity button {
	background: var(--pecc-paper-strong);
	color: var(--pecc-ink);
	min-height: 31px;
	min-width: 31px;
	padding: 0.3rem 0.45rem;
}

.pecc-quantity button:last-child {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.32);
	color: #ffffff;
}

.pecc-quantity button:hover,
.pecc-quantity button:focus {
	background: var(--pecc-gold);
	border-color: var(--pecc-gold);
	color: var(--pecc-ink);
}

.pecc-quantity__value {
	font-size: 0.8rem;
	font-weight: 900;
	min-width: 1.2rem;
	text-align: center;
}

.pecc-summary__actions {
	display: grid;
	gap: 0.55rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 0.9rem;
}

.pecc-shell .pecc-button--secondary {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.34);
	color: #ffffff;
}

.pecc-shell .pecc-button--light {
	background: var(--pecc-paper-strong);
	color: var(--pecc-ink);
}

.pecc-button--secondary:hover,
.pecc-button--secondary:focus,
.pecc-button--light:hover,
.pecc-button--light:focus {
	background: var(--pecc-gold);
	border-color: var(--pecc-gold);
	color: var(--pecc-ink);
}

.pecc-empty,
.pecc-share-status {
	color: inherit;
	font-size: 0.82rem;
	line-height: 1.5;
	margin: 0;
}

.pecc-summary .pecc-empty,
.pecc-share-status {
	color: rgba(255, 255, 255, 0.68);
}

.pecc-share-status:empty {
	display: none;
}

.pecc-share-status {
	margin-top: 0.65rem;
}

.pecc-share-fallback {
	margin-top: 0.65rem;
}

.pecc-share-fallback > span {
	color: rgba(255, 255, 255, 0.72);
}

.pecc-share-fallback textarea {
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
	font-size: 0.72rem;
	line-height: 1.45;
	resize: vertical;
}

.pecc-mobile-summary {
	align-items: center;
	background: var(--pecc-ink);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: var(--pecc-radius-md);
	bottom: 0.65rem;
	box-shadow: var(--pecc-shadow-md);
	color: #ffffff;
	display: none;
	gap: 0.45rem 0.7rem;
	grid-template-columns: minmax(0, 1fr) auto;
	left: 0.65rem;
	padding: 0.65rem;
	position: fixed;
	right: 0.65rem;
	transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease;
	z-index: 60;
}

.pecc-mobile-summary.is-outside-calculator {
	opacity: 0;
	pointer-events: none;
	transform: translateY(calc(100% + 1.5rem));
	visibility: hidden;
}

.pecc-mobile-summary::before {
	background: var(--pecc-red);
	border-radius: var(--pecc-radius-md) var(--pecc-radius-md) 0 0;
	content: "";
	height: 4px;
	inset: 0 0 auto;
	position: absolute;
}

.pecc-mobile-summary__total {
	display: grid;
	min-width: 0;
}

.pecc-mobile-summary__total > span {
	color: rgba(255, 255, 255, 0.66);
	font-size: 0.68rem;
	font-weight: 750;
}

.pecc-mobile-summary__total strong {
	color: #ffffff;
	font-size: 1rem;
	font-weight: 900;
}

.pecc-mobile-summary button {
	background: var(--pecc-paper-strong);
	color: var(--pecc-ink);
	min-height: 40px;
	padding: 0.45rem 0.62rem;
}

.pecc-mobile-summary__nutrients {
	display: flex;
	gap: 0.35rem;
	grid-column: 1 / -1;
	overflow-x: auto;
	scrollbar-width: none;
}

.pecc-mobile-summary__nutrients::-webkit-scrollbar {
	display: none;
}

.pecc-mobile-summary__nutrient {
	align-items: baseline;
	border-right: 1px solid rgba(255, 255, 255, 0.22);
	display: inline-flex;
	flex: 0 0 auto;
	gap: 0.22rem;
	padding-right: 0.38rem;
}

.pecc-mobile-summary__nutrient:last-child {
	border-right: 0;
}

.pecc-mobile-summary__nutrient span {
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.63rem;
}

.pecc-mobile-summary__nutrient strong {
	color: #ffffff;
	font-size: 0.7rem;
}

.pecc-disclosures {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-left: 5px solid var(--pecc-gold);
	border-radius: var(--pecc-radius-lg);
	box-shadow: var(--pecc-shadow-sm);
	margin: 3.5rem 0 1rem;
	padding: 1.35rem;
}

.pecc-disclosures .pecc-section-heading {
	margin-bottom: 1rem;
}

.pecc-disclosures .pecc-section-heading > a {
	font-size: 0.84rem;
	font-weight: 800;
	white-space: nowrap;
}

.pecc-disclosures__grid {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	overflow: hidden;
}

.pecc-disclosures__grid article {
	border-bottom: 1px solid var(--pecc-line);
	min-width: 0;
	padding: 1.15rem;
}

.pecc-disclosures__grid article:nth-child(odd) {
	border-right: 1px solid var(--pecc-line);
}

.pecc-disclosures__grid article:nth-last-child(-n + 2) {
	border-bottom: 0;
}

.pecc-disclosures__grid h3 {
	color: var(--pecc-ink);
	font-size: 0.96rem;
	font-weight: 800;
	line-height: 1.3;
	margin: 0;
}

.pecc-disclosures__grid p {
	color: var(--pecc-muted);
	font-size: 0.85rem;
	line-height: 1.58;
	margin: 0.5rem 0 0;
}

.pecc-guide {
	border-top: 0;
	margin: 4rem auto 1.5rem;
	max-width: var(--pecc-reading-max);
	min-width: 0;
	padding-top: 0;
}

.pecc-guide__lead {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-top: 5px solid var(--pecc-red);
	border-radius: var(--pecc-radius-lg);
	box-shadow: var(--pecc-shadow-sm);
	max-width: none;
	padding: clamp(1.35rem, 3vw, 2rem);
}

.pecc-guide__eyebrow {
	color: var(--pecc-red-dark) !important;
	font-size: 0.78rem !important;
	font-weight: 800;
	margin: 0 0 0.55rem !important;
	text-transform: uppercase;
}

.pecc-guide__lead h2,
.pecc-guide-section > h2 {
	color: var(--pecc-ink);
	font-size: 1.85rem;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-guide__lead > p:last-child,
.pecc-guide-section > p {
	color: var(--pecc-ink-soft);
	font-size: 1rem;
	line-height: 1.72;
	margin: 1rem 0 0;
	max-width: 900px;
}

.pecc-guide__toc {
	align-items: start;
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: 0 4px 14px rgba(44, 31, 23, 0.04);
	display: grid;
	gap: 1.1rem;
	grid-template-columns: 140px minmax(0, 1fr);
	margin-top: 2rem;
	padding: 1.1rem 1.25rem;
}

.pecc-guide__toc strong {
	color: var(--pecc-ink);
	font-size: 0.85rem;
	font-weight: 800;
	padding-top: 0.18rem;
}

.pecc-guide__toc ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pecc-guide__toc a {
	font-size: 0.84rem;
	font-weight: 750;
}

.pecc-guide-section {
	border-top: 1px solid var(--pecc-line);
	margin-top: 3.5rem;
	padding-top: 2.25rem;
	scroll-margin-top: 90px;
}

.pecc-guide-section h3 {
	color: var(--pecc-ink);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.35;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-guide-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 1.25rem;
	margin-top: 1.2rem;
}

.pecc-guide-links a {
	font-size: 0.88rem;
	font-weight: 800;
}

.pecc-guide-facts {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: 0 4px 14px rgba(44, 31, 23, 0.04);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 1.5rem;
	overflow: hidden;
}

.pecc-guide-facts > div {
	border-right: 1px solid var(--pecc-line);
	display: grid;
	gap: 0.15rem;
	min-width: 0;
	padding: 1rem 1.15rem;
}

.pecc-guide-facts > div:last-child {
	border-right: 0;
}

.pecc-guide-facts strong {
	color: var(--pecc-red-dark);
	font-size: 1.45rem;
	font-weight: 800;
}

.pecc-guide-facts span {
	color: var(--pecc-muted);
	font-size: 0.78rem;
	font-weight: 750;
	overflow-wrap: anywhere;
}

.pecc-guide-steps {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	counter-reset: pecc-guide-step;
	list-style: none;
	margin: 1.5rem 0 0;
	overflow: hidden;
	padding: 0 1.15rem;
}

.pecc-guide-steps li {
	border-bottom: 1px solid var(--pecc-line);
	counter-increment: pecc-guide-step;
	display: grid;
	gap: 1rem;
	grid-template-columns: 54px minmax(0, 1fr);
	padding: 1.15rem 0;
}

.pecc-guide-steps li:last-child {
	border-bottom: 0;
}

.pecc-guide-steps li::before {
	align-items: center;
	background: var(--pecc-ink);
	border-radius: 50%;
	color: #ffffff;
	content: counter(pecc-guide-step);
	display: inline-flex;
	font-size: 0.82rem;
	font-weight: 900;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.pecc-guide-steps p,
.pecc-guide-reading-grid p,
.pecc-guide-faq__item p,
.pecc-guide-callout p {
	color: var(--pecc-muted);
	font-size: 0.9rem;
	line-height: 1.66;
	margin: 0.45rem 0 0;
}

.pecc-guide-reading-grid {
	background: var(--pecc-paper);
	border-left: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	border-top: 1px solid var(--pecc-line);
	box-shadow: 0 4px 14px rgba(44, 31, 23, 0.04);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 1.5rem;
	overflow: hidden;
}

.pecc-guide-reading-grid article {
	border-bottom: 1px solid var(--pecc-line);
	border-right: 1px solid var(--pecc-line);
	min-width: 0;
	padding: 1.2rem;
}

.pecc-guide-callout {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-left: 4px solid var(--pecc-red);
	border-radius: var(--pecc-radius-md);
	box-shadow: 0 4px 14px rgba(44, 31, 23, 0.04);
	margin-top: 1.4rem;
	padding: 1.25rem 1.35rem;
}

.pecc-guide-callout > strong {
	color: var(--pecc-ink);
	font-size: 0.9rem;
	font-weight: 800;
}

.pecc-guide-source-line {
	border-block: 1px solid var(--pecc-line);
	font-size: 0.88rem !important;
	padding: 0.9rem 0;
}

.pecc-guide-faq {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-top: 4px solid var(--pecc-red);
	border-radius: var(--pecc-radius-md);
	margin-top: 1.5rem;
	overflow: hidden;
	padding-inline: 1.2rem;
}

.pecc-guide-faq__item {
	border-bottom: 1px solid var(--pecc-line);
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.4fr);
	padding: 1.3rem 0;
}

.pecc-guide-faq__item:last-child {
	border-bottom: 0;
}

.pecc-guide-faq__item p {
	margin-top: 0;
}

.pecc-menu-sections {
	display: grid;
	gap: 3.5rem;
}

.pecc-menu-category {
	min-width: 0;
}

.pecc-menu-category > .pecc-section-heading {
	border-bottom: 1px solid var(--pecc-line-dark);
	margin-bottom: 0.9rem;
	padding-bottom: 0.7rem;
}

.pecc-menu-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.pecc-menu-card {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: 0 3px 12px rgba(44, 31, 23, 0.04);
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
	overflow: hidden;
	transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.pecc-menu-card:hover {
	border-color: rgba(196, 18, 48, 0.4);
	box-shadow: var(--pecc-shadow-sm);
	transform: translateY(-2px);
}

.pecc-menu-card__media {
	align-items: center;
	aspect-ratio: 3 / 2;
	background: var(--pecc-ink-soft);
	color: #ffffff;
	display: flex;
	font-size: 1.5rem;
	font-weight: 900;
	justify-content: center;
	overflow: hidden;
	width: 100%;
}

.pecc-menu-card__media .pecc-picture,
.pecc-menu-card__media img {
	background: var(--pecc-paper-strong);
	display: block;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.pecc-menu-card__body {
	align-content: start;
	display: grid;
	grid-template-rows: auto auto auto auto 1fr;
	min-width: 0;
	padding: 1rem;
}

.pecc-menu-card__category {
	color: var(--pecc-red-dark) !important;
	font-size: 0.7rem !important;
	font-weight: 800;
	margin: 0 !important;
	text-transform: uppercase;
}

.pecc-menu-card h3 {
	color: var(--pecc-ink);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.28;
	margin: 0.3rem 0 0;
	overflow-wrap: anywhere;
}

.pecc-menu-card p {
	color: var(--pecc-muted);
	font-size: 0.82rem;
	line-height: 1.45;
	margin: 0.45rem 0 0;
}

.pecc-menu-card strong {
	color: var(--pecc-red-dark);
	font-size: 0.9rem;
	margin-top: 0.38rem;
}

.pecc-menu-card a {
	align-self: end;
	font-size: 0.84rem;
	font-weight: 800;
	margin-top: 0.9rem;
}

.pecc-unavailable {
	align-self: end;
	color: var(--pecc-muted);
	font-size: 0.78rem;
	font-weight: 750;
	margin-top: 0.9rem;
}

.pecc-empty--page {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	color: var(--pecc-muted);
	padding: 1.5rem;
	text-align: center;
}

.pecc-alert {
	background: var(--pecc-gold-soft);
	border: 1px solid rgba(217, 165, 20, 0.55);
	border-left: 5px solid var(--pecc-gold);
	border-radius: var(--pecc-radius-md);
	color: var(--pecc-gold-dark);
	font-size: 0.88rem;
	line-height: 1.55;
	margin-block: 1.25rem;
	padding: 0.85rem 1rem;
}

.pecc-table-wrap {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: var(--pecc-shadow-sm);
	max-height: 76vh;
	overflow: auto;
	scrollbar-color: var(--pecc-line-dark) transparent;
	width: 100%;
}

.pecc-page--nutrition .pecc-table-wrap {
	max-height: calc(100vh - 214px);
	position: sticky;
	top: 198px;
	z-index: 10;
}

.pecc-nutrition-table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.76rem;
	min-width: 2460px;
	table-layout: fixed;
	width: 2460px;
}

.pecc-nutrition-table th,
.pecc-nutrition-table td {
	background: var(--pecc-paper-strong);
	border-bottom: 1px solid var(--pecc-line);
	border-right: 1px solid var(--pecc-soft);
	padding: 0.62rem 0.55rem;
	text-align: center;
	vertical-align: middle;
}

.pecc-nutrition-table thead th {
	background: var(--pecc-ink);
	color: #ffffff;
	font-size: 0.69rem;
	font-weight: 800;
	line-height: 1.3;
	position: sticky;
	top: 0;
	z-index: 3;
}

.pecc-nutrition-table thead th:first-child {
	left: 0;
	max-width: 280px;
	min-width: 280px;
	width: 280px;
	z-index: 5;
}

.pecc-nutrition-table tbody th {
	background: var(--pecc-paper-strong);
	left: 0;
	max-width: 280px;
	min-width: 280px;
	position: sticky;
	text-align: left;
	width: 280px;
	z-index: 2;
}

.pecc-nutrition-table tbody th strong,
.pecc-nutrition-table tbody th span,
.pecc-nutrition-table tbody th em {
	display: block;
}

.pecc-nutrition-table tbody th strong {
	color: var(--pecc-ink);
	font-size: 0.79rem;
	line-height: 1.35;
}

.pecc-nutrition-table tbody th span {
	color: var(--pecc-muted);
	font-size: 0.66rem;
	font-weight: 700;
	margin-top: 0.18rem;
}

.pecc-nutrition-table tbody th em {
	color: var(--pecc-red-dark);
	font-size: 0.64rem;
	font-style: normal;
	font-weight: 800;
	margin-top: 0.22rem;
}

.pecc-nutrition-table tbody tr:hover td,
.pecc-nutrition-table tbody tr:hover th {
	background: var(--pecc-jade-soft);
}

.pecc-nutrition-table tbody tr.pecc-nutrition-row--bounded td,
.pecc-nutrition-table tbody tr.pecc-nutrition-row--bounded th {
	background: var(--pecc-gold-soft);
}

.pecc-nutrition-table tbody tr.pecc-nutrition-row--unavailable td,
.pecc-nutrition-table tbody tr.pecc-nutrition-row--unavailable th {
	background: #f0f1f1;
	color: var(--pecc-muted);
}

.pecc-allergen {
	font-size: 0.68rem;
	font-weight: 800;
}

.pecc-allergen--yes {
	color: var(--pecc-red-dark);
}

.pecc-allergen--no {
	color: var(--pecc-muted);
}

.pecc-support-page {
	max-width: var(--pecc-content-max);
	padding-bottom: 4rem;
}

.pecc-support-hero {
	align-items: center;
	background: linear-gradient(135deg, var(--pecc-paper-strong) 0%, #fff8f3 100%);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-lg);
	box-shadow: var(--pecc-shadow-sm);
	display: grid;
	gap: 2.5rem;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 310px);
	margin: 1.5rem 0 2rem;
	overflow: hidden;
	padding: clamp(1.5rem, 3vw, 2.4rem);
	position: relative;
}

.pecc-support-hero::before {
	background: var(--pecc-red);
	content: "";
	inset: 0 auto 0 0;
	position: absolute;
	width: 5px;
}

.pecc-support-hero__copy {
	min-width: 0;
}

.pecc-support-hero__eyebrow {
	color: var(--pecc-red-dark) !important;
	font-size: 0.76rem !important;
	font-weight: 800;
	letter-spacing: 0.08em !important;
	margin: 0 0 0.7rem !important;
	text-transform: uppercase;
}

.pecc-support-hero h1 {
	color: var(--pecc-ink);
	font-size: clamp(2.2rem, 4vw, 2.85rem);
	font-weight: 800;
	line-height: 1.04;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-support-hero h1::after {
	background: var(--pecc-red);
	content: "";
	display: block;
	height: 4px;
	margin-top: 0.9rem;
	width: 58px;
}

.pecc-support-hero__copy > p:last-child {
	color: var(--pecc-muted);
	font-size: 1.02rem;
	line-height: 1.7;
	margin: 1.1rem 0 0;
	max-width: 760px;
}

.pecc-support-hero__meta {
	background: var(--pecc-ink);
	border-left: 5px solid var(--pecc-gold);
	border-radius: var(--pecc-radius-md);
	box-shadow: 0 10px 26px rgba(25, 23, 21, 0.16);
	color: #ffffff;
	display: grid;
	gap: 0.2rem;
	padding: 1.2rem 1.25rem;
}

.pecc-support-hero__meta span {
	color: rgba(255, 255, 255, 0.64);
	font-size: 0.7rem;
	font-weight: 800;
	text-transform: uppercase;
}

.pecc-support-hero__meta strong {
	font-size: 0.82rem;
	margin-top: 0.45rem;
}

.pecc-support-hero__meta time {
	color: #ffffff;
	font-size: 1rem;
	font-weight: 800;
}

.pecc-support-layout {
	align-items: start;
	display: grid;
	gap: 1.5rem;
	grid-template-columns: minmax(210px, 250px) minmax(0, 1fr);
	margin-top: 0;
}

.pecc-support-toc {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-top: 4px solid var(--pecc-red);
	border-radius: var(--pecc-radius-md);
	box-shadow: var(--pecc-shadow-sm);
	padding: 1.1rem;
	position: sticky;
	top: 90px;
}

.pecc-support-toc > strong {
	color: var(--pecc-ink);
	display: block;
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.pecc-support-toc ol {
	display: grid;
	gap: 0;
	list-style: decimal;
	margin: 0.7rem 0 0;
	padding-left: 1.25rem;
}

.pecc-support-toc li {
	border-top: 1px solid var(--pecc-soft);
	color: var(--pecc-muted);
	font-size: 0.82rem;
	padding: 0.55rem 0 0.55rem 0.12rem;
}

.pecc-support-toc li:first-child {
	border-top: 0;
}

.pecc-support-toc a {
	color: var(--pecc-ink-soft);
	font-weight: 750;
	overflow-wrap: anywhere;
	text-decoration: none;
}

.pecc-support-toc a:hover,
.pecc-support-toc a:focus {
	color: var(--pecc-red-dark);
	text-decoration: underline;
}

.pecc-support-content {
	display: grid;
	gap: 1rem;
	min-width: 0;
}

.pecc-support-notice {
	background: var(--pecc-gold-soft);
	border: 1px solid rgba(217, 165, 20, 0.45);
	border-left: 5px solid var(--pecc-gold);
	border-radius: var(--pecc-radius-md);
	padding: 1rem 1.1rem;
}

.pecc-support-notice > strong {
	color: var(--pecc-ink);
	display: block;
	font-size: 0.82rem;
	font-weight: 800;
	text-transform: uppercase;
}

.pecc-support-notice p {
	color: var(--pecc-ink-soft);
	line-height: 1.65;
	margin: 0.35rem 0 0;
}

.pecc-support-section {
	background: var(--pecc-paper);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: 0 4px 14px rgba(44, 31, 23, 0.04);
	margin-top: 0;
	padding: 1.5rem;
	scroll-margin-top: 96px;
}

.pecc-support-section h2,
.pecc-support-actions h2 {
	color: var(--pecc-ink);
	font-size: 1.55rem;
	font-weight: 800;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-support-section p,
.pecc-support-section li,
.pecc-support-actions p {
	color: var(--pecc-ink-soft);
	font-size: 0.96rem;
	line-height: 1.76;
}

.pecc-support-section p {
	margin: 0.9rem 0 0;
}

.pecc-support-section ul {
	display: grid;
	gap: 0.5rem;
	margin: 1rem 0 0;
	padding-left: 1.25rem;
}

.pecc-support-section li::marker {
	color: var(--pecc-red);
}

.pecc-support-section__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1.1rem;
}

.pecc-support-section__links a {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-line-dark);
	border-radius: var(--pecc-radius-sm);
	font-size: 0.86rem;
	font-weight: 800;
	overflow-wrap: anywhere;
	padding: 0.62rem 0.8rem;
	text-decoration: none;
}

.pecc-support-section__links a:hover,
.pecc-support-section__links a:focus {
	background: var(--pecc-red-soft);
	border-color: var(--pecc-red);
}

.pecc-support-actions {
	align-items: center;
	background: var(--pecc-ink);
	border-left: 5px solid var(--pecc-red);
	border-radius: var(--pecc-radius-lg);
	box-shadow: var(--pecc-shadow-md);
	display: grid;
	gap: 1.25rem;
	grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
	margin-top: 0;
	padding: 1.35rem;
}

.pecc-support-actions h2,
.pecc-support-actions p {
	color: #ffffff;
}

.pecc-support-actions p {
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.88rem;
	line-height: 1.6;
	margin: 0.5rem 0 0;
}

.pecc-support-actions__links {
	display: grid;
	gap: 0.48rem;
}

.pecc-support-actions__links a {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-paper-strong);
	border-radius: var(--pecc-radius-sm);
	color: var(--pecc-ink);
	font-size: 0.82rem;
	font-weight: 800;
	overflow-wrap: anywhere;
	padding: 0.62rem 0.72rem;
	text-align: center;
	text-decoration: none;
}

.pecc-support-actions__links a:hover,
.pecc-support-actions__links a:focus {
	background: var(--pecc-gold);
	border-color: var(--pecc-gold);
}

.pecc-footer {
	background: var(--pecc-ink);
	border-top: 4px solid var(--pecc-red);
	color: rgba(255, 255, 255, 0.72);
}

.pecc-footer__inner {
	align-items: start;
	display: flex;
	gap: 2.5rem;
	justify-content: space-between;
	margin: 0 auto;
	max-width: var(--pecc-content-max);
	padding: 2.15rem var(--pecc-gutter);
}

.pecc-footer__about {
	max-width: 560px;
	min-width: 0;
}

.pecc-footer__about p {
	font-size: 0.77rem;
	line-height: 1.55;
	margin: 0;
}

.pecc-footer strong {
	color: #ffffff;
}

.pecc-footer__navs {
	display: grid;
	flex: 0 1 670px;
	gap: 1.5rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	min-width: 0;
}

.pecc-footer__nav {
	min-width: 0;
}

.pecc-footer__label {
	color: rgba(255, 255, 255, 0.58);
	display: block;
	font-size: 0.66rem;
	font-weight: 800;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

.pecc-footer__nav > div {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.75rem;
}

.pecc-footer a {
	color: #ffffff;
	font-size: 0.76rem;
	font-weight: 750;
	overflow-wrap: anywhere;
}

.pecc-footer a[aria-current="page"] {
	color: var(--pecc-gold);
	text-decoration-thickness: 2px;
}

body.admin-bar .pecc-header {
	top: 32px;
}

body.admin-bar .pecc-filter-bar {
	top: 114px;
}

body.admin-bar .pecc-summary {
	max-height: calc(100vh - 250px);
	top: 234px;
}

body.admin-bar .pecc-page--nutrition .pecc-table-wrap {
	max-height: calc(100vh - 250px);
	top: 234px;
}

body.admin-bar .pecc-support-toc {
	top: 122px;
}

@media (max-width: 1100px) {
	.pecc-calculator__layout {
		grid-template-columns: minmax(0, 1fr) minmax(320px, 360px);
	}

	.pecc-item-card {
		grid-template-columns: 96px minmax(0, 1fr) minmax(175px, 205px);
	}

	.pecc-item-card__media {
		width: 96px;
	}

	.pecc-footer__inner {
		flex-direction: column;
	}

	.pecc-footer__navs {
		flex-basis: auto;
		width: 100%;
	}
}

@media (max-width: 920px) {
	.pecc-intro {
		gap: 1.3rem;
		grid-template-columns: minmax(0, 1fr) 310px;
	}

	.pecc-intro h1 {
		font-size: 2.1rem;
	}

	.pecc-calculator__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-item-list {
		max-height: none;
	}

	.pecc-summary {
		max-height: none;
		position: relative;
		top: auto;
	}

	body.admin-bar .pecc-summary {
		top: auto;
	}

	.pecc-page--nutrition .pecc-table-wrap,
	body.admin-bar .pecc-page--nutrition .pecc-table-wrap {
		max-height: 70vh;
		position: relative;
		top: auto;
	}

	.pecc-guide-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pecc-guide-facts > div:nth-child(-n + 2) {
		border-bottom: 1px solid var(--pecc-line);
	}

	.pecc-guide-facts > div:nth-child(2) {
		border-right: 0;
	}

	.pecc-guide-faq__item {
		gap: 0.55rem;
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-support-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-support-toc,
	body.admin-bar .pecc-support-toc {
		position: relative;
		top: auto;
	}

	.pecc-support-toc ol {
		column-gap: 2rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	body.admin-bar .pecc-header {
		top: 46px;
	}

	body.admin-bar .pecc-filter-bar {
		top: 124px;
	}
}

@media (max-width: 760px) {
	.pecc-header__inner {
		min-height: 62px;
		padding-inline: 0.85rem;
		position: relative;
	}

	.pecc-brand {
		font-size: 0.88rem;
	}

	.pecc-brand__mark {
		flex-basis: 36px;
		height: 36px;
		width: 36px;
	}

	.pecc-nav-toggle {
		display: inline-flex;
		flex: 0 0 48px;
		height: 48px;
		width: 48px;
	}

	.pecc-nav {
		align-items: stretch;
		background: var(--pecc-ink);
		border-bottom: 4px solid var(--pecc-red);
		display: none;
		flex-direction: column;
		inset: 100% 0 auto;
		box-shadow: 0 18px 32px rgba(25, 23, 21, 0.24);
		gap: 0.25rem;
		padding: 0.65rem 0.85rem 0.85rem;
		position: absolute;
	}

	.pecc-header.is-nav-open .pecc-nav {
		display: flex;
	}

	.pecc-nav a {
		align-items: center;
		border: 1px solid transparent;
		border-radius: var(--pecc-radius-sm);
		display: flex;
		min-height: 48px;
		padding: 0.72rem 0.75rem;
	}

	.pecc-nav a[aria-current="page"] {
		border-color: rgba(255, 255, 255, 0.14);
	}

	.pecc-nav .pecc-nav__official {
		margin: 0.45rem 0 0;
		padding: 0.7rem;
		text-align: center;
	}

	.pecc-page__body {
		padding-inline: 0.85rem;
	}

	.pecc-support-page {
		padding-bottom: 3rem;
	}

	.pecc-support-hero {
		gap: 1.25rem;
		grid-template-columns: minmax(0, 1fr);
		margin: 1rem 0 1.5rem;
		padding: 1.4rem;
	}

	.pecc-support-hero__copy > p:last-child {
		font-size: 0.94rem;
	}

	.pecc-support-layout {
		gap: 1.3rem;
		margin-top: 0;
	}

	.pecc-support-toc ol {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-support-section {
		margin-top: 0;
		padding: 1.25rem;
		scroll-margin-top: 76px;
	}

	.pecc-support-actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-intro {
		grid-template-columns: minmax(0, 1fr);
		margin: 1rem 0 1.5rem;
		padding: 1.35rem;
	}

	.pecc-intro__copy {
		min-height: 0;
	}

	.pecc-intro h1 {
		font-size: 1.8rem;
	}

	.pecc-intro__copy p {
		font-size: 0.94rem;
	}

	.pecc-source-summary {
		gap: 0.4rem;
		padding: 0.45rem;
	}

	.pecc-filter-bar {
		grid-template-columns: minmax(0, 1fr);
		position: relative;
		top: auto;
	}

	body.admin-bar .pecc-filter-bar {
		top: auto;
	}

	.pecc-field input,
	.pecc-field select,
	.pecc-variant-field select,
	.pecc-share-fallback textarea,
	.pecc-button,
	.pecc-mobile-summary button {
		min-height: 48px;
	}

	.pecc-quantity button {
		min-height: 48px;
		min-width: 48px;
	}

	.pecc-tool-heading,
	.pecc-section-heading {
		align-items: start;
		flex-direction: column;
		gap: 0.45rem;
	}

	.pecc-tool-heading > span,
	.pecc-section-heading > span,
	.pecc-disclosures .pecc-section-heading > a {
		white-space: normal;
	}

	.pecc-item-list {
		max-height: none;
		overflow: visible;
		padding-right: 0;
	}

	.pecc-item-card {
		align-items: start;
		grid-template-columns: 88px minmax(0, 1fr);
	}

	.pecc-item-card__media {
		grid-row: 1;
		width: 88px;
	}

	.pecc-item-card__actions {
		grid-column: 1 / -1;
		grid-template-columns: minmax(0, 1fr) minmax(140px, 190px);
	}

	.pecc-item-card__actions > .pecc-item-card__serving:only-child {
		grid-column: 1 / -1;
	}

	.pecc-summary {
		scroll-margin-top: 78px;
	}

	.pecc-page--calculator .pecc-page__body {
		padding-bottom: max(8.5rem, calc(7.5rem + env(safe-area-inset-bottom)));
	}

	.pecc-page--calculator .pecc-filter-bar {
		position: sticky;
		top: 67px;
		z-index: 30;
	}

	.pecc-page--calculator .pecc-results {
		scroll-margin-top: 270px;
	}

	body.admin-bar .pecc-page--calculator .pecc-filter-bar {
		top: 113px;
	}

	.pecc-page--calculator .pecc-mobile-summary {
		display: grid;
	}

	.pecc-disclosures__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-disclosures {
		padding: 1rem;
	}

	.pecc-disclosures__grid article,
	.pecc-disclosures__grid article:nth-child(odd),
	.pecc-disclosures__grid article:nth-last-child(-n + 2) {
		border-bottom: 1px solid var(--pecc-line);
		border-right: 0;
	}

	.pecc-disclosures__grid article:last-child {
		border-bottom: 0;
	}

	.pecc-guide {
		margin-top: 3rem;
		padding-top: 0;
	}

	.pecc-guide__lead h2,
	.pecc-guide-section > h2 {
		font-size: 1.5rem;
	}

	.pecc-guide__toc {
		gap: 0.65rem;
		grid-template-columns: minmax(0, 1fr);
		padding: 1rem;
	}

	.pecc-guide-section {
		margin-top: 2.75rem;
		padding-top: 1.75rem;
		scroll-margin-top: 76px;
	}

	.pecc-guide-steps li {
		gap: 0.7rem;
		grid-template-columns: 44px minmax(0, 1fr);
	}

	.pecc-guide-steps li::before {
		height: 34px;
		width: 34px;
	}

	.pecc-guide-reading-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-guide-links {
		display: grid;
		gap: 0.55rem;
	}

	.pecc-guide-callout {
		padding: 1.1rem;
	}

	.pecc-menu-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pecc-table-wrap {
		max-height: 70vh;
	}

	.pecc-footer__inner {
		align-items: flex-start;
		flex-direction: column;
		padding-inline: 0.85rem;
	}

	.pecc-footer__navs {
		width: 100%;
	}

	.pecc-footer__nav > div {
		justify-content: flex-start;
	}
}

@media (max-width: 560px) {
	.pecc-intro h1 {
		font-size: 1.65rem;
	}

	.pecc-source-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pecc-source-summary div,
	.pecc-source-summary div:nth-last-child(-n + 2) {
		border-bottom: 1px solid var(--pecc-soft);
		padding: 0.62rem;
	}

	.pecc-source-summary div:last-child {
		border-bottom: 1px solid var(--pecc-soft);
	}

	.pecc-tool-heading h2,
	.pecc-section-heading h2 {
		font-size: 1.3rem;
	}

	.pecc-item-card {
		gap: 0.7rem;
		grid-template-columns: 76px minmax(0, 1fr);
		padding: 0.68rem;
	}

	.pecc-item-card__media {
		width: 76px;
	}

	.pecc-item-card__actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-total-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pecc-selected-row {
		align-items: start;
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-quantity {
		justify-content: flex-start;
	}

	.pecc-summary__actions {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-menu-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-mobile-summary {
		bottom: max(0.45rem, env(safe-area-inset-bottom));
		left: 0.45rem;
		right: 0.45rem;
	}

	.pecc-support-hero h1 {
		font-size: 1.85rem;
	}

	.pecc-support-section h2,
	.pecc-support-actions h2 {
		font-size: 1.32rem;
	}

	.pecc-support-section__links {
		display: grid;
	}

	.pecc-footer__navs {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 761px) and (max-width: 819px) {
	.pecc-page--calculator .pecc-filter-bar {
		top: 97px;
	}

	.pecc-page--calculator .pecc-results {
		scroll-margin-top: 220px;
	}

	body.admin-bar .pecc-page--calculator .pecc-filter-bar {
		top: 129px;
	}
}

@media (min-width: 761px) and (max-width: 782px) {
	body.admin-bar .pecc-page--calculator .pecc-filter-bar {
		top: 143px;
	}
}

@media (max-width: 360px) {
	.pecc-brand__name {
		font-size: 0.78rem;
	}

	.pecc-page__body {
		padding-inline: 0.65rem;
	}

	.pecc-intro {
		margin: 0.8rem 0 1.35rem;
		padding-inline: 0.8rem;
	}

	.pecc-support-hero {
		margin: 0.8rem 0 1.35rem;
		padding-inline: 0.8rem;
	}

	.pecc-item-card {
		grid-template-columns: 68px minmax(0, 1fr);
	}

	.pecc-item-card__media {
		width: 68px;
	}

	.pecc-guide-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pecc-guide-facts > div,
	.pecc-guide-facts > div:nth-child(2) {
		border-bottom: 1px solid var(--pecc-line);
		border-right: 1px solid var(--pecc-line);
	}

	.pecc-guide-facts > div:nth-child(even) {
		border-right: 0;
	}

	.pecc-guide-facts > div:nth-last-child(-n + 2) {
		border-bottom: 0;
	}
}

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

	.pecc-loading-spinner {
		animation: none;
	}
}

/* Managed editorial archive and article surfaces. */
.pecc-page--blog .pecc-page__body,
.pecc-page--article .pecc-page__body {
	padding-bottom: 4.5rem;
}

.pecc-blog-hero {
	background: var(--pecc-ink);
	border-bottom: 5px solid var(--pecc-red);
	border-radius: var(--pecc-radius-lg);
	box-shadow: var(--pecc-shadow-md);
	color: #ffffff;
	margin: 1.5rem auto 2.5rem;
	max-width: var(--pecc-reading-max);
	padding: clamp(1.5rem, 4vw, 3.2rem);
}

.pecc-blog-hero h1 {
	color: #ffffff;
	font-size: clamp(2.15rem, 4vw, 3.2rem);
	font-weight: 850;
	line-height: 1.05;
	margin: 0;
	max-width: 900px;
	overflow-wrap: anywhere;
}

.pecc-blog-hero > p:not(.pecc-article__eyebrow) {
	color: rgba(255, 255, 255, 0.78);
	font-size: 1.03rem;
	line-height: 1.7;
	margin: 1.1rem 0 0;
	max-width: 800px;
}

.pecc-blog-hero .pecc-article__eyebrow {
	color: var(--pecc-gold);
}

.pecc-blog-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: 1.5rem;
}

.pecc-blog-list,
.pecc-blog-note {
	margin: 0 auto;
	max-width: var(--pecc-reading-max);
}

.pecc-blog-list .pecc-section-heading {
	align-items: end;
	margin-bottom: 1.2rem;
}

.pecc-blog-list .pecc-section-heading > p {
	color: var(--pecc-muted);
	font-size: 0.9rem;
	line-height: 1.6;
	margin: 0;
	max-width: 390px;
}

.pecc-blog-grid {
	display: grid;
	gap: 1.1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pecc-blog-card {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: var(--pecc-shadow-sm);
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	min-width: 0;
	overflow: hidden;
}

.pecc-blog-card__media {
	background: var(--pecc-ink);
	display: block;
	min-height: 205px;
	overflow: hidden;
}

.pecc-blog-card__media .pecc-picture,
.pecc-blog-card__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.pecc-blog-card__media > span {
	align-items: center;
	color: var(--pecc-gold);
	display: flex;
	font-size: 2rem;
	font-weight: 900;
	height: 100%;
	justify-content: center;
	min-height: 205px;
}

.pecc-blog-card__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 1.15rem 1.2rem;
}

.pecc-blog-card__body h3 {
	font-size: 1.18rem;
	line-height: 1.25;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-blog-card__body h3 a {
	color: var(--pecc-ink);
	text-decoration: none;
}

.pecc-blog-card__body h3 a:hover,
.pecc-blog-card__body h3 a:focus {
	color: var(--pecc-red-dark);
	text-decoration: underline;
}

.pecc-blog-card__body > p:not(.pecc-article__eyebrow):not(.pecc-blog-card__author) {
	color: var(--pecc-muted);
	font-size: 0.88rem;
	line-height: 1.58;
	margin: 0.65rem 0 0;
}

.pecc-blog-card__author {
	color: var(--pecc-ink-soft);
	font-size: 0.75rem;
	font-weight: 750;
	margin: auto 0 0.7rem;
	padding-top: 0.8rem;
}

.pecc-blog-card__link {
	font-size: 0.82rem;
	font-weight: 850;
}

.pecc-blog-note {
	background: var(--pecc-jade-soft);
	border: 1px solid #b8d9cd;
	border-left: 5px solid var(--pecc-jade);
	border-radius: var(--pecc-radius-md);
	margin-top: 2.5rem;
	padding: 1.3rem 1.45rem;
}

.pecc-blog-note h2 {
	color: var(--pecc-jade-dark);
	font-size: 1.15rem;
	margin: 0;
}

.pecc-blog-note p {
	color: var(--pecc-ink-soft);
	font-size: 0.9rem;
	line-height: 1.65;
	margin: 0.55rem 0 0;
}

.pecc-article {
	margin: 1.5rem auto 0;
	max-width: var(--pecc-reading-max);
}

.pecc-article__hero {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-lg);
	box-shadow: var(--pecc-shadow-md);
	display: grid;
	gap: 2rem;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
	overflow: hidden;
	padding: clamp(1.4rem, 3vw, 2.35rem);
}

.pecc-article__hero-copy {
	align-content: center;
	display: grid;
	min-width: 0;
}

.pecc-article__eyebrow {
	color: var(--pecc-red-dark) !important;
	font-size: 0.72rem !important;
	font-weight: 850;
	letter-spacing: 0.06em !important;
	margin: 0 0 0.65rem !important;
	text-transform: uppercase;
}

.pecc-article__hero h1 {
	color: var(--pecc-ink);
	font-size: clamp(2.05rem, 4vw, 3.05rem);
	font-weight: 850;
	line-height: 1.06;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-article__lede {
	color: var(--pecc-ink-soft);
	font-size: 1.03rem;
	line-height: 1.7;
	margin: 1.05rem 0 0;
}

.pecc-article__meta {
	align-items: center;
	border-top: 1px solid var(--pecc-line);
	color: var(--pecc-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.78rem;
	font-weight: 750;
	gap: 0.65rem 1rem;
	margin-top: 1.35rem;
	padding-top: 0.85rem;
}

.pecc-article__date-label {
	display: inline-flex;
	gap: 0.25rem;
}

.pecc-article__media,
.pecc-article__aside-image {
	background: var(--pecc-ink);
	border-radius: var(--pecc-radius-md);
	margin: 0;
	min-height: 250px;
	overflow: hidden;
}

.pecc-article__media .pecc-picture,
.pecc-article__aside-image .pecc-picture,
.pecc-article__media img,
.pecc-article__aside-image img {
	display: block;
	height: 100%;
	min-height: 250px;
	object-fit: cover;
	width: 100%;
}

.pecc-picture img {
	aspect-ratio: 3 / 2;
}

.pecc-guide-published-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 1.25rem;
}

.pecc-guide-published-grid article {
	border-left: 4px solid var(--pecc-red);
	min-width: 0;
	padding: 0.2rem 0 0.2rem 1rem;
}

.pecc-guide-published-grid h3 {
	font-size: 1rem;
	line-height: 1.35;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-guide-published-grid p {
	color: var(--pecc-muted);
	font-size: 0.86rem;
	line-height: 1.6;
	margin: 0.55rem 0 0;
}

.pecc-article__media-fallback {
	align-items: center;
	color: var(--pecc-gold);
	display: flex;
	font-size: 3rem;
	font-weight: 900;
	height: 100%;
	justify-content: center;
	min-height: 250px;
}

.pecc-article__layout {
	align-items: start;
	display: grid;
	gap: 2rem;
	grid-template-columns: minmax(0, 1fr) 245px;
	margin-top: 2rem;
}

.pecc-article__content {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	min-width: 0;
	padding: clamp(1.25rem, 3vw, 2.15rem);
}

.pecc-article__answer {
	background: var(--pecc-red-soft);
	border-left: 4px solid var(--pecc-red);
	color: var(--pecc-ink-soft);
	font-size: 1.02rem;
	line-height: 1.7;
	margin: 0;
	padding: 1rem 1.1rem;
}

.pecc-article__section {
	border-top: 1px solid var(--pecc-line);
	margin-top: 2.25rem;
	padding-top: 1.65rem;
	scroll-margin-top: 92px;
}

.pecc-article__section h2,
.pecc-article__links h2 {
	color: var(--pecc-ink);
	font-size: 1.52rem;
	font-weight: 850;
	line-height: 1.2;
	margin: 0;
	overflow-wrap: anywhere;
}

.pecc-article__section p,
.pecc-article__links p {
	color: var(--pecc-ink-soft);
	font-size: 0.98rem;
	line-height: 1.78;
	margin: 0.85rem 0 0;
}

.pecc-article__section ul {
	background: var(--pecc-canvas);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-sm);
	margin: 1rem 0 0;
	padding: 0.95rem 1.1rem 0.95rem 2.1rem;
}

.pecc-article__section li {
	color: var(--pecc-ink-soft);
	font-size: 0.92rem;
	line-height: 1.65;
	margin: 0.35rem 0;
}

.pecc-article__links {
	background: var(--pecc-jade-soft);
	border: 1px solid #b8d9cd;
	border-left: 4px solid var(--pecc-jade);
	border-radius: var(--pecc-radius-sm);
	margin-top: 2.3rem;
	padding: 1.2rem 1.25rem;
}

.pecc-article__links h2 {
	color: var(--pecc-jade-dark);
	font-size: 1.25rem;
}

.pecc-article__link-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 1.15rem;
	margin-top: 0.95rem;
}

.pecc-article__link-list a {
	font-size: 0.84rem;
	font-weight: 850;
	overflow-wrap: anywhere;
}

.pecc-article__source-note {
	border-top: 1px solid var(--pecc-line);
	color: var(--pecc-muted) !important;
	font-size: 0.82rem !important;
	line-height: 1.6 !important;
	margin: 1.5rem 0 0 !important;
	padding-top: 1rem;
}

.pecc-article__aside {
	min-width: 0;
	position: sticky;
	top: 92px;
}

.pecc-article__aside-image {
	min-height: 150px;
}

.pecc-article__aside-image img {
	min-height: 150px;
}

.pecc-article__fact-panel,
.pecc-article__toc {
	background: var(--pecc-paper-strong);
	border: 1px solid var(--pecc-line);
	border-radius: var(--pecc-radius-md);
	box-shadow: 0 4px 14px rgba(44, 31, 23, 0.04);
	margin-top: 1rem;
	padding: 1rem;
}

.pecc-article__fact-panel > strong,
.pecc-article__toc > strong {
	color: var(--pecc-ink);
	display: block;
	font-size: 0.82rem;
	font-weight: 850;
	margin-bottom: 0.7rem;
}

.pecc-article__fact-panel > div {
	border-top: 1px solid var(--pecc-line);
	display: grid;
	gap: 0.1rem;
	padding: 0.7rem 0;
}

.pecc-article__fact-panel b {
	color: var(--pecc-red-dark);
	font-size: 1.35rem;
	font-weight: 900;
}

.pecc-article__fact-panel span {
	color: var(--pecc-muted);
	font-size: 0.72rem;
	font-weight: 750;
	line-height: 1.35;
}

.pecc-article__toc ol {
	margin: 0;
	padding-left: 1.15rem;
}

.pecc-article__toc li {
	color: var(--pecc-muted);
	font-size: 0.76rem;
	line-height: 1.45;
	margin: 0.45rem 0;
}

.pecc-article__toc a {
	overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
	.pecc-blog-card {
		grid-template-columns: 135px minmax(0, 1fr);
	}

	.pecc-article__layout {
		gap: 1.25rem;
		grid-template-columns: minmax(0, 1fr) 220px;
	}
}

@media (max-width: 920px) {
	.pecc-guide-published-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-blog-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-article__hero {
		grid-template-columns: minmax(0, 1fr) 280px;
	}

	.pecc-article__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-article__aside {
		position: relative;
		top: auto;
	}

	.pecc-article__aside-image {
		display: none;
	}

	.pecc-article__fact-panel,
	.pecc-article__toc {
		margin-top: 0;
	}

	.pecc-article__aside {
		display: grid;
		gap: 1rem;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
}

@media (max-width: 760px) {
	.pecc-blog-hero {
		margin-top: 1rem;
		padding: 1.35rem;
	}

	.pecc-blog-hero h1 {
		font-size: 2rem;
	}

	.pecc-blog-card {
		grid-template-columns: 100px minmax(0, 1fr);
	}

	.pecc-blog-card__media,
	.pecc-blog-card__media > span {
		min-height: 190px;
	}

	.pecc-blog-card__body {
		padding: 0.9rem;
	}

	.pecc-blog-card__body h3 {
		font-size: 1rem;
	}

	.pecc-article {
		margin-top: 1rem;
	}

	.pecc-article__hero {
		grid-template-columns: minmax(0, 1fr);
		padding: 1.15rem;
	}

	.pecc-article__hero h1 {
		font-size: 1.9rem;
	}

	.pecc-article__media {
		min-height: 190px;
	}

	.pecc-article__media img,
	.pecc-article__media-fallback {
		min-height: 190px;
	}

	.pecc-article__content {
		padding: 1rem;
	}

	.pecc-article__section {
		margin-top: 1.8rem;
		padding-top: 1.35rem;
	}

	.pecc-article__section h2,
	.pecc-article__links h2 {
		font-size: 1.3rem;
	}

	.pecc-article__section p,
	.pecc-article__links p {
		font-size: 0.92rem;
	}

	.pecc-article__aside {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-article__fact-panel,
	.pecc-article__toc {
		margin-top: 0;
	}
}

@media (max-width: 420px) {
	.pecc-blog-card {
		grid-template-columns: minmax(0, 1fr);
	}

	.pecc-blog-card__media,
	.pecc-blog-card__media > span {
		min-height: 150px;
	}

	.pecc-blog-card__media img {
		max-height: 190px;
	}

	.pecc-blog-card__author {
		margin-top: 0.7rem;
	}
}