:root{--cream: #f5ecd9;--ink: #3a2412;--terracotta: #9a3a1f;--rule: #c9b48a;--serif: "Fraunces", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.5}main{max-width:880px;margin:0 auto;padding:48px 24px 64px}header{text-align:center;margin-bottom:40px;border-bottom:1px solid var(--rule);padding-bottom:24px}h1{font-size:clamp(40px,7vw,64px);font-weight:700;margin:0;letter-spacing:-.01em;color:var(--terracotta)}.tagline{font-style:italic;font-size:16px;margin:6px 0 0;opacity:.7}.grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}@media (min-width: 640px){.grid{grid-template-columns:1fr 1fr;gap:48px}}form{display:grid;gap:16px}label{display:grid;gap:6px}label>span{font-size:13px;font-style:italic;opacity:.75;letter-spacing:.02em}input,select{font:inherit;background:transparent;color:var(--ink);border:none;border-bottom:1px solid var(--ink);padding:6px 2px;border-radius:0;font-variant-numeric:tabular-nums}input:focus,select:focus{outline:none;border-bottom-color:var(--terracotta)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='%233a2412'%3E%3Cpath d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;background-size:10px 7px;padding-right:22px;cursor:pointer}#recipe{border:1px solid var(--rule);background:#ffffff59;padding:24px 28px;border-radius:4px}.meta{font-size:12px;font-style:italic;letter-spacing:.04em;opacity:.7;margin:0 0 16px;text-transform:uppercase}.ingredients{display:grid;grid-template-columns:1fr auto;gap:10px 20px;margin:0;font-variant-numeric:tabular-nums}.ingredients dt{font-style:italic;opacity:.85}.ingredients dd{margin:0;font-weight:600;text-align:right}