/* Standalone recipe workspace: one title, one control row, quiet page chrome. */
body[data-recipe-family]{--ink:#25302a;--muted:#5a675f;--olive:#175b46;--line:#dce2dc;--pale:#f5f6f1;background:#fff;color:var(--ink)}
body[data-recipe-family] main{max-width:1320px;margin:0 auto 64px;padding:0 32px}
body[data-recipe-family] .workspace-navigation{position:relative;z-index:5;display:flex;align-items:center;justify-content:flex-start;gap:42px;background:#fff;border-bottom:1px solid var(--line);box-shadow:none;padding:20px max(32px,calc((100vw - 1256px)/2));min-height:76px}
body[data-recipe-family] .workspace-navigation .wordmark{width:auto;font:600 30px/1 Georgia,serif;letter-spacing:-1px;color:var(--olive);text-decoration:none}
.workspace-nav-links{display:flex;align-items:center;gap:32px;font-size:14px}
.workspace-nav-links>a,.workspace-builders-menu summary{color:var(--ink);text-decoration:none;padding:10px 0}
.workspace-nav-links>a:hover,.workspace-builders-menu summary:hover{color:var(--olive);text-decoration:underline;text-underline-offset:5px}
.workspace-builders-menu{position:relative}
.workspace-builders-menu summary{cursor:pointer;list-style:none}
.workspace-builders-menu summary::-webkit-details-marker{display:none}
.workspace-builders-menu summary::after{content:'⌄';margin-left:7px;font-size:12px}
.workspace-builders-menu>div{position:absolute;top:100%;left:-16px;min-width:190px;display:grid;background:white;border:1px solid var(--line);border-radius:5px;padding:8px;box-shadow:0 12px 28px #25302a14}
.workspace-builders-menu>div a{display:block;text-decoration:none;color:var(--ink);padding:11px 10px;border-radius:3px}
.workspace-builders-menu>div a:hover{background:var(--pale)}
body[data-recipe-family] :is(a,button,input,select,summary):focus-visible{outline:3px solid #b58336;outline-offset:4px}
body[data-recipe-family] .recipe-page-header{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:48px;row-gap:16px;margin:0;padding:22px 0 28px}
body[data-recipe-family] .workspace-breadcrumb{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--muted);margin:0 0 5px}
.workspace-breadcrumb a{color:var(--muted)}
.workspace-breadcrumb>*+*::before{content:'/';display:inline-block;padding-right:12px;color:#a7b2aa}
body[data-recipe-family] .workspace-title{grid-column:1;align-self:center;min-width:0}
body[data-recipe-family] .recipe-page-header h1{font:600 clamp(34px,3.7vw,53px)/1.08 Georgia,serif;letter-spacing:-1.2px;margin:0 0 12px;text-wrap:balance}
body[data-recipe-family] .recipe-page-header .lede{font-size:17px;line-height:1.6;max-width:730px;color:var(--muted);margin:0}
body[data-recipe-family] .recipe-page-hero{grid-column:2;grid-row:2 / span 2;align-self:center;max-width:none;width:100%;margin:0}
body[data-recipe-family] .recipe-page-hero img{display:block;width:100%;height:220px;object-fit:cover;border-radius:6px}
body[data-recipe-family] .recipe-page-hero[hidden]{display:none}
body[data-recipe-family] .recipe-page-header:has(.recipe-page-hero[hidden]){grid-template-columns:1fr}
body[data-recipe-family] #workspace-active-facts{grid-column:1;align-self:start;min-width:0}
.workspace-summary{display:flex;flex-wrap:wrap;gap:12px 26px;margin:3px 0 0;line-height:1.4}
.workspace-summary>div{max-width:100%}
.workspace-summary dt{font-size:11px;color:var(--muted);margin:0 0 3px}
.workspace-summary dd{font-size:16px;font-weight:600;margin:0;overflow-wrap:anywhere}
.workspace-heat-note{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.5}
body[data-recipe-family] .recipe-reading-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(325px,1.4fr) minmax(205px,1fr);gap:24px;align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 32px;padding:18px 0;background:transparent;border-radius:0}
body[data-recipe-family] .recipe-variation-field{display:flex;flex-direction:column;gap:7px;min-width:0;max-width:none}
body[data-recipe-family] :is(.recipe-variation-field>label,.workspace-control-label,.unit-picker){font-size:12px;font-weight:400;color:var(--muted);line-height:1.3}
body[data-recipe-family] .recipe-variation-field select,body[data-recipe-family] .unit-picker select{font-size:14px;line-height:1.4;border:1px solid #cbd5ce;border-radius:4px;background:white;color:var(--ink);padding:10px 28px 10px 11px;min-height:42px;width:100%;max-width:none;margin:0;min-width:0;text-overflow:ellipsis}
body[data-recipe-family] .workspace-view-control{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 23px;min-width:0}
.workspace-control-label{display:block;margin-bottom:7px}
body[data-recipe-family] .recipe-detail-controls{display:block;margin:0;padding:0}
body[data-recipe-family] .detail-buttons{display:grid;grid-template-columns:1fr 1fr 1.25fr;border:0;border-radius:0;background:transparent;padding:0;gap:10px;width:100%}
body[data-recipe-family] .detail-buttons button{font-size:14px;font-weight:400;line-height:1.3;color:var(--ink);min-height:42px;padding:10px 3px 9px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;white-space:nowrap;cursor:pointer}
body[data-recipe-family] .detail-buttons button[aria-pressed="true"]{font-weight:700;color:var(--olive);border-bottom-color:var(--olive);background:transparent;box-shadow:none}
body[data-recipe-family] .detail-buttons button:hover{color:var(--olive);background:#f5f6f180}
body[data-recipe-family] .workspace-display-tools{display:flex;align-items:flex-start;gap:20px;min-width:0}
body[data-recipe-family] .recipe-measurement-field{flex:1;min-width:0}
body[data-recipe-family] .unit-picker{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;margin:0}
body[data-recipe-family] .print-button{flex:none;font-size:14px;min-height:42px;margin-top:23px;border:0;border-radius:4px;background:none;color:var(--olive);padding:10px 5px;cursor:pointer}
body[data-recipe-family] .print-button:hover{text-decoration:underline;text-underline-offset:4px}
body[data-recipe-family] .measurement-note{min-height:0;font-size:11px;padding:0;margin:6px 0 0;color:var(--muted);line-height:1.4}
body[data-recipe-family] .measurement-note:empty{display:none}
body[data-recipe-family] .recipe-page-related{padding:28px 0;border-top:1px solid var(--line);margin:36px 0 0}
.recipe-page-related h2{font:600 24px/1.2 Georgia,serif;margin:0 0 18px}
.recipe-page-related ul{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;padding:0;margin:0}
.recipe-page-related a{font-size:15px;text-underline-offset:3px}
body[data-recipe-family] .recipe-builder-callout{border:0;border-top:1px solid var(--line);background:none;border-radius:0;padding:24px 0;margin-top:30px}
.recipe-builder-callout>p{font:600 24px Georgia,serif;margin:0 0 12px}
.workspace-print-heading{display:none}
.recipe-page-noscript{padding:12px 16px;border-left:3px solid var(--olive);background:var(--pale)}
#recipe-page-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1050px){
 body[data-recipe-family] .recipe-page-header{grid-template-columns:minmax(0,1fr) 260px;column-gap:28px}
 body[data-recipe-family] .recipe-page-hero img{height:190px}
 body[data-recipe-family] .recipe-reading-row{grid-template-columns:minmax(170px,1fr) minmax(285px,1.4fr) minmax(175px,1fr);gap:16px}
 body[data-recipe-family] .workspace-view-control{padding:0 15px}
 body[data-recipe-family] .workspace-display-tools{gap:10px}
 body[data-recipe-family] .detail-buttons{gap:4px}
}
@media(max-width:800px){
 body[data-recipe-family] main{padding:0 22px}
 body[data-recipe-family] .workspace-navigation{padding:16px 22px;gap:28px;min-height:68px}
 .workspace-nav-links{gap:24px}
 body[data-recipe-family] .recipe-page-header{grid-template-columns:minmax(0,1fr) 140px;column-gap:20px;row-gap:16px;padding:20px 0 24px}
 body[data-recipe-family] .recipe-page-hero{grid-row:2;align-self:start}
 body[data-recipe-family] .recipe-page-hero img{height:110px}
 body[data-recipe-family] #workspace-active-facts{grid-column:1/-1}
 body[data-recipe-family] .recipe-page-header h1{font-size:36px;letter-spacing:-.8px}
 body[data-recipe-family] .recipe-page-header .lede{font-size:15px}
 body[data-recipe-family] .recipe-reading-row{grid-template-columns:1fr 1fr;gap:20px 24px;margin-bottom:24px;padding:18px 0}
 body[data-recipe-family] .workspace-view-control{grid-column:1/-1;grid-row:2;padding:0;border:0}
 body[data-recipe-family] .workspace-view-control>.workspace-control-label{display:none}
 body[data-recipe-family] .detail-buttons{gap:22px;max-width:470px}
 body[data-recipe-family] .detail-buttons button{font-size:15px;min-height:44px}
 body[data-recipe-family] .workspace-display-tools{gap:20px}
}
@media(max-width:480px){
 body[data-recipe-family] main{padding:0 18px}
 body[data-recipe-family] .workspace-navigation{padding:15px 18px;gap:18px}
 body[data-recipe-family] .workspace-navigation .wordmark{font-size:27px}
 .workspace-nav-links{gap:16px;font-size:13px}
 body[data-recipe-family] .workspace-breadcrumb{font-size:11px;gap:6px 8px}
 .workspace-breadcrumb>*+*::before{padding-right:8px}
 body[data-recipe-family] .recipe-page-header{grid-template-columns:minmax(0,1fr) 86px;gap:15px}
 body[data-recipe-family] .recipe-page-header h1{font-size:29px;letter-spacing:-.6px}
 body[data-recipe-family] .recipe-page-hero img{height:86px}
 body[data-recipe-family] .recipe-page-header .lede{font-size:14px;line-height:1.5}
 .workspace-summary{gap:12px 20px}
 .workspace-summary dd{font-size:15px}
 body[data-recipe-family] .recipe-reading-row{grid-template-columns:1fr;gap:15px}
 body[data-recipe-family] .workspace-view-control{grid-row:2;grid-column:1}
 body[data-recipe-family] .workspace-display-tools{grid-row:3;gap:24px;align-items:flex-start}
 body[data-recipe-family] .recipe-measurement-field{max-width:260px}
 body[data-recipe-family] .detail-buttons{gap:16px;max-width:none}
 body[data-recipe-family] .detail-buttons button{font-size:14px}
 body[data-recipe-family] .workspace-display-tools .print-button{margin-left:auto;padding:10px}
}
@media print{
 body[data-recipe-family]{background:#fff;color:#000}
 body[data-recipe-family] main{max-width:none;margin:0;padding:0}
 body[data-recipe-family] .recipe-page-header,.recipe-reading-row,.recipe-page-noscript,#recipe-page-status{display:none!important}
 body[data-recipe-family][data-active-recipe] #active-recipes>.recipe-entry:not([hidden])>.paper{break-before:auto!important}
}

@media print{body[data-recipe-family] .workspace-print-heading{display:block;margin:0 0 6mm}body[data-recipe-family] .workspace-print-heading h1{font:600 22pt/1.2 Georgia,serif;margin:0 0 4mm}body[data-recipe-family] #active-recipes .workspace-article>header{display:none!important}body[data-recipe-family] .workspace-summary dd{font-size:10pt}body[data-recipe-family] .workspace-summary dt{font-size:8pt}}
