:root{--ink:#3b3427;--red:#782e32;--sage:#4c5940;--gold:#a48b57;--paper:#faf4e5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#e9dfca;color:var(--ink);font:18px/1.65 Georgia,'Times New Roman',serif}header{padding:22px 5%;border-bottom:1px solid #baac8e;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-size:30px;font-style:italic;color:var(--red);text-decoration:none}header span,.eyebrow{font:11px/1.5 system-ui,sans-serif;letter-spacing:2px}main{max-width:1160px;margin:auto;padding:35px 25px}h1{font-weight:normal;line-height:1.05;font-size:clamp(48px,6vw,78px);color:var(--red);margin:24px 0}h2{font-size:35px;line-height:1.2;font-weight:normal;color:var(--red);margin:8px 0 24px}h3{font-size:24px;font-weight:normal;color:var(--sage)}a{color:var(--red)}button,.button{font:15px/1.5 system-ui,sans-serif;border:1px solid var(--sage);background:var(--sage);color:#fff9eb;padding:12px 18px;cursor:pointer;border-radius:3px;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#35432c}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b96b3b;outline-offset:4px}input,textarea,select{font:17px/1.6 Georgia,serif;color:var(--ink);border:1px solid #b8a684;background:#fffcf3;border-radius:2px;padding:10px;max-width:100%}textarea{width:100%;display:block;margin:10px 0 15px}input[type=number]{width:85px}input[type=checkbox]{accent-color:var(--sage);width:22px;height:22px;flex-shrink:0}label{display:block}figure{margin:0}figure img{width:100%;display:block;border:1px solid var(--gold)}figcaption,.small{font:13px/1.65 system-ui,sans-serif}.opening{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}.lede{font-size:23px}blockquote{margin:40px 0 0;padding:20px 0;border-top:1px solid var(--gold);font-size:24px;font-style:italic}nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:35px 0;padding:18px 5px;border-block:1px solid #b8a684;font:14px/1.5 system-ui,sans-serif}.paper{margin:28px 0;padding:45px;background:var(--paper);border:1px solid #b7a27b;outline:1px solid #b7a27b;outline-offset:-9px;box-shadow:0 4px 20px #55452a0c}.controls{display:flex;gap:24px;flex-wrap:wrap;align-items:center;font:15px/1.7 system-ui,sans-serif}.recipegrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px}.ingredient{padding:10px 0;display:flex;gap:12px;align-items:start;border-bottom:1px solid #e2d5bd;cursor:pointer}.ingredient:has(input:checked){color:#69705e}.ingredient:has(input:checked) span{text-decoration:line-through}li{margin-bottom:13px}ol{padding-left:24px}.safety{border-top:1px solid #b9ac90;margin-top:25px;padding-top:20px;font:14px/1.7 system-ui,sans-serif}.safety p{margin:7px 0}.note{background:#efe8d6;padding:15px;font:14px/1.7 system-ui,sans-serif}.printchoices{display:flex;gap:12px;flex-wrap:wrap}details{margin-top:35px;padding-top:25px;border-top:1px solid #b9ac90}summary{cursor:pointer;color:var(--red);font-size:22px}#editor{font:13px/1.5 monospace}audio{margin:15px 0;max-width:100%}footer{padding:30px 5px;font:12px/1.7 system-ui,sans-serif}#print-area{display:none}#voice{max-width:310px}
@media(max-width:720px){header{display:block}header span{display:block;margin-top:9px}.opening{grid-template-columns:1fr;gap:30px}.opening figure{max-width:450px;margin:auto}.recipegrid{grid-template-columns:1fr;gap:12px}.paper{padding:28px 22px}main{padding:25px 16px}.controls{gap:12px}h2{font-size:29px}.printchoices{display:grid}button{margin-bottom:5px}}
@page{size:letter;margin:.5in}@media print{body{background:white;font-size:11pt;color:#242014}body>header,body>main{display:none!important}#print-area{display:block}.print-sheet{border:3px double #a48b57;padding:24px;background:#faf4e5;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-sheet h1{font-size:30pt;margin:8px 0 18px}.print-sheet h2{font-size:20pt;margin:10px 0}.print-sheet h3{font-size:16pt}.print-sheet .print-art{width:1.6in;float:right;margin:0 0 12px 18px}.print-sheet ul{padding-left:18px}.print-sheet li{margin:5px 0}.print-sheet .columns{display:grid;grid-template-columns:1fr 1.1fr;gap:22px}.print-sheet small{font-size:9pt}.print-sheet.plain{border:0;padding:0;background:white}.plain h1,.plain h2,.plain h3{color:black}.plain .print-art{display:none}.card{width:6in;height:4in;border:1px solid #a48b57;outline:3px double #a48b57;outline-offset:-8px;padding:.22in;background:#faf4e5;position:relative;break-after:page;page-break-after:always;print-color-adjust:exact;-webkit-print-color-adjust:exact;font-size:10pt;line-height:1.3}.card:last-child{break-after:auto;page-break-after:auto}.card h1{font-size:20pt;margin:0 0 8px}.card .print-art{width:1.5in;float:right;margin-left:15px}.card ul{padding-left:15px;columns:2;column-gap:20px;font-size:10pt}.card li{margin-bottom:4px;break-inside:avoid}.card ol{margin-top:8px}.card .tiny{font-size:8pt}.card p{margin:6px 0}.shopping-print h1{font-size:28pt}a{color:inherit;text-decoration:none}}
.opening figure img { height: auto; }