/* Shared responsive controls and task hierarchy. Loaded after feature styles. */
html{scroll-padding-top:24px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
main :where(section,article,form,fieldset,nav,div){min-width:0}
main :where(button,.button,input,select,textarea){max-width:100%}
main :where(button,.button){min-height:44px;line-height:1.4;white-space:normal;overflow-wrap:break-word}
main :where(button:not(.button):not(.primary):not(.portion-reset)){border:1px solid #6f9298;border-radius:8px;padding:11px 16px;background:#fff;color:#075e5b;font:inherit;font-weight:600;cursor:pointer}
main :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:48px;font-size:16px;line-height:1.5;min-width:0}
main summary,.mzj-app summary,.recipe-block-filters>summary,.ingredient-list summary,.portion-ingredients>summary{min-height:44px;padding-top:10px;padding-bottom:10px;cursor:pointer;line-height:1.5}
.mzj-site main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.mzj-site main select,.mzj-site main textarea{font-size:16px;min-height:48px}
.mzj-calculator .clear{min-height:44px}.mzj-calculator .calc-top select{font-size:16px;min-height:48px}
main :where(.small,.field-hint,.mzj-help){line-height:1.6}
[hidden]{display:none!important}
main :where(h1,h2,h3,h4){overflow-wrap:break-word;text-wrap:pretty}
main :where([id],details){scroll-margin-top:24px}
.header-inner{gap:24px}.site-header .original-brand img{width:248px}
.recipe-pagination ul,.navigation.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.recipe-pagination li{margin:0}.recipe-pagination a,.recipe-pagination .current{min-height:44px;min-width:44px;padding:9px 12px;text-align:center}
.mzj-action-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.mzj-action-row>*{margin:0!important}
.mzj6-cooking-toolbar{padding:20px;clear:both}
.mzj6-cooking-toolbar .mzj6-save-offline{background:#fff;color:#075e5b;border-color:#799d94}
.mzj6-cooking-toolbar [role=status]:empty{display:none}
.mzj6-cooking-toolbar [role=status]:not(:empty){margin:14px 0 0}
.mzj-recipe-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.mzj-recipe-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #87aaa1;border-radius:8px;padding:9px 14px;text-decoration:none;font-size:15px;font-weight:600;background:#fff;color:#075e5b}
.mzj-recipe-nav a:first-child{background:#087c78;color:#fff;border-color:#087c78}
.recipe-overview{grid-template-columns:repeat(4,minmax(0,1fr))}
.recipe-overview>*{min-width:0}.recipe-overview span{font-size:14px;line-height:1.5}
.recipe-overview strong{font-size:22px}
.recipe-dietary-details,.mzj-recipe-context{border:1px solid #d4e5df;border-radius:12px;padding:6px 18px;margin:20px 0}
.recipe-dietary-details p{margin:12px 0}
.portion-planner{padding:28px;margin:32px 0}
.portion-planner>.eyebrow{margin-bottom:12px}
.portion-planner h2{margin-bottom:16px}
.portion-planner-controls{grid-template-columns:minmax(0,1fr) auto;max-width:560px;gap:16px;align-items:end;margin:20px 0}
.portion-planner-controls label{font-size:16px}
.portion-macro-options{border-top:1px solid #cadbd5;margin:20px 0;padding-top:4px}
.portion-macro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}
.portion-macro-grid>div{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}
.portion-macro-grid label{font-size:14px;font-weight:600}.portion-macro-grid button{width:100%}
.portion-macro-grid .button{background:#fff;color:#075e5b;border-color:#799d94}
.portion-output .nutrition-grid{margin:16px 0}
.mzj6-form{max-width:34rem;gap:20px;padding:18px 0 24px}
.mzj6-form label{font-size:16px;line-height:1.5}
.mzj6-form :where(input:not([type=checkbox]),select){border:1px solid #789b92;min-height:48px;background:#fff;color:#173c30;padding:11px 12px;border-radius:8px}
.mzj6-form :where(p,.small){margin:0;font-size:14px;line-height:1.6}
.mzj6-form [type=submit]{margin-top:2px;background:#087c78;color:#fff;border-color:#087c78}
.mzj6-account>details{padding:4px 0;border-color:#d4e5df}
.mzj6-account>details>summary{font-size:18px;padding:16px 0}
.mzj-password-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px}
.mzj-password-field>label{grid-column:1/-1;margin:0}
.mzj-password-input{grid-column:1;grid-row:2;min-width:0}.mzj-password-field>.mzj-password-toggle{grid-column:2;grid-row:2}
.mzj-password-field input{width:100%;margin:0!important}
.mzj6-form .mzj-password-toggle{background:#fff;color:#075e5b;border:1px solid #789b92;padding:8px 12px;font-size:14px;min-width:64px}
.mzj-password-help{font-size:14px;color:#4a6268;margin:7px 0 0!important;font-weight:400}
.mzj-account-help{padding-top:0}.mzj-account-help>summary{font-size:14px}
.mzj-account-help p{margin:8px 0 0}
.mzj-multi-picker{border:1px solid #9cb7ba;border-radius:10px;padding:16px;margin:16px 0;min-width:0}
.mzj-multi-picker legend{font-weight:650;font-size:15px;padding:0 5px;max-width:100%}
.mzj-multi-picker input[type=search]{width:100%;margin:0 0 10px}
.mzj-multi-options{max-height:280px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #d4e5df;border-bottom:1px solid #d4e5df}
.mzj-multi-options label{display:flex!important;align-items:center;gap:12px;min-height:48px;padding:10px 4px;border-bottom:1px solid #e2ece7;margin:0!important;font-size:15px!important;line-height:1.45!important;font-weight:400!important}
.mzj-multi-options label:last-child{border:0}.mzj-multi-options input[type=checkbox]{width:20px;height:20px;margin:0;flex:0 0 20px;accent-color:#087c78}
.mzj-multi-count{font-size:14px;margin:10px 0 0!important;color:#4a6268}
.mzj6-links{gap:12px}.mzj6-links a{min-height:44px;display:inline-flex;align-items:center}
.mzj6-content .mzj6-shop-row label{display:flex;align-items:center;gap:10px;min-height:44px}
.mzj6-shop-row input[type=checkbox]{width:22px;height:22px;flex:0 0 22px}
.mzj6-shop-row label:has(input[type=number]){display:block}
.mzj6-shop-row:has(input[type=checkbox]:checked)>label:first-child span{text-decoration:line-through;color:#4a6268}
.mzj6-content .mzj-panel:has(input){display:grid;gap:12px}
.mzj6-cook-timer{display:grid;grid-template-columns:minmax(110px,1fr) auto auto;align-items:end;gap:12px;margin-top:16px}
.mzj6-cook-timer label{font-size:14px;font-weight:600}.mzj6-cook-timer input{display:block;width:100%;min-height:44px;padding:8px;border:1px solid #789b92;border-radius:7px;background:#fff}
.mzj6-cook-timer>p{grid-column:1/-1;margin:0;font-size:13px}
.mzj6-cook-timer>.mzj6-timer{font-size:24px;font-weight:650}
.mzj6-cooking-active .mzj6-cooking-toolbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:#fff;border:1px solid #91b6aa;box-shadow:0 4px 14px #173c3014;border-radius:12px}
.mzj6-cooking-active .mzj6-save-offline{display:none}
.mzj6-cooking-active .recipe-instructions{scroll-margin-top:280px}
.mzj6-cooking-active .recipe-instructions li{position:relative;padding-left:40px}
.mzj6-cooking-active .recipe-instructions li>input{position:absolute;left:0;top:24px;width:22px;height:22px;accent-color:#087c78}
@media(max-width:1119px){.header-inner{min-height:84px;flex-wrap:wrap;padding:16px 0}.menu-toggle{display:flex;gap:8px;align-items:center;min-height:44px}.site-header #primary-navigation{display:none;width:100%}.site-header #primary-navigation.is-open{display:block}.main-menu{display:block;padding:8px 0}.main-menu>li{display:block;border-top:1px solid #d4e5df}.main-menu>li>a{display:block;padding:14px 2px;font-size:16px;white-space:normal}}
@media(min-width:1120px){.site-header #primary-navigation{display:block}.menu-toggle{display:none}}
@media(max-width:760px){.recipe-columns{grid-template-columns:1fr;gap:28px}.portion-macro-grid{grid-template-columns:1fr}.portion-macro-grid>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);align-items:end}.recipe-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.site-header .original-brand img{width:clamp(160px,55vw,220px)}.header-inner{gap:12px}.page-intro h1{font-size:clamp(2rem,8.5vw,2.65rem);line-height:1.15}.page-intro{padding-top:28px;padding-bottom:22px}.page-intro .byline{font-size:13px}.entry-content>h2{line-height:1.2}.mzj-panel,.callout,.portion-planner,.recipe-nutrition{padding:20px;border-radius:14px}.mzj-action-row>*{flex:1 1 100%;width:100%}.mzj6-cooking-toolbar{padding:16px;margin:24px 0}.mzj-recipe-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mzj-recipe-nav a{font-size:14px;padding:10px}.portion-planner-controls{grid-template-columns:minmax(0,1fr) auto;gap:12px}.portion-planner h2{font-size:1.65rem}.portion-planner p{font-size:15px}.portion-macro-grid>div{grid-template-columns:1fr}.portion-planner .block-summary,.recipe-nutrition .block-summary{font-size:12px;gap:10px;grid-template-columns:1fr;background:#e9f4ef;padding:14px}.portion-planner .block-summary>div,.recipe-nutrition .block-summary>div{display:flex;align-items:center;gap:12px}.portion-planner .block-summary strong,.recipe-nutrition .block-summary strong{font-size:24px;min-width:65px}.recipe-overview{padding:18px;gap:16px}.recipe-overview span{font-size:13px}.recipe-overview strong{font-size:21px}.recipe-nutrition .nutrition-grid{font-size:14px}.mzj6-account{padding:18px}.mzj6-form{gap:18px}.mzj6-form .small{font-size:14px}.mzj6-content input,.mzj6-content select{font-size:16px}.mzj6-cooking-active .mzj6-cooking-toolbar{padding:12px;margin:0 0 20px}.mzj6-cooking-active .mzj-action-row>*{flex-basis:auto;width:auto}.mzj6-cook-timer{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mzj6-cook-timer label{grid-column:1/-1;display:flex;align-items:center;gap:12px}.mzj6-cook-timer input{width:90px;margin:0}.mzj6-cook-timer .mzj6-timer{font-size:21px}.mzj6-cooking-active .recipe-instructions{font-size:1.12rem;line-height:1.7;scroll-margin-top:290px}.mzj6-cooking-active .recipe-instructions li{padding-top:14px;padding-bottom:14px}.mzj6-cooking-active .recipe-instructions li>input{top:20px}.footer-bottom{flex-wrap:wrap}.footer-grid nav a{display:inline-flex;align-items:center;min-height:44px}.mzj-catalog .nutrition-grid{grid-template-columns:1fr}.mzj-catalog-filters{gap:16px}.mzj-catalog-card summary .mzj-food-state{font-size:14px;font-weight:500}.calc-top select{font-size:16px;min-height:48px}.calc-top label{margin-left:0}.recipe-pagination{max-width:100%}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.site-header .original-brand img{width:168px}.header-inner{gap:8px}.menu-toggle{padding:8px 9px}.mzj-panel,.callout,.portion-planner,.recipe-nutrition{padding:16px}.portion-planner-controls{grid-template-columns:1fr}.portion-reset{width:100%}.mzj6-account{padding:14px}.mzj-recipe-nav a{padding:9px 8px}.mzj-multi-picker{padding:12px}}
@media print{.mzj-recipe-nav,.mzj6-cooking-toolbar,.mzj-password-toggle,.mzj-multi-picker{display:none!important}.portion-macro-options:not([open]){display:none!important}}
@media screen and (max-height:500px){.mzj6-cooking-active .mzj6-cooking-toolbar{position:static}.mzj6-cooking-active .recipe-instructions{scroll-margin-top:24px}}
.mzj-catalog-filters{display:block}.mzj-food-primary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.mzj-food-primary>.button{min-height:48px;padding:11px 20px}.mzj-food-advanced{border-top:1px solid #cadbd5;margin-top:20px}.mzj-food-advanced>summary{padding:14px 0;font-size:15px;font-weight:600}.mzj-food-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 16px}.mzj-food-filter-grid>.button{justify-self:start}.mzj-catalog-clear{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:14px}.mzj-food-filter-grid .mzj-catalog-nutrient-filters{grid-column:1/-1}
@media(max-width:800px){.mzj-food-filter-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.mzj-food-primary{grid-template-columns:1fr}.mzj-food-primary>.button{width:100%}.mzj-food-filter-grid{grid-template-columns:1fr}.mzj-food-filter-grid>.button{width:100%}}