:root{color:#2c2925;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0;padding:32px 16px}a{color:inherit}h1,h2{color:#1e1c19;line-height:1.15}h1{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(2.25rem,7vw,4rem)}h2{margin-top:2rem;font-size:1.4rem}.collection,.recipe,.message-page{background:#fff;border:1px solid #2c292514;border-radius:18px;width:min(760px,100%);margin:0 auto;padding:clamp(24px,6vw,48px);box-shadow:0 10px 35px #2c292514}.collection__header{max-width:620px;margin-bottom:36px}.eyebrow{color:#8a4d2f;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:750}.recipe-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.recipe-card{background:#faf8f3;border:1px solid #e9e3d8;border-radius:14px;height:100%;padding:22px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.recipe-card:hover{border-color:#bd7956;transform:translateY(-2px);box-shadow:0 8px 20px #2c292514}.recipe-card:focus-visible,.back-link:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #bd7956}.recipe-card h2{margin:0 0 8px}.recipe-card p{margin:0 0 20px}.recipe-card__meta{color:#6e665d;font-size:.9rem;font-weight:650}.back-link{color:#7a4329;text-underline-offset:3px;margin-bottom:30px;font-weight:700;text-decoration-thickness:1px;display:inline-block}.servings{background:#f4f1ea;border-radius:12px;margin:32px 0;padding:20px}.servings__label{margin-bottom:12px;font-weight:750}.servings output{color:#fff;background:#8a4d2f;border-radius:999px;place-items:center;min-width:2rem;min-height:2rem;margin-left:4px;padding:0 8px;display:inline-grid}.servings input{accent-color:#8a4d2f;width:100%}.ingredients,.method{padding-left:1.35rem}.ingredients li,.method li{margin:.65rem 0;padding-left:.25rem}.quantity{color:#7a4329;min-width:82px;font-weight:750;display:inline-block}.quantity--text{min-width:auto;margin-right:.35rem}.message-page .back-link{margin:24px 0 0}@media (width<=600px){body{padding:0}.collection,.recipe,.message-page{border:0;border-radius:0;min-height:100vh}}