/* Shared product palette: cobalt for actions, mango for cooking and progress. */
:root{--accent:#3155e7;--accent-hover:#2444c6;--mango:#ffbe45;--mango-soft:#fff1cf;--ink:#202b40;--muted:#59667e;--paper:#f5f7ff;--surface:#fff;--soft:#e4eaff;--line:#dbe1f2;--control-line:#a2aec8;--green:var(--accent);--orange:var(--accent);color-scheme:light}
body,.recipe-page{background:var(--paper);color:var(--ink)}
body{font-size:14px;line-height:1.5}h1,h2,h3{text-wrap:balance}h1{font-weight:800;letter-spacing:-1.4px}a{color:var(--accent)}
button,a,summary{touch-action:manipulation}button,a{transition:background-color .15s,color .15s,border-color .15s}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
input,select,textarea{accent-color:var(--accent)}input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--control-line)}
button.primary,a.primary,.recipe-actions #cooked,.diary-page .day-heading #add-meal{background:var(--accent);color:white;border-radius:10px}
button.primary:hover,a.primary:hover,.recipe-actions #cooked:hover,.diary-page .day-heading #add-meal:hover{background:var(--accent-hover)}
.quiet:hover{background:var(--soft)}.eyebrow{letter-spacing:0;font-size:12px;text-transform:none}main{min-width:0}
.skip-content{position:absolute;left:16px;top:8px;padding:12px;background:var(--surface);z-index:100;transform:translateY(-180%)}.skip-content:focus{transform:none}

/* Four visible destinations and a compact, keyboard-accessible account menu. */
#site-header{min-height:80px;height:auto;padding:0 24px;background:var(--surface)}
#site-header .site-header-inner{max-width:1180px;min-height:80px;gap:24px;flex-wrap:nowrap;padding:0}
#site-header .brand{font-size:29px;letter-spacing:-1.6px;width:auto}#site-header .brand span{font-size:10px;font-weight:500;letter-spacing:0;margin-top:0;color:var(--muted)}
#site-header .site-nav{order:0;width:auto;gap:8px;margin-right:auto}
#site-header .nav-link{color:var(--muted);padding:12px 14px;border-radius:10px;min-height:44px}
#site-header .nav-link:hover{background:var(--soft);color:var(--accent)}#site-header .nav-link[aria-current=page]{color:var(--accent);background:var(--soft);box-shadow:none}
#site-header .site-actions{order:0;width:auto;flex-shrink:0}
.account-menu{position:relative}.account-menu summary{display:flex;gap:10px;align-items:center;list-style:none;padding:10px 12px;min-height:44px;border:1px solid var(--line);border-radius:10px;cursor:pointer}
.account-menu summary::-webkit-details-marker{display:none}.account-menu summary>span:first-child{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu[open] summary{background:var(--soft)}
.account-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:248px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 12px 36px #202b401a}
#site-header .account-menu-panel :is(a,button){display:block;width:100%;min-height:44px;text-align:left;text-decoration:none;padding:12px;margin:2px 0;font-size:13px;white-space:normal}
#site-header .account-menu-panel #export{display:block}

/* Recipe: ingredient workspace and a distinct sequence of cooking steps. */
.recipe-page main{max-width:1180px}.recipe-page .recipe-top{display:grid;grid-template-columns:minmax(0,1fr) 176px;gap:16px 24px}
.recipe-page .recipe-top>div:first-child{min-width:0}.recipe-page .recipe-title{font-size:34px;font-weight:800;letter-spacing:-1.2px}
.recipe-page .recipe-top>.gallery-dish-image{width:176px;height:140px;object-fit:cover;border-radius:14px}
.recipe-page .recipe-top:not(:has(>.gallery-dish-image)){grid-template-columns:1fr}
.recipe-page .recipe-actions{grid-column:1/-1;justify-content:flex-start;flex-direction:row;align-items:center}.recipe-page .recipe-actions button{min-height:44px}
.recipe-page #eat-today{background:var(--mango);border-color:transparent;color:var(--ink);border-radius:10px}.recipe-page #eat-today:hover{background:#ffb323}
.recipe-page #edit{border-color:var(--line);border-radius:10px}.recipe-page .meta{margin:10px 0 18px}
.recipe-page .calculator{background:var(--soft);border:0;padding:16px 20px}
.recipe-page .recipe-body{gap:24px;margin:24px 0;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}
.recipe-page .recipe-body>section:first-child{padding:20px;background:var(--surface);border-radius:16px}.recipe-page .ingredient{min-height:68px}
.recipe-page .custom-weight .weight-input{border-color:var(--control-line);background:var(--paper);height:44px}
.recipe-page .product-open{min-width:44px;min-height:44px}.recipe-page .ingredient-help{color:var(--muted)}
.recipe-page .steps li{padding:16px;background:var(--surface);border-radius:14px;margin-bottom:12px}.recipe-page .steps li::before{background:var(--mango);color:var(--ink)}
.recipe-page .use-chips>.use-card{background:var(--paper);border-radius:10px}.recipe-page .use-chips .food-miniature{width:44px;height:44px;flex-basis:44px}
.recipe-page .nutrition-bar{position:static;background:var(--accent);color:white;border:0;box-shadow:none;border-radius:14px;padding:18px 20px}
.recipe-page .nutrition-bar :is(.nutrient span,.saved-state,.nutrition-switch){color:white}.recipe-page .nutrition-bar .nutrient{border-color:#ffffff45}
.recipe-page .nutrition-bar select{background:var(--accent);color:white}.recipe-page .nutrition-note{color:var(--muted)}
.recipe-page .back-to-recipes{margin:16px 24px 16px 0}
.recipe-page .recipe-library{display:inline-block;margin:12px 0 20px;vertical-align:middle}
.recipe-page .recipe-library[open]{display:block;margin-top:0}
.recipe-page .calculator{display:block;padding:14px;margin:16px 0 8px}
.recipe-page .calculator h3{font-size:14px;margin:0}
.recipe-page .calc-tabs{margin:8px 0;gap:4px}
.recipe-page .calc-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:8px}
.recipe-page .calc-fields label{margin:0}
.recipe-page .calculator .calc-fields:has(#base){grid-template-columns:minmax(0,1fr) minmax(0,.7fr)}
.recipe-page .calc-hint{padding-top:8px;margin:10px 0 0}
.recipe-management{position:relative}
.recipe-management summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px}
.recipe-management summary::-webkit-details-marker{display:none}
.recipe-management-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:20;width:200px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #202b401a}
.recipe-management-panel button{display:block;width:100%;text-align:left}
.recipe-management:not(:has(button:not([hidden]))){display:none}

/* Diary: cobalt totals, mango progress and clear meal headings. */
.diary-page main{max-width:1180px;padding-top:24px}.diary-page .daily-totals{background:var(--accent);color:white;border-radius:14px;padding:18px 20px;margin:16px 0 24px;gap:20px}
.diary-page .daily-totals :is(span,.goal-remaining,strong,small){color:white}.diary-page .daily-totals strong{display:block;margin:6px 0 0;font-size:24px}
.diary-page .daily-totals .goal-progress{background:#ffffff35;height:5px;margin:12px 0 8px}.diary-page .daily-totals .goal-progress i{background:var(--mango)}
.diary-page .daily-totals .goal-over{color:#ffe0a0}.diary-page .meal-section{padding:14px;border-radius:14px;border-color:var(--line)}
.diary-page .meal-section-heading{padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid var(--line)}.diary-page .meal-section-heading h4{color:var(--ink);font-size:16px}
.diary-page .meal-collapse{min-height:44px}.diary-page .meal-collapse-chevron{width:24px;height:24px;flex-basis:24px;background:var(--soft);color:var(--accent)}
.diary-page .meal-section .entry-title{color:var(--ink)}.diary-page .meal-section .diary-entry-shell>.meal-entry{min-height:44px}.diary-page .meal-eaten-toggle{min-height:44px}
.diary-page .meal-section .entry-grip{width:32px;flex-basis:32px;min-height:44px}.diary-page .meal-section .diary-action-menu summary{width:32px;height:44px}
.diary-page .day-heading{min-height:44px}.diary-page .day-heading :is(button,#add-meal),.diary-calendar>summary,.diary-goal-settings>summary{min-height:44px;height:auto}
.diary-goal-settings .daily-goal{top:50px}.diary-calendar .calendar-panel{top:52px}.diary-page .day-heading h2{font-size:23px}
.diary-day-toolbar .day-state-panel{flex-wrap:wrap}.day-state-panel button{min-height:44px}

.library-intro h1{font-weight:800}.library-intro{gap:24px}.gallery-card{border-radius:16px;border-color:var(--line)}.gallery-card:hover{border-color:var(--accent)}
.gallery-card h2{font-size:20px}.gallery-card-bottom strong{color:var(--accent)}.default-product{border-color:var(--accent);background:var(--soft)}.default-toggle{color:var(--accent)}
.library-product{border-radius:14px}.product-group .section-title{padding-bottom:12px;border-bottom:1px solid var(--line)}
.dish-group{background:var(--paper);border-color:var(--line)}.dish-card{border-color:var(--line);border-radius:14px;padding:20px}
.dish-card p,.dish-empty,.macro-range label,.dish-group>summary small{color:var(--muted)}.dish-photo{height:160px}dialog{overscroll-behavior:contain}footer{color:var(--accent)}
.dish-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.library-intro-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.library-intro-actions .primary{text-decoration:none;white-space:nowrap}
.ingredients-page main{max-width:1180px;padding:24px}
.ingredients-page .intro{padding:0 0 20px}.ingredients-page h1{font-size:36px;margin:6px 0 12px}
.ingredients-page .intro .eyebrow{display:none}.ingredients-page .intro p{margin:8px 0}
.product-library-help summary{cursor:pointer;color:var(--accent);font-size:12px;min-height:32px}
.product-library-help p{max-width:720px}
.ingredients-page .library-controls{gap:16px}.ingredients-page .library-controls .search{margin-top:0}
.ingredients-page .product-grid{display:block;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.ingredients-page .library-product{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 150px 44px;align-items:center;gap:16px;padding:14px 18px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.ingredients-page .library-product:last-child{border-bottom:0}.ingredients-page .library-product.default-product{background:var(--soft)}
.ingredients-page .product-name{grid-column:1;grid-row:1;min-width:0}.ingredients-page .product-name h3{font-size:14px;margin:0;overflow-wrap:anywhere}
.ingredients-page .product-name .food-miniature{width:40px;height:40px;flex-basis:40px}
.ingredients-page .default-toggle{grid-column:4;grid-row:1;min-height:44px;padding:0;font-size:26px}
.ingredients-page .product-nutrition-summary{grid-column:2;grid-row:1}.ingredients-page .product-nutrition-summary p{margin:0 0 4px;font-size:11px}
.ingredients-page .product-macros{gap:10px;font-size:12px}.ingredients-page .product-actions{grid-column:3;grid-row:1;display:flex;flex-wrap:wrap;gap:4px}
.ingredients-page .product-actions button{font-size:12px;padding:10px 8px;min-height:44px}.ingredients-page .product-actions p{margin:0;font-size:11px}
@media(max-width:950px){.ingredients-page .library-product{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 44px}.ingredients-page .default-toggle{grid-column:3;grid-row:1/3}.ingredients-page .product-actions{grid-column:1/3;grid-row:2}}
@media(max-width:600px){.ingredients-page main{padding:24px 16px}.ingredients-page .library-product{grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:12px}.ingredients-page .default-toggle{grid-column:2;grid-row:1/3}.ingredients-page .product-nutrition-summary{grid-column:1;grid-row:2;padding-left:48px}.ingredients-page .product-actions{grid-column:1/3;grid-row:3;padding-left:40px}.ingredients-page .product-group .section-title{gap:8px}.ingredients-page .add-category-product{padding:10px 8px}.ingredients-page h1{font-size:30px}}

@media(max-width:950px){#site-header .site-header-inner{flex-wrap:wrap;gap:10px;padding:12px 0}#site-header .site-actions{margin-left:auto}#site-header .site-nav{order:3;width:100%;justify-content:flex-start}}
@media(max-width:720px){
 #site-header{padding:0 16px}#site-header .site-header-inner{gap:8px}#site-header .site-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0}
 #site-header .nav-link{padding:12px 3px;text-align:center;font-size:11px;white-space:normal}#site-header .brand{font-size:27px}.account-menu summary>span:first-child{max-width:96px}
 .recipe-page main{padding:0 16px}.recipe-page .recipe-top{grid-template-columns:minmax(0,1fr) 80px;gap:12px}.recipe-page .recipe-top>.gallery-dish-image{width:80px;height:80px}
 .recipe-page .recipe-title{font-size:26px}.recipe-page .recipe-description{font-size:13px}.recipe-page .recipe-body{grid-template-columns:1fr;gap:24px}.recipe-page .recipe-body>section:first-child{padding:14px}
 .recipe-page .recipe-actions #delete-recipe{font-size:12px}.recipe-page .nutrition-bar{padding:16px}.recipe-page .nutrition-bar .nutrition{gap:4px}.recipe-page .nutrient strong{font-size:17px}
 .recipe-page .use-chips{grid-template-columns:1fr 1fr}.diary-page main{padding:20px 16px}.diary-page .day-heading{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}
 .diary-page .day-heading h2{font-size:18px}.diary-page .diary-calendar{top:54px}.diary-page .daily-totals{padding:16px;gap:18px 12px}.diary-page .daily-totals strong{font-size:21px}.diary-day-toolbar{align-items:flex-start}
}
@media(max-width:374px){#site-header{padding:0 12px}#site-header .nav-link{font-size:10px}.recipe-page main{padding:0 12px}.recipe-page .ingredient{gap:6px;grid-template-columns:20px minmax(0,1fr) auto}
 .recipe-page .ingredient-name>.food-miniature{width:32px;height:32px;flex-basis:32px}.recipe-page .custom-weight{gap:3px}.recipe-page .custom-weight .weight-input{width:56px}
 .recipe-page .recipe-actions{gap:6px}.recipe-page .use-chips{grid-template-columns:1fr}.diary-page .daily-totals strong{font-size:19px}
 .diary-page .daily-totals strong small{display:block;margin-top:4px;font-size:11px}
}
@media(pointer:coarse){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}.diary-page .meal-section .entry-grip,.diary-page .meal-section .diary-action-menu summary{width:44px;flex-basis:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
@media(min-width:1060px){.diary-page .daily-totals{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}
/* Private cookbook navigation remains usable on narrow screens. */
@media(max-width:720px){#site-header .site-nav:has(a[href="/pohudaichenko/"]){grid-template-columns:repeat(3,minmax(0,1fr))}#site-header .site-nav:has(a[href="/pohudaichenko/"]) .nav-link{font-size:12px}}
@media(max-width:374px){#site-header .site-nav:has(a[href="/pohudaichenko/"]) .nav-link{font-size:10px;padding-inline:5px}}
.ingredient-alternative{position:relative;min-width:0;flex:1}.ingredient-alternative-label{display:none}
@media(max-width:950px){
 .recipe-page .recipe-body{grid-template-columns:1fr}
 .ingredient-alternative-label{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:44px}
 .ingredient-alternative-label>span:first-child{min-width:0;overflow-wrap:anywhere}
 .ingredient-alternative select{position:absolute;inset:0;width:100%;height:100%;opacity:0}
 .ingredient-alternative:focus-within{outline:3px solid var(--control-line);outline-offset:3px;border-radius:4px}
}

/* Fedahead wordmark and compact, readable motto. */
#site-header .brand{flex-shrink:1;min-width:0;max-width:230px;line-height:1.15;padding-block:6px}
#site-header .brand span{font-size:12px;line-height:1.4;margin-top:4px;text-wrap:balance}
@media(max-width:520px){#site-header .brand{max-width:190px}}