/* Full viewport recipe work view, optimized for kitchen tablets and phones. */
body.fg-work-active{overflow:hidden!important}
.fg-work-overlay{position:fixed!important;inset:0;z-index:2147483600;overflow:auto;overscroll-behavior:contain;background:#f3f6ef;color:#224132;box-sizing:border-box;font-family:inherit}
.fg-work-overlay *{box-sizing:border-box}
.fg-work-shell{width:min(1500px,100%);margin:0 auto;padding:clamp(14px,2.5vw,38px);min-height:100%}
.fg-work-header{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:26px;border-bottom:1px solid #d6e3d4;padding:0 0 22px}
.fg-work-title{min-width:0}
.fg-work-title small{display:block;color:#729078;letter-spacing:.13em;font-weight:800;font-size:11px}
.fg-work-title h1{font-family:Georgia,serif;color:#214834;font-size:clamp(28px,3.5vw,53px);font-weight:600;line-height:1.13;letter-spacing:-.04em;margin:11px 0 4px;overflow-wrap:anywhere}
.fg-work-title p{font-size:14px;font-weight:650;color:#719075;margin:0}
.fg-work-exit{flex:none;background:#214d37;color:#fff;border:0;padding:15px 20px;border-radius:12px;font-weight:780;font-size:14px;min-height:51px;cursor:pointer}
.fg-work-exit:hover{background:#153925}
.fg-work-exit:focus-visible,.fg-work-overlay button:focus-visible,.fg-work-overlay input:focus-visible,.fg-work-overlay select:focus-visible{outline:3px solid #76a77d;outline-offset:3px}
.fg-work-variation{display:flex;gap:13px;align-items:center;margin:-3px 0 20px;font-weight:740;font-size:14px}
.fg-work-variation select{background:white;color:#234833;border:1px solid #cadacb;border-radius:9px;padding:10px;max-width:100%}
.fg-work-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.fg-work-card{background:white;border:1px solid #dce7d9;border-radius:18px;padding:clamp(19px,2.2vw,32px);min-width:0}
.fg-work-card-title{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e4ece2;padding-bottom:15px;margin-bottom:10px}
.fg-work-card-title h2{font-size:clamp(20px,2.1vw,26px);margin:0;letter-spacing:-.02em;color:#294c39}
.fg-work-card-title span{font-size:12px;color:#819984;font-weight:750;white-space:nowrap}
.fg-work-ingredient{padding:15px 2px;border-bottom:1px solid #edf2ec;font-size:clamp(16px,1.55vw,21px);font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.fg-work-step{display:flex;gap:17px;padding:18px 1px;border-bottom:1px solid #edf2ec;align-items:flex-start}
.fg-work-step>span{flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#eaf2e8;color:#376d46;display:grid;place-items:center;font-size:17px;font-weight:800}
.fg-work-step p{margin:0;font-size:clamp(15px,1.5vw,19px);line-height:1.55;color:#395542;white-space:pre-line;overflow-wrap:anywhere}
.fg-work-note{margin-top:22px;background:#f5f8f2;border-radius:12px;padding:18px}
.fg-work-note b{font-size:13px;color:#355b3f}
.fg-work-note p{white-space:pre-line;font-size:15px;line-height:1.5;color:#46634d;margin:8px 0 0}
.fg-work-empty{font-size:15px;color:#798f7d}
.fg-work-ingredients .fg-syrup-batch{border:0;box-shadow:none;padding:0;background:transparent}
.fg-work-ingredients .fg-syrup-head{flex-wrap:wrap}
.fg-work-ingredients .fg-syrup-results{max-height:none}
.fg-work-ingredients .fg-syrup-result-row{font-size:clamp(15px,1.5vw,20px);padding-top:15px;padding-bottom:15px;gap:10px}
@media(max-width:820px){.fg-work-layout{grid-template-columns:1fr;gap:14px}.fg-work-header{gap:12px}.fg-work-card{padding:21px}.fg-work-ingredients .fg-syrup-results{max-height:none}}
@media(max-width:540px){.fg-work-shell{padding:16px 13px 28px}.fg-work-header{align-items:center;gap:10px;padding-bottom:16px;margin-bottom:15px}.fg-work-title h1{font-size:29px}.fg-work-exit{padding:10px 12px;font-size:12px;min-height:44px}.fg-work-card{border-radius:13px;padding:17px}.fg-work-variation{flex-wrap:wrap}.fg-work-step{gap:12px}.fg-work-step p{font-size:16px}.fg-work-ingredient{font-size:17px}}