.recipe{max-width:var(--container);margin:0 auto}.recipeHeader{border-bottom:1px solid var(--border);padding-top:clamp(2rem,6vh,5rem);padding-bottom:1.5rem}.recipe .kicker{flex-wrap:wrap;align-items:baseline;gap:.75em;margin:0 0 1.25rem;display:flex}.recipe .kicker .index{color:var(--link)}.draftBadge{color:var(--background);background:var(--link);border-radius:2px;padding:.1em .6em}.recipeTitle{overflow-wrap:anywhere;margin:0 0 1.25rem;font-size:clamp(2.75rem,8vw,6.5rem)}.recipe .description{max-width:46rem;margin:0;font-size:1.15rem}.dietary{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;margin:1.5rem 0 0;display:flex}.dietBadge{color:var(--accent);border:1px solid var(--border);border-radius:2px;padding:.15em .7em}.allergens{color:var(--accent)}.dietaryNote{opacity:.6}.controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem 3rem;padding:1rem 0;display:flex}.control{align-items:center;gap:.9rem;display:flex}.times .totalTime{color:var(--accent)}.controls button{font-family:var(--fontMono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:2px;padding:.35em .8em;font-size:.72rem;transition:background-color .25s,color .25s,border-color .25s}.controls button:hover{border-color:var(--link);color:var(--link)}.controls button:disabled{opacity:.35;cursor:default}.controls button:disabled:hover{border-color:var(--border);color:var(--accent)}.servings output{color:var(--link);text-align:center;min-width:2ch}.servings .yields{opacity:.6}.units button[aria-pressed=true]{color:var(--background);background:var(--accent);border-color:var(--accent)}body[data-js=false] .servings,body[data-js=false] .units,body[data-js=false] .reset{display:none}.recipe .hero{border-radius:2px;width:100%;margin-top:2.5rem}.tableWrap{margin:2.5rem 0;overflow-x:auto}.recipeTable{border-collapse:collapse;width:100%;min-width:40rem}.recipeTable caption{caption-side:bottom;text-align:left;opacity:.6;padding:.75rem 0}.recipeTable td{border:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem;line-height:1.5}.recipeTable td.ingredient{min-width:11rem}.recipeTable td.action{color:var(--accent);min-width:9rem;font-size:.95rem}.recipeTable td.prep .prepLabel{font-family:var(--fontMono);letter-spacing:.14em;color:var(--text);opacity:.6;margin-right:1rem;font-size:.72rem;display:inline-block}.recipeTable td[role=checkbox]{cursor:pointer;transition:background-color .25s,opacity .25s;position:relative}.recipeTable td[role=checkbox]:hover{background:color-mix(in srgb, var(--accent) 5%, transparent)}.recipeTable td.isChecked{color:color-mix(in srgb, var(--accent) 55%, transparent);text-decoration:line-through}.recipeTable td.isChecked .amount,.recipeTable td.isChecked .temp{color:color-mix(in srgb, var(--link) 55%, transparent)}.recipeTable td.action.isChecked{background:color-mix(in srgb, var(--link) 16%, transparent)}.recipeTable td.isChecked:after{content:"✓";font-family:var(--fontMono);color:var(--link);font-size:.8rem;line-height:1;position:absolute;top:.3rem;right:.5rem}.amount,.temp{font-family:var(--fontMono);color:var(--link);white-space:nowrap;font-size:.85em}.recipe .body{max-width:46rem}.recipe .section{max-width:46rem;margin:3.5rem 0}.sectionHead{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.recipe .section h2{margin-bottom:1.25rem}.checklist{margin:0;padding:0;list-style:none}.checklist li{border-top:1px solid var(--borderSoft);padding:.6rem .25rem}.checklist li:last-child{border-bottom:1px solid var(--borderSoft)}.method{counter-reset:step;margin:0;padding:0;list-style:none}.method li{counter-increment:step;border-top:1px solid var(--borderSoft);grid-template-columns:3rem 1fr;gap:1.5rem;padding:1rem 0;display:grid}.method li:before{content:counter(step, decimal-leading-zero);font-family:var(--fontMono);letter-spacing:.1em;color:var(--link);font-size:.72rem;line-height:2.2}.notes,.sources{margin:0;padding-left:1.25rem}.notes li,.sources li{padding:.35rem 0}.notes li::marker,.sources li::marker{color:var(--link)}.recipeFooter{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.75rem 2.5rem;padding:1.5rem 0 0;display:flex}@media print{.controls .servings,.controls .units,.controls .reset{display:none}.recipe .section,.tableWrap{break-inside:avoid}}