.ar-public-controls, .ar-public-intro { --ar-public-cream: #FFF8EE; --ar-public-orange: #EE4903; --ar-public-green: #5A822B; --ar-public-ink: #3E3A32; box-sizing: border-box; max-width: 100%; color: var(--ar-public-ink); }
.ar-public-controls { border: 1px solid #d4dfc9; border-radius: 8px; background: var(--ar-public-cream); padding: 18px; margin: 20px 0; scroll-margin-top: 110px; }
.ar-public-intro { padding: 18px 22px; border: 1px solid #d4dfc9; border-radius: 8px; background: #FFFDF8; margin: 24px auto; }
.ar-public-intro p { margin: 0 0 12px; }
.ar-public-intro .ar-public-top-summary { margin: 0 0 24px; }
.ar-public-intro .ar-public-top-changes { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0 !important; padding: 0 !important; line-height: 1.5; overflow-wrap: anywhere; }
.ar-public-intro .ar-public-top-changes.ar-public-summary-expanded { display: block; -webkit-line-clamp: unset; }
.ar-public-intro .ar-public-top-changes strong, .ar-public-notice .ar-public-changes > strong { color: #24537A; font-weight: 700; }
.ar-public-intro button.ar-public-summary-toggle { display: inline-block; margin: 6px 0 0; padding: 3px 0; border: 0; background: transparent; color: #24537A; font: inherit; font-size: 14px; font-weight: 700; line-height: 1.5; text-decoration: underline; cursor: pointer; }
.ar-public-jump-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.ar-public-intro .ar-public-jump-actions a { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; min-height: 46px; padding: 9px 8px; border: 2px solid var(--ar-public-green); border-radius: 4px; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none; line-height: 1.3; color: #304815; background: var(--ar-public-cream); }
.ar-public-intro .ar-public-jump-actions .ar-public-adapt-link { border-color: var(--ar-public-orange); background: var(--ar-public-orange); color: #FFFCFF; }
.ar-public-intro[hidden], .ar-public-intro [hidden] { display: none !important; }
.wprm-recipe-container:has(+ .ar-public-controls) { scroll-margin-top: 110px; }
.ar-public-controls[hidden], .ar-legacy-disabled[hidden] { display: none !important; }
.ar-public-controls [hidden] { display: none !important; }
.ar-public-inherited-estimate[hidden] { display: none !important; }
.wprm-recipe-container .ar-public-controls[data-ar-published-recipe] > h3,
.ar-public-controls > h3 { margin: 0 !important; padding: 0 !important; color: #111 !important; font-size: 1.25em; line-height: 1.3; text-align: center; }
.wprm-recipe-container .ar-public-controls[data-ar-published-recipe] > h3 + form,
.ar-public-controls > h3 + form { margin-top: 0 !important; padding-top: 24px !important; }
.ar-public-controls fieldset { border: 0; padding: 0; margin: 0 0 16px; min-width: 0; }
.ar-public-controls legend { font-weight: 700; margin-bottom: 8px; }
.ar-public-controls .ar-public-adaptation-options { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; }
.ar-public-controls .ar-public-adaptations { display: contents; }
.ar-public-controls label { display: inline-block; max-width: 100%; }
.ar-public-controls .ar-public-choice { display: inline-flex !important; box-sizing: border-box; align-items: center; gap: 8px; min-height: 36px; border: 0 !important; background: transparent !important; margin: 0 !important; padding: 4px 0 !important; line-height: 1.35 !important; cursor: pointer; }
.ar-public-controls .ar-public-choice input { flex: 0 0 15px; width: 15px; height: 15px; margin: 0 !important; accent-color: var(--ar-public-green); }
.ar-public-controls legend { color: #304815; }
.ar-public-controls .ar-public-packages select { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; margin-top: 5px; padding: 8px; border: 1px solid #b9c7ad; border-radius: 4px; background: #fff !important; color: #3E3A32; font: inherit; }
.ar-public-controls .ar-public-package-details { display: block; margin: 6px 0 12px; font-size: .9em; line-height: 1.5; color: #4c5743; }
.ar-public-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; padding-top: 8px; padding-bottom: 20px; }
.ar-public-controls .ar-public-actions button { border: 0; border-radius: 4px; padding: 11px 18px; min-height: 48px; max-width: 100%; white-space: normal; line-height: 1.3; color: white; font-size: 19px; font-weight: 700; cursor: pointer; }
/* Scoped specificity prevents theme/WPCode button colors from replacing the agreed palette. */
.ar-public-controls .ar-public-actions button.ar-public-apply { background: #EE4903 !important; color: #fff !important; }
.ar-public-controls .ar-public-actions button:disabled { background: #E7E4E0 !important; color: #6B665E !important; cursor: default; }
.ar-public-intro a:focus-visible, .ar-public-intro button:focus-visible, .ar-public-controls:focus-visible { outline: 3px solid #145ea8; outline-offset: 3px; }
.ar-public-controls .ar-public-review-recipe { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; gap: 6px; min-height: 46px; padding: 9px 24px; border-radius: 4px; background: #5A822B; color: #FFFCFF !important; font-size: 17px; font-weight: 700; line-height: 1.5; text-decoration: none !important; }
.ar-public-controls .ar-public-review-recipe:hover { background: #446620; }
.ar-public-controls button.ar-public-reset, .ar-public-intro button.ar-public-reset { box-sizing: border-box; min-height: 38px; max-width: 100%; padding: 7px 12px; border: 1px solid #000 !important; border-radius: 4px; background: #000 !important; color: #FFFCFF !important; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5; white-space: normal; cursor: pointer; }
.ar-public-intro button.ar-public-reset { margin-left: auto; min-height: 46px; padding: 9px 12px; font-weight: 700; line-height: 1.3; align-self: stretch; }
.ar-public-intro .ar-public-jump-actions > a, .ar-public-intro .ar-public-jump-actions > button { flex: 1 1 0; min-width: 0; font-size: 14px; }
.ar-public-controls button.ar-public-reset:disabled, .ar-public-intro button.ar-public-reset:disabled { background: #E7E4E0 !important; color: #6B665E !important; border-color: #D6D0C8 !important; cursor: default; }
@media (pointer: coarse) { .ar-public-controls button.ar-public-reset, .ar-public-intro button.ar-public-reset { min-height: 44px; } }
.ar-public-controls button:focus-visible, .ar-public-controls select:focus-visible, .ar-public-controls input:focus-visible { outline: 3px solid #145ea8; outline-offset: 3px; }
/* Compact variant of the existing Joomla-style message family. Scoped selectors
   avoid inheriting the full-size WPCode/contact message dimensions. */
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help) {
    position: relative; box-sizing: border-box; width: 100%; min-height: 40px;
    margin: 12px 0 0 !important; padding: 8px 12px 8px 40px !important;
    border: 1px solid transparent; border-top-width: 2px; border-bottom-width: 2px;
    border-radius: 2px; text-align: left; font-size: 14px !important;
    font-weight: 700; line-height: 1.5; overflow-wrap: anywhere;
}
/* WPRM inherits paragraph padding/margins into :first-letter; keep the icon gutter on the paragraph only. */
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)::first-letter { margin: 0 !important; padding: 0 !important; }
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help):empty { min-height: 0; margin: 0 !important; padding: 0 !important; border-width: 0; }
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help):empty::before { display: none; }
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[hidden] { display: none !important; }
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)::before {
    content: ""; position: absolute; left: 9px; top: 50%; width: 22px; height: 22px;
    transform: translateY(-50%); background: center / contain no-repeat;
}
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[data-kind="success"] {
	color: #255A31;
	background: #D5EAD8;
	border-top-color: #4A8A59;
	border-bottom-color: #4A8A59;
	border-left-color: #A7CAAE;
	border-right-color: #A7CAAE;
}
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[data-kind="success"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%237bc78c'/%3E%3Cstop offset='.5' stop-color='%234fa764'/%3E%3Cstop offset='1' stop-color='%232d743e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='27' fill='url(%23g)' stroke='%23275f36' stroke-width='2.5'/%3E%3Cellipse cx='25' cy='20' rx='15' ry='8' fill='%23ffffff' opacity='.28'/%3E%3Cpath d='M18 32 L27 41 L46 21' fill='none' stroke='%23ffffff' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[data-kind="warning"] {
	color: #72500E;
	background: #FBEBC5;
	border-top-color: #BB8628;
	border-bottom-color: #BB8628;
	border-left-color: #E0C78E;
	border-right-color: #E0C78E;
}
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[data-kind="warning"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f7cd61'/%3E%3Cstop offset='.5' stop-color='%23e3a832'/%3E%3Cstop offset='1' stop-color='%23b77c17'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='27' fill='url(%23g)' stroke='%23966a18' stroke-width='2.5'/%3E%3Cellipse cx='25' cy='20' rx='15' ry='8' fill='%23ffffff' opacity='.28'/%3E%3Crect x='28' y='15' width='8' height='24' rx='4' fill='%23ffffff'/%3E%3Ccircle cx='32' cy='47' r='4' fill='%23ffffff'/%3E%3C/svg%3E");
}
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[data-kind="error"] {
	color: #9B1F25;
	background: #F4C9CC;
	border-top-color: #C54B52;
	border-bottom-color: #C54B52;
	border-left-color: #E1A1A5;
	border-right-color: #E1A1A5;
}
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[data-kind="error"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ff6a70'/%3E%3Cstop offset='.48' stop-color='%23ed3038'/%3E%3Cstop offset='1' stop-color='%23b90f17'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='27' fill='url(%23g)' stroke='%239f1017' stroke-width='2.5'/%3E%3Cellipse cx='25' cy='20' rx='15' ry='8' fill='%23ffffff' opacity='.28'/%3E%3Crect x='17' y='27' width='30' height='10' rx='3' fill='%23ffffff'/%3E%3C/svg%3E");
}
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[data-kind="info"] {
	color: #24537A;
	background: #D9EAF7;
	border-top-color: #4D86B2;
	border-bottom-color: #4D86B2;
	border-left-color: #A7C8DF;
	border-right-color: #A7C8DF;
}
:is(.ar-public-controls .ar-public-status, .ar-public-intro .ar-public-status-top, .ar-public-controls .ar-public-selection-help)[data-kind="info"]::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%237cbbe6'/%3E%3Cstop offset='.5' stop-color='%234b94c8'/%3E%3Cstop offset='1' stop-color='%23296999'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='27' fill='url(%23g)' stroke='%23265e88' stroke-width='2.5'/%3E%3Cellipse cx='25' cy='20' rx='15' ry='8' fill='%23ffffff' opacity='.28'/%3E%3Ccircle cx='32' cy='20' r='4' fill='%23ffffff'/%3E%3Crect x='28' y='28' width='8' height='21' rx='3' fill='%23ffffff'/%3E%3C/svg%3E");
}
.ar-public-notice { background: #eef6fc; border-left: 4px solid #2e75a7; padding: 14px 18px; margin: 18px 0; overflow-wrap: anywhere; }
.wprm-recipe .ar-public-notice > p, .ar-public-print-sheet .ar-public-notice > p { margin: 0 !important; font-size: 1em; line-height: 1.5; }
.wprm-recipe .ar-public-notice > p + p, .ar-public-print-sheet .ar-public-notice > p + p { margin-top: 16px !important; }
/* All generated adaptation/substitution note headings share this structure.
   Set their color directly so theme strong-text rules cannot turn some black. */
.ar-public-notice > p > strong { color: #24537A !important; font-size: inherit; font-weight: 700; }
.ar-public-notice p:last-child { margin-bottom: 0; }
.ar-public-change-link { display: inline-block; padding: 0 5px; color: #23638c !important; font-size: .9em; font-weight: 700; text-decoration: underline !important; vertical-align: super; line-height: 1; }
.ar-public-change-link:focus-visible, .ar-public-notice [tabindex="-1"]:focus-visible { outline: 2px solid #145ea8; outline-offset: 3px; }
.ar-public-print-sheet { display: none; }
.ar-public-print-sheet { box-sizing: border-box; font-family: "Avenir Next", Avenir, Arial, sans-serif; color: #111; background: white; }
.ar-public-print-hero { display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: 24px; align-items: start; margin: 0 0 22px; padding: 0; border: 0; }
.ar-public-print-heading { min-width: 0; }
.ar-public-print-no-image { grid-template-columns: minmax(0, 1fr); }
.ar-public-print-hero .adapt-print-title { text-align: left; margin: 0 0 10px; overflow-wrap: anywhere; }
.ar-public-print-image { width: 140px; height: auto; max-width: 140px; max-height: 170px; object-fit: contain; }
.ar-public-print-sheet.adapt-print-medium { font-size: 12pt; line-height: 1.4; }
.ar-public-print-logo { display: block; width: auto; max-width: 360px; max-height: 100px; margin: 0 auto 26px; }
@page ar-recipe {
 margin: .35in;
 @bottom-right { content: "Page " counter(page) " of " counter(pages); font-family: Arial, sans-serif; font-size: 9pt; color: #555; text-align: right; vertical-align: middle; }
}
@media print {
 body.ar-public-print { margin: 0 !important; padding: 0 !important; }
 body.ar-public-print > * { display: none !important; }
 body.ar-public-print > .ar-public-print-sheet { display: block !important; }
 body.ar-public-print > .ar-public-print-sheet { page: ar-recipe; width: auto !important; padding: 0 !important; font-size: 12pt !important; line-height: 1.4 !important; }
 body.ar-public-print .ar-public-print-logo { max-width: 360px !important; max-height: 100px !important; margin: 0 auto 26px !important; }
 body.ar-public-print .ar-public-print-hero { position: relative; margin: 0 0 22px !important; padding: 0 !important; border: 0 !important; break-inside: avoid; page-break-inside: avoid; }
 .ar-public-print-sheet .adapt-print-title { font-size: 22pt !important; line-height: 1.2 !important; margin: 0 0 10px !important; }
 .ar-public-print-sheet .wprm-recipe-summary { margin: 0 0 8px !important; }
 body.ar-public-print .ar-public-print-sheet .wprm-recipe-servings-container,
 body.ar-public-print .ar-public-print-sheet .wprm-recipe-servings-container .wprm-recipe-servings-link,
 body.ar-public-print .ar-public-print-sheet .wprm-recipe-servings-container .wprm-recipe-servings { color: #3E3A32 !important; text-decoration: none !important; }
 .ar-public-print-sheet .wprm-decoration-line, .ar-public-print-sheet .wprm-spacer, .ar-public-print-sheet hr { display: none !important; }
 .ar-public-print-sheet .wprm-recipe-header::before, .ar-public-print-sheet .wprm-recipe-header::after { content: none !important; border: 0 !important; }
 .ar-public-print-sheet > .wprm-recipe-equipment-container, .ar-public-print-sheet > .wprm-recipe-ingredients-container, .ar-public-print-sheet > .wprm-recipe-instructions-container, .ar-public-print-sheet > .wprm-recipe-notes-container { display: block !important; float: none !important; width: 100% !important; margin: 20px 0 0 !important; padding: 0 !important; border: 0 !important; }
 body.ar-public-print .ar-public-print-sheet > .wprm-recipe-equipment-container { position: relative; }
 body.ar-public-print .ar-public-print-hero::after,
 body.ar-public-print .ar-public-print-sheet > .wprm-recipe-equipment-container::after { content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 0; margin: 0; padding: 0; border: 0; border-bottom: 1px solid #AAA; }
 .ar-public-print-sheet h3 { font-size: 14pt !important; line-height: 1.3 !important; margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; }
 .ar-public-print-sheet .wprm-recipe-group-name { font-size: 12pt !important; line-height: 1.3 !important; margin: 14px 0 6px !important; padding: 0 !important; }
 .ar-public-print-sheet ul, .ar-public-print-sheet ol { margin: 0 0 10px !important; padding-left: 22px !important; break-before: avoid-page; page-break-before: avoid; }
 .ar-public-print-sheet li { margin: 0 0 4px !important; line-height: 1.4 !important; break-inside: avoid-page; page-break-inside: avoid; orphans: 3; widows: 3; }
 .ar-public-print-sheet .wprm-recipe-ingredient, .ar-public-print-sheet .wprm-recipe-instruction-text, .ar-public-print-sheet .wprm-recipe-equipment-container li { font-size: 12pt !important; }
 .ar-public-print-sheet h2, .ar-public-print-sheet h3, .ar-public-print-sheet h4, .ar-public-print-sheet .wprm-recipe-header, .ar-public-print-sheet .wprm-recipe-group-name { break-after: avoid-page; page-break-after: avoid; }
 .ar-public-print-sheet .wprm-recipe-ingredient-group { break-inside: auto !important; page-break-inside: auto !important; break-before: auto !important; page-break-before: auto !important; }
 .ar-public-print-sheet > .wprm-recipe-ingredients-container, .ar-public-print-sheet > .wprm-recipe-instructions-container { width: 100% !important; }
 .ar-public-print-sheet .wprm-recipe-adjustable-servings-container, .ar-public-print-sheet .wprm-recipe-print, .ar-public-print-sheet .wprm-unit-conversion-container { display: none !important; }
 .ar-public-print-sheet .ar-public-notice p { break-inside: avoid; }
 .ar-public-print-sheet .wprm-recipe-ingredient-group-name, .ar-public-print-sheet .wprm-recipe-instruction-group-name, .ar-public-print-sheet .wprm-recipe-group-name { color: #3E3A32 !important; opacity: 1 !important; font-family: inherit !important; font-weight: 700 !important; }
 .ar-public-print-sheet > .wprm-recipe-equipment-container > h3, .ar-public-print-sheet > .wprm-recipe-ingredients-container > h3, .ar-public-print-sheet > .wprm-recipe-instructions-container > h3, .ar-public-print-sheet > .wprm-recipe-notes-container > h3 { color: #EE4903 !important; opacity: 1 !important; }
 .ar-public-print-sheet .adapt-print-title, .ar-public-print-sheet .wprm-recipe-equipment-header, .ar-public-print-sheet .wprm-recipe-ingredients-header, .ar-public-print-sheet .wprm-recipe-instructions-header, .ar-public-print-sheet .wprm-recipe-notes-header { color: #EE4903 !important; opacity: 1 !important; }
}
@media (max-width: 480px) {
 .ar-public-intro, .ar-public-controls { padding: 18px; }
 .ar-public-jump-actions > a, .ar-public-actions > button { flex: 1 1 100%; }
 .ar-public-controls .ar-public-review-recipe { width: 100%; }
}



/* Managed-card presentation only: retain native keyword data and feedback link. */
.ar-public-footer-keywords, .ar-public-footer-decoration { display: none !important; }
.wprm-recipe .ar-public-feedback { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 26px 0 0 !important; padding: 20px 0 4px !important; border: 0; border-top: 1px solid #ded9d1; border-radius: 0; background: transparent !important; color: #3E3A32 !important; text-align: left !important; }
.wprm-recipe .ar-public-feedback .wprm-call-to-action-icon { display: inline-flex; flex: 0 0 26px; width: 26px; height: 26px; margin: 0 !important; padding: 0 !important; }
.wprm-recipe .ar-public-feedback .wprm-call-to-action-icon svg { width: 26px !important; height: 26px !important; }
.wprm-recipe .ar-public-feedback .wprm-call-to-action-icon svg * { fill: none !important; stroke: #5A822B !important; }
.wprm-recipe .ar-public-feedback-copy { flex: 1 1 240px; }
.wprm-recipe .ar-public-feedback .wprm-call-to-action-header { display: block; margin: 0 0 4px !important; color: #3E3A32 !important; font-size: 19px !important; font-weight: 700; line-height: 1.3; }
.wprm-recipe .ar-public-feedback-copy p { margin: 0 !important; padding: 0 !important; color: #54504B; font-size: 14px !important; line-height: 1.5; }
.wprm-recipe .ar-public-feedback-copy p::first-letter { margin: 0 !important; padding: 0 !important; }
.wprm-recipe .ar-public-feedback a.ar-public-feedback-link { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 44px; padding: 8px 17px; border: 1px solid #5A822B; border-radius: 4px; background: #FFFCFF; color: #36571B !important; font-size: 16px; font-weight: 700; line-height: 1.5; text-decoration: none !important; }
.wprm-recipe .ar-public-feedback a.ar-public-feedback-link:hover { background: #EFF2E9; }
.wprm-recipe .ar-public-feedback a.ar-public-feedback-link:focus-visible { outline: 3px solid #145ea8; outline-offset: 3px; }
@media (max-width: 480px) { .wprm-recipe .ar-public-feedback a.ar-public-feedback-link { width: 100%; } }

/* Two-step visitor choices: one empty substitution row, followed by a quieter action row. */
.ar-public-controls .ar-public-selection-help::first-letter { margin: 0 !important; padding: 0 !important; }
.ar-public-controls .ar-public-adaptation-item { display: inline-flex; align-items: center; gap: 0; max-width: 100%; }
.ar-public-controls button.ar-public-info { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; min-width: 26px; height: 26px; min-height: 26px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: transparent url("../images/information.svg") left center / 72% 72% no-repeat !important; cursor: pointer; }
.ar-public-controls button.ar-public-info:hover { filter: brightness(1.08); }
.ar-public-controls .ar-public-selected-choice { display: none; }
.ar-public-controls .ar-public-substitution-row { margin: 8px 0 12px; }
.ar-public-controls .ar-public-secondary-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 8px; border: 0; margin-top: 16px; padding-top: 8px; text-align: center; }
.ar-public-controls .ar-public-secondary-actions > a,
.ar-public-controls .ar-public-secondary-actions > button { display: inline-flex; flex: 1 1 140px; align-items: center; justify-content: center; box-sizing: border-box; width: auto; min-height: 44px; padding: 8px 10px; border-radius: 4px; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none !important; }
.ar-public-controls button.ar-public-print { border: 1px solid #5A822B !important; background: #FFFCFF !important; color: #36571B !important; cursor: pointer; }
.ar-public-controls button.ar-public-print:hover { background: #EFF2E9 !important; }
.ar-public-controls button.ar-public-print:disabled { background: #E7E4E0 !important; border-color: #D6D0C8 !important; color: #6B665E !important; cursor: default; }
.ar-public-information { box-sizing: border-box; width: min(560px, calc(100% - 32px)); max-height: calc(100dvh - 40px); overflow: auto; padding: 24px; border: 1px solid #C9D3BF; border-radius: 10px; background: #FFF8EE; color: #3E3A32; box-shadow: 0 16px 60px #0005; font: inherit; line-height: 1.6; }
.ar-public-information::backdrop { background: #1F241BCC; }
.ar-public-information [hidden] { display: none !important; }
.ar-public-information .ar-public-information-content { clear: both; }
.ar-public-information img { display: block; width: 120px; height: 120px; object-fit: contain; margin: 0 auto 12px; }
.ar-public-information h3 { margin: 0 0 14px; color: #304815; font: inherit; font-size: 23px; font-weight: 700; text-align: center; }
.ar-public-information p { margin: 0 0 16px; padding: 0; overflow-wrap: anywhere; }
.ar-public-information p::first-letter { margin: 0; padding: 0; }
.ar-public-information .ar-public-information-compatibility { border-top: 1px solid #D9DECF; padding-top: 16px; }
.ar-public-information button.ar-public-information-close { display: block; margin: 0 0 8px auto; padding: 6px 12px; border: 1px solid #5A822B; border-radius: 4px; background: #FFFCFF; color: #36571B; font: inherit; cursor: pointer; }
.ar-public-information button:focus-visible { outline: 3px solid #145ea8; outline-offset: 3px; }
@media (max-width: 480px) {
 .ar-public-controls .ar-public-secondary-actions > a, .ar-public-controls .ar-public-secondary-actions > button { flex-basis: 100%; }
 .ar-public-controls .ar-public-selected-choice:not([hidden]) { display: block; margin-top: 6px; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
 .ar-public-information { padding: 18px; }
}
@media print { .ar-public-information { display: none !important; } }

/* Use the same locally bundled information artwork in the compact blue helper. */
.ar-public-controls .ar-public-selection-help::before { background-image: url("../images/information.svg") !important; }

/* Native WPRM quantities with one compact set of managed public controls. */
.wprm-recipe.ar-measures-ready .wprm-recipe-adjustable-servings-container,
.wprm-recipe.ar-measures-ready .wprm-unit-conversion-container { display: none !important; }
.ar-recipe-measures { clear: both; box-sizing: border-box; width: max-content; max-width: 100%; margin: 18px auto; padding: 12px 14px; border: 1px solid #D6D6D6; border-radius: 4px; background: #FFFFFF; color: #616161; font: inherit; font-size: .9em; }
.ar-recipe-measures fieldset { border: 0; margin: 0 0 10px; padding: 0; min-width: 0; }
.ar-recipe-measures legend { float: none; width: auto; margin: 0 0 6px; padding: 0; font: inherit; font-weight: 700; }
.ar-recipe-measures label { display: inline-flex; align-items: center; gap: 8px; margin: 0 18px 0 0; padding: 0; font: inherit; cursor: pointer; }
.ar-recipe-measures input { width: 16px; height: 16px; margin: 0; accent-color: #616161; }
.ar-serving-multipliers { display: flex; flex-wrap: wrap; gap: 4px; }
.wprm-recipe .ar-serving-multipliers button { min-width: 44px; min-height: 44px; padding: 6px 8px; border: 1px solid #BDBDBD; border-radius: 4px; background: #FFFFFF; color: #616161; font: inherit; cursor: pointer; }
.wprm-recipe .ar-serving-multipliers button[aria-pressed="true"] { background: #616161; border-color: #616161; color: #FFFFFF; }
.ar-recipe-measures button:focus-visible,.ar-recipe-measures input:focus-visible { outline: 3px solid #145EA8; outline-offset: 3px; }
.ar-cooking-mode { border-top: 1px solid #D6D6D6; padding-top: 8px; display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; }
.ar-cooking-mode input { appearance: none; position: relative; width: 36px; height: 21px; border: 1px solid #8B8E86; border-radius: 12px; background: #C7C8C2; }
.ar-cooking-mode input::after { content: ''; position: absolute; top: 2px; left: 2px; width: 15px; height: 15px; border-radius: 50%; background: #FFFCFF; }
.ar-cooking-mode input:checked { background: #616161; border-color: #616161; }
.ar-cooking-mode input:checked::after { left: 17px; }
.ar-cooking-mode input:disabled { opacity: .55; cursor: default; }
.ar-cooking-status { font-size: .85em; color: #616161; }
@media print { .ar-recipe-measures { display: none !important; } }

/* Facelift Stage 1: existing public navigation and measurement controls only.
   Screen-only rules leave the print sheet and the lower adaptation panel intact. */
@media screen {
 .ar-public-intro[data-ar-recipe-nav] {
  --ar-stage-green: #5A822B; --ar-stage-orange: #EE4903; --ar-stage-ink: #1f2d12;
  display: flex; flex-wrap: wrap; align-items: center; gap: 14px 12px;
  padding: 14px 16px; border: 1px solid #dfe5d3; border-radius: 14px;
  background: #fff; color: var(--ar-stage-ink); box-shadow: none;
 }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-intro-heading { display: flex; flex: 1 1 250px; align-items: center; gap: 10px; min-width: 0; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-intro-icon { display: inline-flex; flex: 0 0 38px; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px; background: #eef4e4; color: #2f4a14; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-intro-copy { min-width: 0; }
 .ar-public-intro[data-ar-recipe-nav] h3 { margin: 0; padding: 0; font: inherit; font-size: 15px; font-weight: 500; line-height: 1.4; color: #1f2d12; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-intro-subtitle { display: block; margin-top: 3px; font-size: 12px; line-height: 1.5; color: #46583a; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-intro-lead { margin: 5px 0 0; padding: 0; font-size: 12px; line-height: 1.5; color: #2f4a14; }
 .ar-public-intro[data-ar-recipe-nav][data-ar-customized="0"] .ar-public-intro-lead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-jump-actions { order: 1; flex: 0 1 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 6px; min-width: 0; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-jump-actions > a { flex: 0 1 auto; min-height: 44px; padding: 10px 10px; border: 1px solid var(--ar-stage-green); border-radius: 999px; background: #fff; color: #2f4a14; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.4; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-jump-actions > .ar-public-adapt-link { border-color: var(--ar-stage-orange); background: var(--ar-stage-orange); color: #fff; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-jump-actions > a:hover { border-color: var(--ar-stage-orange); }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-jump-actions > .ar-public-review-base:hover { background: #f3f7ec; }
 /* Existing shared Reset declarations are important; only their top-note variant is overridden. */
 .ar-public-intro[data-ar-recipe-nav] button.ar-public-reset-top { flex: 0 0 auto; align-self: center; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; padding: 8px 6px; margin: 0; border: 1px solid transparent !important; border-radius: 999px; background: transparent !important; color: #2f4a14 !important; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.4; }
 .ar-public-intro[data-ar-recipe-nav] button.ar-public-reset-top:hover:not(:disabled) { text-decoration: underline; }
 .ar-public-intro[data-ar-recipe-nav] button.ar-public-reset-top:disabled { border-color: transparent !important; background: transparent !important; color: #73796b !important; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-top-summary { order: 2; flex: 1 0 100%; min-width: 0; margin: 0; padding-top: 12px; border-top: 1px solid #e4eadb; font-size: 14px; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-status-top { order: 3; flex: 1 0 100%; }
 .ar-public-intro[data-ar-recipe-nav] a:focus-visible, .ar-public-intro[data-ar-recipe-nav] button:focus-visible { outline: 3px solid #145ea8; outline-offset: 3px; }

 .wprm-recipe.ar-measures-ready .ar-recipe-measures {
  --ar-stage-green: #5A822B; --ar-stage-orange: #EE4903;
  display: grid; grid-template-columns: 146px minmax(0,1fr); align-items: start;
  gap: 16px 24px; width: 100%; max-width: 100%; margin: 18px 0;
  padding: 18px 20px; border: 1px solid #d6e4c0; border-radius: 14px;
  background: #f4f8ee; color: #2f4a14; font-family: inherit; font-size: 14px;
 }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures legend { margin: 0 0 8px; padding: 0; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; color: #2f4a14; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child label { box-sizing: border-box; display: inline-flex; justify-content: center; align-items: center; gap: 6px; min-height: 44px; min-width: 0; margin: 0; padding: 8px 10px; border: 1px solid #d5dcc7; background: #fff; color: #2f4a14; font-size: 14px; font-weight: 500; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child label:first-of-type { border-radius: 999px 0 0 999px; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child label:last-of-type { border-radius: 0 999px 999px 0; border-left: 0; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures input[type="radio"] { flex: 0 0 16px; accent-color: var(--ar-stage-green); }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures .ar-serving-multipliers { display: flex; flex-wrap: wrap; gap: 6px; }
 .wprm-recipe.ar-measures-ready .ar-serving-multipliers button { box-sizing: border-box; min-width: 44px; min-height: 44px; padding: 6px 9px; border: 1px solid #d5dcc7; border-radius: 999px; background: #fff; color: #2f4a14; font-family: inherit; font-size: 14px; font-weight: 500; }
 .wprm-recipe.ar-measures-ready .ar-serving-multipliers button[aria-pressed="true"] { border-color: var(--ar-stage-green); background: var(--ar-stage-green); color: #fff; }
 .wprm-recipe.ar-measures-ready .ar-serving-multipliers button:hover { border-color: var(--ar-stage-orange); }
 .wprm-recipe.ar-measures-ready .ar-serving-multipliers button:hover:not([aria-pressed="true"]) { color: #a52f00; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures .ar-cooking-mode { grid-column: 1/-1; display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; padding-top: 10px; border-top: 1px solid #d6e4c0; }
 .wprm-recipe.ar-measures-ready .ar-cooking-mode label { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; color: #2f4a14; font: inherit; font-size: 14px; font-weight: 500; }
 .wprm-recipe.ar-measures-ready .ar-cooking-mode input { flex: 0 0 44px; box-sizing: border-box; width: 44px; height: 24px; margin: 0; border: 1px solid #a2ae95; border-radius: 999px; background: #cbd4c2; }
 .wprm-recipe.ar-measures-ready .ar-cooking-mode input::after { width: 18px; height: 18px; left: 2px; top: 2px; background: #fff; }
 .wprm-recipe.ar-measures-ready .ar-cooking-mode input:checked { border-color: var(--ar-stage-green); background: var(--ar-stage-green); }
 .wprm-recipe.ar-measures-ready .ar-cooking-mode input:checked::after { left: 22px; }
 .wprm-recipe.ar-measures-ready .ar-cooking-status { min-width: 0; max-width: 100%; font-size: 12px; line-height: 1.5; color: #46583a; overflow-wrap: anywhere; }
 .wprm-recipe.ar-measures-ready .ar-cooking-mode::after { content: 'Keeps your screen awake while you cook'; display: block; flex: 1 0 100%; padding-left: 54px; box-sizing: border-box; font-size: 12px; line-height: 1.5; color: #46583a; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures button:focus-visible, .wprm-recipe.ar-measures-ready .ar-recipe-measures input:focus-visible { outline: 3px solid #145ea8; outline-offset: 3px; }
}
@supports selector(label:has(input:checked)) {
 @media screen {
  .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child label { position: relative; }
  .wprm-recipe.ar-measures-ready .ar-recipe-measures input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
  .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child label:has(input:checked) { border-color: #5A822B; background: #5A822B; color: #fff; }
  .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child label:has(input:disabled) { color: #6b725f; background: #ecefe7; cursor: default; }
  .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child label:has(input:focus-visible) { outline: 3px solid #145ea8; outline-offset: 3px; z-index: 1; }
 }
}
@media screen and (max-width: 640px) {
 .ar-public-intro[data-ar-recipe-nav] .ar-public-intro-heading { flex-basis: 100%; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-jump-actions { flex: 1 1 100%; gap: 8px; }
 .ar-public-intro[data-ar-recipe-nav] .ar-public-jump-actions > a { flex: 0 1 auto; padding-right: 12px; padding-left: 12px; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures { grid-template-columns: minmax(0,1fr); padding: 18px 16px; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child { width: 146px; max-width: 100%; }
 .wprm-recipe.ar-measures-ready .ar-recipe-measures .ar-cooking-mode { grid-column: 1; }
 .wprm-recipe.ar-measures-ready .ar-cooking-mode::after { padding-left: 0; }
}
@media screen and (forced-colors: active) {
 .wprm-recipe.ar-measures-ready .ar-recipe-measures fieldset:first-child label:has(input:checked) { outline: 2px solid Highlight; outline-offset: -3px; }
 .wprm-recipe.ar-measures-ready .ar-serving-multipliers button[aria-pressed="true"] { outline: 2px solid Highlight; outline-offset: -3px; }
 .wprm-recipe.ar-measures-ready .ar-cooking-mode input::after { background: ButtonText; }
}

/* Facelift Stage 2: lower controls only. Existing eligibility and native selects stay intact. */
@media screen {
 .ar-public-controls[data-ar-published-recipe] { padding: 0; border: 1px solid #dfe5d3; border-radius: 16px; background: #fff; overflow: hidden; box-shadow: none; font-family: inherit; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-panel-header { display: flex; align-items: center; gap: 12px; margin: 0; padding: 18px 20px; border-bottom: 1px solid #dfe5d3; background: #f3f7ec; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-panel-header > div { min-width: 0; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-panel-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; background: #5A822B; color: #fff; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-panel-header h3 { margin: 0; padding: 0; color: #1f2d12; font: inherit; font-size: 17px; font-weight: 500; line-height: 1.4; text-align: left; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-panel-header p { margin: 4px 0 0; padding: 0; color: #46583a; font-size: 12px; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] form { display: block; margin: 0; padding: 20px; }
 .ar-public-controls[data-ar-published-recipe] fieldset { margin: 0 0 22px; padding: 0; border: 0; min-width: 0; }
 .ar-public-controls[data-ar-published-recipe] legend { box-sizing: border-box; width: 100%; margin: 0; padding: 0; font: inherit; font-size: 14px; font-weight: 500; color: #2f4a14; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] legend > span:first-child { display: inline; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-counter { float: right; margin: 0 0 4px 10px; font-size: 12px; font-weight: 500; white-space: nowrap; color: #46583a; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-step-helper { margin: 3px 0 10px; padding: 0; color: #58634f; font-size: 12px; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-adaptation-options { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,138px),1fr)); align-items: stretch; gap: 8px; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-adaptation-item { display: flex; align-items: center; gap: 0; min-width: 0; min-height: 56px; border: 1px solid #d5dcc7; border-radius: 10px; background: #fff; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-adaptation-item:hover { border-color: #EE4903; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-choice { flex: 1 1 auto; align-self: stretch; min-width: 0; min-height: 44px; padding: 10px 0 10px 6px !important; gap: 6px; border-radius: 9px 0 0 9px; color: #2f4a14; font-size: 14px; font-weight: 500; overflow-wrap: normal; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-choice-selected { background: #eef4e4 !important; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-choice input { appearance: none; box-sizing: border-box; flex: 0 0 18px; width: 18px; height: 18px; border: 1px solid #8a9a77; border-radius: 5px; background: #fff; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-choice input:checked { border-color: #5A822B; background: #5A822B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px 18px no-repeat; }
 .ar-public-controls[data-ar-published-recipe] button.ar-public-info { flex: 0 0 26px; width: 26px; min-width: 26px; height: 44px; min-height: 44px; margin: 0 3px 0 0; background-position: center !important; background-size: 20px 20px !important; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-current-selections { margin: 0 0 18px; padding: 14px; border: 1px solid #e4eadb; border-radius: 10px; background: #fafcf7; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-current-selections h4 { margin: 0; padding: 0; color: #2f4a14; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selections-helper { margin: 3px 0 10px; padding: 0; color: #58634f; font-size: 12px; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selection-pills { display: flex; flex-wrap: wrap; gap: 6px; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selection-empty { color: #58634f; font-size: 12px; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selection-pill { display: inline-flex; align-items: center; gap: 7px; box-sizing: border-box; min-width: 0; max-width: 100%; min-height: 44px; margin: 0; padding: 5px 10px 5px 6px; border: 1px solid #d5dcc7; border-radius: 999px; background: #fff; color: #2f4a14; font: inherit; font-size: 12px; font-weight: 500; line-height: 1.5; text-align: left; white-space: normal; cursor: pointer; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selection-pill > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-pill-icon { display: inline-flex; flex: 0 0 26px; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #e2ecf8; color: #1f4f86; font-size: 16px; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selection-pill[data-action="add"] .ar-public-pill-icon, .ar-public-controls[data-ar-published-recipe] .ar-public-selection-pill[data-action="adaptation"] .ar-public-pill-icon { background: #e3f1d3; color: #2f5a12; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selection-pill[data-action="remove"] .ar-public-pill-icon { background: #fbe4e2; color: #8c2a22; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-pill-close { flex: 0 0 auto; font-size: 18px; color: #58634f; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selection-pill:hover { border-color: #EE4903; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-action-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding-top: 18px; border-top: 1px solid #dfe5d3; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-actions { display: flex; flex: 0 1 auto; margin: 0; padding: 0; }
 /* Earlier action colors are important; scope their necessary overrides to this panel. */
 .ar-public-controls[data-ar-published-recipe] .ar-public-actions button.ar-public-apply { min-height: 44px; padding: 10px 18px; border: 1px solid #EE4903; border-radius: 999px; background: #EE4903 !important; color: #fff !important; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-actions button.ar-public-apply:disabled { border-color: #dce2d3; background: #ecefe7 !important; color: #6b725f !important; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions { display: flex; flex: 1 1 auto; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px; margin: 0; padding: 0; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions > a, .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions > button { display: inline-flex; flex: 0 1 auto; align-items: center; justify-content: center; gap: 5px; min-height: 44px; width: auto; margin: 0; padding: 10px 12px; border: 1px solid #5A822B; border-radius: 999px; background: #fff; color: #2f4a14 !important; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions button.ar-public-print { background: #fff !important; color: #2f4a14 !important; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions button.ar-public-reset { margin-left: auto; padding: 8px 4px; border-color: transparent !important; background: transparent !important; color: #2f4a14 !important; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions button.ar-public-reset:disabled { color: #73796b !important; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions button.ar-public-reset:hover:not(:disabled) { text-decoration: underline; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-review-recipe:hover, .ar-public-controls[data-ar-published-recipe] .ar-public-print:hover:not(:disabled) { border-color: #EE4903 !important; background: #f3f7ec !important; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-selection-help { display: none; }
 .ar-public-controls[data-ar-published-recipe] > .ar-public-status:not(:empty):not([hidden]) { margin: 0 20px 20px !important; }
 .ar-public-controls[data-ar-published-recipe] button:focus-visible, .ar-public-controls[data-ar-published-recipe] input:focus-visible, .ar-public-controls[data-ar-published-recipe] a:focus-visible, .ar-public-controls[data-ar-published-recipe] select:focus-visible { outline: 3px solid #145ea8; outline-offset: 3px; }
}
@supports selector(.ar-public-adaptation-item:has(input:checked)) {
 @media screen {
  .ar-public-controls[data-ar-published-recipe] .ar-public-adaptation-item:has(input:checked) { border-color: #5A822B; background: #eef4e4; }
  .ar-public-controls[data-ar-published-recipe] .ar-public-adaptation-item:hover { border-color: #EE4903; }
  .ar-public-controls[data-ar-published-recipe] .ar-public-adaptation-item:has(input:focus-visible) { outline: 3px solid #145ea8; outline-offset: 3px; }
 }
}
@media screen and (max-width: 480px) {
 .ar-public-controls[data-ar-published-recipe] form, .ar-public-controls[data-ar-published-recipe] .ar-public-panel-header { padding: 16px; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-adaptation-options { grid-template-columns: minmax(0,1fr); }
 .ar-public-controls[data-ar-published-recipe] .ar-public-actions { flex-basis: 100%; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-actions button { width: 100%; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions { flex-basis: 100%; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions > a, .ar-public-controls[data-ar-published-recipe] .ar-public-secondary-actions > button { flex-basis: auto; }
 .ar-public-controls[data-ar-published-recipe] > .ar-public-status:not(:empty):not([hidden]) { margin: 0 16px 16px !important; }
}
@media screen and (forced-colors: active) {
 .ar-public-controls[data-ar-published-recipe] .ar-public-choice input { appearance: auto; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-adaptation-item:has(input:checked) { outline: 2px solid Highlight; outline-offset: -3px; }
}

@media screen {
 .ar-public-controls[data-ar-published-recipe] .ar-public-panel-header p,
 .ar-public-controls[data-ar-published-recipe] .ar-public-step-helper,
 .ar-public-controls[data-ar-published-recipe] .ar-public-selections-helper { font-size: 12px !important; }
}

/* Facelift Stage 3: disclosure/checkbox view of the existing native choice rows. */
@media screen {
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-menu { min-width: 0; max-width: 100%; color: #2f4a14; }
 .ar-public-controls[data-ar-published-recipe] button.ar-public-substitution-trigger { display: flex; align-items: center; gap: 10px; box-sizing: border-box; width: 100%; min-height: 48px; margin: 0; padding: 12px 14px; border: 1px solid #8aab6b; border-radius: 10px; background: #fff; color: #2f4a14; box-shadow: none; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-align: left; cursor: pointer; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-trigger-text { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-trigger:hover { border-color: #EE4903; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-trigger[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #f3f7ec; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-badge { flex: 0 0 auto; padding: 3px 8px; border-radius: 999px; background: #5A822B; color: #fff; font-size: 12px; font-weight: 500; white-space: nowrap; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-chevron { flex: 0 0 auto; width: 14px; text-align: center; font-size: 20px; line-height: 1; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-trigger[aria-expanded="true"] .ar-public-substitution-chevron { transform: rotate(180deg); }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-content { box-sizing: border-box; padding: 14px; border: 1px solid #8aab6b; border-top: 0; border-radius: 0 0 10px 10px; background: #fff; }
 .ar-public-controls[data-ar-published-recipe] label.ar-public-substitution-search { display: block; margin: 0; color: #2f4a14; font-size: 12px; font-weight: 500; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-search > span { display: block; margin-bottom: 5px; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-search input { display: block; box-sizing: border-box; width: 100%; max-width: 100%; min-height: 44px; margin: 0; padding: 10px 12px; border: 1px solid #d5dcc7; border-radius: 10px; background: #fff; color: #2f4a14; font: inherit; font-size: 16px; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-search input::placeholder { color: #58634f; opacity: 1; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-results { margin: 7px 0 14px; padding: 0; color: #58634f; font-size: 12px !important; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-group { margin: 0 0 16px; padding: 0; border: 0; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-group h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; padding: 0; color: #2f4a14; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; text-align: left; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-group-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 8px; background: #e2ecf8; color: #1f4f86; font-size: 19px; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-group[data-action="add"] .ar-public-substitution-group-icon { background: #e3f1d3; color: #2f5a12; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-group[data-action="remove"] .ar-public-substitution-group-icon { background: #fbe4e2; color: #8c2a22; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
 .ar-public-controls[data-ar-published-recipe] label.ar-public-substitution-option { display: flex; align-items: flex-start; gap: 10px; box-sizing: border-box; min-width: 0; min-height: 48px; margin: 0; padding: 12px; border: 1px solid #dfe5d3; border-radius: 10px; background: #fff; color: #2f4a14; font: inherit; font-size: 14px; font-weight: 500; line-height: 1.5; cursor: pointer; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-option:hover { border-color: #EE4903; }
 .ar-public-controls[data-ar-published-recipe] label.ar-public-substitution-selected { border-color: #5A822B; background: #eef4e4; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-checkbox { appearance: auto; flex: 0 0 18px; box-sizing: border-box; width: 18px; height: 18px; margin: 2px 0 0; padding: 0; accent-color: #5A822B; cursor: pointer; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-copy { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-label { display: block; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-kind { display: inline-block; margin-top: 4px; padding: 1px 6px; border-radius: 5px; background: #f0f3eb; color: #46583a; font-size: 12px; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-details { display: block; margin-top: 5px; color: #58634f; font-size: 12px; font-weight: 400; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-empty { margin: 14px 0; padding: 0; color: #58634f; font-size: 14px !important; line-height: 1.5; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-footer { margin: 8px 0 0; padding: 12px 0 0; border-top: 1px solid #dfe5d3; color: #58634f; font-size: 12px !important; line-height: 1.5; }
}
@media screen and (max-width: 600px) {
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-grid { grid-template-columns: minmax(0,1fr); }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-content { padding: 12px; }
 .ar-public-controls[data-ar-published-recipe] button.ar-public-substitution-trigger { flex-wrap: wrap; padding: 12px; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-trigger-text { flex-basis: calc(100% - 24px); }
 .ar-public-controls[data-ar-published-recipe] .ar-public-substitution-badge { order: 3; }
}

/* Keep wrapped step headings, counts and helper text on separate mobile rows. */
@media screen and (max-width:640px){
 .ar-public-controls[data-ar-published-recipe] legend > span:first-child { display:block; }
 .ar-public-controls[data-ar-published-recipe] .ar-public-counter { float:none; display:block; margin:4px 0 0; }
}