.hero{border-bottom:1px solid var(--rule);margin-bottom:2.25rem;padding-bottom:1.75rem}.related{color:var(--soft);margin:0 0 1.25rem;font-size:.95rem}.related a{color:var(--hands);text-underline-offset:3px;font-weight:600}.sub{font-family:var(--serif);color:var(--soft);max-width:34ch;margin:0 0 1.5rem;font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.35}.facts{flex-wrap:wrap;gap:0 2rem;margin:0;padding:0;display:flex}.facts div{padding:.35rem 0}.facts dt{color:var(--soft);margin:0;font-size:.82rem}.facts dd{margin:0;font-size:1.05rem;font-weight:600}.starter{background:var(--surface);border:1px solid var(--rule);border-radius:2px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.75rem;padding:.9rem 1rem;display:flex}.starter label{font-weight:500}.starter input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:2px;padding:.3rem .5rem;font-size:1.1rem;font-weight:600}.starter button{font:inherit;color:var(--surface);background:var(--hands);border:1px solid var(--hands);cursor:pointer;border-radius:2px;padding:.42rem .85rem;font-size:.95rem;font-weight:600}.starter button:hover{opacity:.88}.starter .anchor{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.starter .done{color:var(--soft);margin-left:auto;font-size:.95rem}.starter .done b{color:var(--ink);font-weight:600}.starter .warn{color:var(--hot-ink);flex-basis:100%;margin:0;font-size:.92rem}.starter .warn:empty{display:none}.pending .live{visibility:hidden}#timeline-wrap{margin-top:1.75rem;position:relative}.row{cursor:pointer;border-radius:2px;grid-template-columns:3.4rem 1.6rem 1fr;align-items:stretch;column-gap:.75rem;display:grid}.row .clock{padding-top:.05rem;font-size:.95rem;font-weight:600}.row .track{position:relative}.row .track i{background:var(--wait);width:2px;margin-left:-1px;position:absolute;top:.5rem;bottom:0;left:50%}.row .dot{background:var(--bg);border:2px solid var(--wait);border-radius:50%;width:11px;height:11px;margin-left:-5.5px;position:absolute;top:.35rem;left:50%}.row.hands .track i{background:var(--hands);border-radius:3px;width:6px;margin-left:-3px}.row.hands .dot{border-color:var(--hands);background:var(--hands)}.row.free .track i{border-left:2px dashed var(--free);background:0 0}.row.free .dot{border-color:var(--free)}.row.fridge .track i{border-left:2px dashed var(--cold);background:0 0}.row.fridge .dot{border-color:var(--cold)}.row.fridge .what{color:var(--cold-ink)}.row.oven .track i{background:var(--hot);border-radius:3px;width:6px;margin-left:-3px}.row.oven .dot{border-color:var(--hot);background:var(--hot)}.row.oven .what{color:var(--hot-ink)}.row .body{padding-bottom:1.15rem}.row.quick .body{flex-wrap:wrap;align-items:baseline;gap:.6rem;padding-bottom:.6rem;display:flex}.row.free .body,.row.fridge .body{padding-top:.1rem}.row .what{text-underline-offset:3px;font-weight:600;line-height:1.3;text-decoration:underline #0000;transition:text-decoration-color .15s}.row:hover .what,.row.open .what{text-decoration-color:var(--rule)}.row .dur{color:var(--soft);font-size:.9rem}.row.free .dur,.row.fridge .dur{max-width:30ch}.row .detail{color:var(--soft);max-width:58ch;margin-top:.45rem;padding-right:.5rem;font-size:.95rem;line-height:1.5;display:none}.row.open .detail{display:block}.row.quick .detail{flex-basis:100%}#now{border-top:1.5px solid var(--hot);pointer-events:none;z-index:1;height:0;display:none;position:absolute;left:0;right:0}#now span{background:var(--hot);color:#fff;border-radius:2px;padding:.1rem .45rem;font-size:.75rem;font-weight:600;position:absolute;top:-1.55rem;right:0}.legend{color:var(--soft);flex-wrap:wrap;gap:1.25rem;margin:.5rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.legend li{align-items:center;gap:.45rem;display:flex}.swatch{border-radius:3px;flex:none;width:14px;height:6px}.swatch.hands{background:var(--hands)}.swatch.wait{background:var(--wait);height:2px}.swatch.free,.swatch.fridge{border-radius:0;width:18px;height:2px}.swatch.free{background:repeating-linear-gradient(to right, var(--free) 0 4px, transparent 4px 8px)}.swatch.fridge{background:repeating-linear-gradient(to right, var(--cold) 0 4px, transparent 4px 8px)}.swatch.oven{background:var(--hot)}.cols{grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:3rem;display:grid}@media (width<=46rem){.cols{grid-template-columns:1fr;gap:0}}.portions{gap:.4rem;margin:0 0 1.1rem;display:flex}.portions button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule);cursor:pointer;white-space:nowrap;border-radius:2px;flex:1;padding:.45rem .3rem;font-size:.92rem;font-weight:500}.portions button:hover{border-color:var(--hands)}.portions button.on{background:var(--hands);border-color:var(--hands);color:var(--surface);font-weight:600}.ing{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.ing li{border-bottom:1px solid var(--rule);justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.ing b{white-space:nowrap;font-weight:600}.note{color:var(--soft);margin:.9rem 0 2rem;font-size:.9rem;display:block}ol.steps{counter-reset:s;margin:0;padding:0;list-style:none}ol.steps li{counter-increment:s;padding:0 0 1.4rem 2.6rem;position:relative}ol.steps li:before{content:counter(s);font-family:var(--serif);color:var(--soft);font-size:1.1rem;font-weight:600;position:absolute;top:.1rem;left:0}ol.steps h3{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0;font-size:1.02rem;font-weight:600;display:flex}ol.steps h3 .t{color:var(--hands);font-size:.92rem;font-weight:600}ol.steps p{color:var(--soft);max-width:62ch;margin:.25rem 0 0}.notes{border-bottom:1px solid var(--rule);margin-top:1rem}.notes h3{border-top:1px solid var(--rule);margin:0;padding-top:1rem;font-size:1rem;font-weight:600}.notes p{color:var(--soft);max-width:62ch;margin:.15rem 0 0}.notes p:last-child,.notes p:has(+h3){padding-bottom:1rem}.notes ul,.notes ol{color:var(--soft);max-width:62ch}.starter .wake{color:var(--hands);border:1px solid var(--rule);background:0 0;flex-basis:100%;font-weight:500}.starter .wake[aria-pressed=true]{color:var(--surface);background:var(--hands);border-color:var(--hands);font-weight:600}.starter .wake[hidden]{display:none}
