/* A personal recipe shelf and a small, readable feed from cooks you follow. */
.kitchen-page{
  --kitchen-paper:#fffef8;--kitchen-soft:#eef2e8;--kitchen-line:#d5dfcf;
  --kitchen-muted:#536b56;--kitchen-hover:#e7eee0;
}
html[data-theme="dark"] .kitchen-page{
  --kitchen-paper:var(--theme-surface,#263c30);--kitchen-soft:var(--theme-subtle,#21382b);
  --kitchen-line:var(--theme-line,#4a6350);--kitchen-muted:var(--theme-muted,#b1c1ac);
  --kitchen-hover:#324c39;
}
.kitchen-page .kitchen-banner{display:flex;align-items:center;justify-content:space-between;gap:20px 28px}
.kitchen-banner>div:first-child{flex:1 1 380px;min-width:0}
.kitchen-banner-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex:0 1 auto}
.kitchen-banner-actions .btn{min-height:44px;white-space:normal}
.kitchen-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start;min-width:0}
.kitchen-main,.kitchen-side{min-width:0}
.kitchen-side{display:grid;gap:20px;align-items:start}
.kitchen-page .kitchen-tabs.pill-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;border:0;border-radius:0;background:transparent;margin:0 0 22px;width:100%;min-width:0}
.kitchen-page .kitchen-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;border:1px solid var(--kitchen-line);border-radius:10px;background:var(--kitchen-paper);padding:9px 7px;color:var(--kitchen-muted);font-size:12px;line-height:1.4;font-weight:700;white-space:normal;text-align:center}
.kitchen-tabs>button>span{font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.5;border-radius:20px;background:var(--kitchen-soft);color:inherit;padding:1px 6px;flex:none}
.kitchen-tabs>button.active>span{background:rgba(255,255,255,.25);color:inherit}
.kitchen-page .kitchen-tabs>button:not(.active):hover{background:var(--kitchen-hover);border-color:var(--highlight-edge,#ce9263)}
.kitchen-collection-head{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;min-width:0;margin:0 0 18px}
.kitchen-collection-head>div{min-width:0}
.kitchen-collection-head h2{font-size:27px;line-height:1.2;margin:0;color:var(--ink)}
.kitchen-collection-head p{margin:7px 0 0;font-size:12px;line-height:1.65;color:var(--kitchen-muted)}
.kitchen-collection-head>.btn,.kitchen-collection-head>.text-link{min-height:44px;white-space:normal}
.kitchen-collection-head .toolbar-right{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.kitchen-collection-head .toolbar-right>.text-link{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.kitchen-feed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:20px;min-width:0;align-items:start}
.kitchen-post{display:flex;flex-direction:column;min-width:0;border:1px solid var(--kitchen-line);border-radius:17px;overflow:hidden;background:var(--kitchen-paper);box-shadow:0 6px 22px rgba(24,57,44,.035)}
.kitchen-post-head{display:flex;align-items:center;gap:10px;padding:15px;min-width:0}
.kitchen-post-head>.avatar{width:37px;height:37px;min-width:37px;aspect-ratio:1;flex:none;font-size:11px}
.kitchen-post-author{display:flex;min-height:44px;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:transparent;padding:0;color:var(--ink);text-align:left}
.kitchen-post-author>.avatar{width:37px;height:37px;min-width:37px;aspect-ratio:1;flex:none;font-size:11px}
.kitchen-post-author>span:not(.avatar){display:grid;gap:3px;min-width:0}
.kitchen-post-author strong{font:700 12px/1.4 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.kitchen-post-author small{display:block;font:400 10px/1.5 var(--sans);color:var(--kitchen-muted);overflow-wrap:anywhere}
.kitchen-post-head>.btn{min-height:44px;flex:none;font-size:11px;padding:9px 11px}
.kitchen-post-picture{display:block;position:relative;aspect-ratio:16/10;width:100%;min-width:0;padding:0;border:0;border-block:1px solid var(--kitchen-line);background:var(--kitchen-soft);overflow:hidden}
.kitchen-post-picture img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.kitchen-post-picture:focus-visible{outline-offset:-4px}
.kitchen-post-copy{padding:20px 19px 17px;min-width:0;flex:1}
.kitchen-post-overline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px;color:var(--kitchen-muted);font-size:10px;font-weight:650;line-height:1.5}
.kitchen-post-overline>span{overflow-wrap:anywhere}
.kitchen-post-copy h3{font-size:27px;line-height:1.2;margin:0 0 10px;overflow-wrap:anywhere;color:var(--ink)}
.kitchen-post-copy h3>button{display:block;min-height:44px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;overflow-wrap:anywhere}
.kitchen-post-copy h3>button:hover{text-decoration:underline;text-decoration-color:var(--highlight-edge,#ce9263);text-underline-offset:4px}
.kitchen-post-copy>p{margin:0;color:var(--kitchen-muted);font-size:12px;line-height:1.75;overflow-wrap:anywhere}
.kitchen-post-source{display:flex;align-items:flex-start;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid var(--kitchen-line);font-size:11px;line-height:1.65;color:var(--kitchen-muted);overflow-wrap:anywhere}
.kitchen-post-source>svg{margin-top:3px;flex:none;color:var(--highlight-label,#8b4b28)}
.kitchen-post-source button{padding:0;border:0;background:transparent;color:var(--ink);font-size:inherit;line-height:inherit;text-align:left;text-decoration:underline;text-decoration-color:var(--highlight-edge,#ce9263);text-underline-offset:3px}
.kitchen-post-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--kitchen-line);min-width:0}
.kitchen-post-actions>button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:46px;border:0;border-right:1px solid var(--kitchen-line);background:transparent;color:var(--ink);padding:10px 5px;font-size:11px;font-weight:650;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.kitchen-post-actions>button:last-child{border-right:0}
.kitchen-post-actions>button>svg{flex:none}
.kitchen-post-actions>button:hover{background:var(--kitchen-hover)}
.kitchen-post-actions>button[aria-pressed="true"]{background:var(--highlight-soft,#fff0df);color:var(--highlight-label,#8b4b28)}
.kitchen-page :is(.kitchen-cook-panel,.kitchen-following-panel,.kitchen-tools-panel){padding:20px 18px;border:1px solid var(--kitchen-line);border-radius:15px;background:var(--kitchen-paper);min-width:0}
.kitchen-page :is(.kitchen-cook-panel,.kitchen-following-panel,.kitchen-tools-panel) h3{font-size:24px;line-height:1.2;margin:0 0 9px;color:var(--ink)}
.kitchen-page :is(.kitchen-cook-panel,.kitchen-following-panel,.kitchen-tools-panel)>p{font-size:11px;line-height:1.7;margin:0 0 17px;color:var(--kitchen-muted)}
.kitchen-page :is(.kitchen-cook-panel,.kitchen-following-panel,.kitchen-tools-panel)>.text-link{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin-top:12px;width:100%;font-size:11px}
.kitchen-cook-list{display:grid;gap:0;min-width:0}
.kitchen-cook-row{display:flex;align-items:center;gap:8px;min-width:0;padding:13px 0;border-bottom:1px solid var(--kitchen-line)}
.kitchen-cook-row:first-child{padding-top:0}
.kitchen-cook-row:last-child{padding-bottom:0;border-bottom:0}
.kitchen-cook-person{display:flex;align-items:center;gap:9px;flex:1;min-width:0;min-height:44px;border:0;background:transparent;padding:0;color:var(--ink);text-align:left}
.kitchen-cook-person>.avatar{width:36px;height:36px;min-width:36px;aspect-ratio:1;flex:none;font-size:10px}
.kitchen-cook-person>span:not(.avatar){display:grid;gap:3px;min-width:0}
.kitchen-cook-person strong{font-size:11px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
.kitchen-cook-person :is(small,em){font-size:10px;font-style:normal;line-height:1.5;color:var(--kitchen-muted);overflow-wrap:anywhere}
.kitchen-cook-row>.btn{min-height:44px;min-width:0;flex:none;padding:9px 9px;font-size:10px;gap:5px}
.kitchen-tools-panel>nav,.kitchen-tools-panel>div{display:grid;gap:8px}
.kitchen-tools-panel .btn{width:100%;min-height:44px;justify-content:flex-start;white-space:normal;text-align:left}
.kitchen-feed-empty,.kitchen-feed-status{grid-column:1/-1;min-width:0;padding:30px 22px;border:1px solid var(--kitchen-line);border-radius:15px;background:var(--kitchen-paper);text-align:center;color:var(--ink)}
.kitchen-feed-empty h3,.kitchen-feed-status h3{font-size:28px;margin:0 0 12px;color:var(--ink)}
.kitchen-feed-empty p,.kitchen-feed-status p{max-width:54ch;margin:0 auto 18px;font-size:12px;line-height:1.8;color:var(--kitchen-muted)}
.kitchen-feed-status[role="status"]{display:grid;justify-items:center;gap:8px;min-height:160px;align-content:center}
.kitchen-more{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.kitchen-more .btn{min-height:44px;white-space:normal}
.kitchen-more>p,.kitchen-more>span{font-size:11px;line-height:1.6;color:var(--kitchen-muted);margin:0}
.kitchen-page :is(.kitchen-post,.kitchen-cook-row) button:focus-visible{outline-color:var(--highlight-edge,#ce9263)}
@media(max-width:1150px){
 .kitchen-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}
 .kitchen-banner{flex-wrap:wrap}
 .kitchen-banner-actions{flex-wrap:wrap}
}
@media(max-width:900px){
 .kitchen-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .kitchen-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .kitchen-side>.kitchen-tools-panel{grid-column:1/-1}
 .kitchen-tools-panel>nav,.kitchen-tools-panel>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .kitchen-page .kitchen-banner{gap:16px}
 .kitchen-banner-actions{width:100%}
 .kitchen-banner-actions .btn{flex:1 1 120px;min-width:0}
 .kitchen-page .kitchen-tabs.pill-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}
 .kitchen-page .kitchen-tabs>button{min-height:44px;padding:10px}
 .kitchen-collection-head h2{font-size:25px}
 .kitchen-post-head{padding:13px}
 .kitchen-post-copy{padding:18px 16px 16px}
 .kitchen-post-copy h3{font-size:26px}
 .kitchen-side{grid-template-columns:minmax(0,1fr)}
 .kitchen-feed-list{gap:17px}
}
@media(max-width:360px){
 .kitchen-post-head{gap:7px}
 .kitchen-post-head>.btn{padding:8px;font-size:10px}
 .kitchen-post-author>.avatar{width:32px;height:32px;min-width:32px}
 .kitchen-post-actions>button{font-size:10px;gap:4px}
 .kitchen-cook-row{gap:7px}
 .kitchen-tools-panel>nav,.kitchen-tools-panel>div{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .kitchen-page :is(.kitchen-post,.kitchen-cook-row,.kitchen-tabs) button{transition:none;animation:none}
}