.recipe-toolbar,.recipe-toolbar>div,.recipe-actions,.recipe-pagination{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.recipe-toolbar{justify-content:space-between;border-bottom:1px solid var(--border);padding:18px 0}.recipe-button{display:inline-block;font:inherit;font-weight:600;border:1px solid var(--border);border-radius:8px;padding:10px 18px;background:var(--panel);color:var(--text);text-decoration:none;cursor:pointer}.recipe-button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.recipe-button:disabled{opacity:.5;cursor:wait}.recipe-text-button{font:inherit;background:none;border:0;color:var(--link);cursor:pointer}.recipe-heading{padding:45px 0 24px;max-width:720px}.recipe-heading h2{font-size:clamp(26px,4vw,38px);margin:8px 0}.recipe-eyebrow{font-size:12px;letter-spacing:.12em;color:var(--muted);font-weight:700}.recipe-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.recipe-filter label:first-child{flex:1;min-width:200px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:22px 0 40px}.recipe-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.recipe-card>a{display:block;color:var(--text);text-decoration:none;height:100%}.recipe-card img,.recipe-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover}.recipe-placeholder{display:grid;place-items:center;background:var(--chip-bg);font-size:62px}.recipe-card-body{padding:20px}.recipe-card h2{font-size:21px;margin:6px 0}.recipe-meta{font-size:13px;color:var(--muted)}.recipe-tags{display:flex;gap:6px;flex-wrap:wrap}.recipe-tags span{font-size:12px;padding:3px 8px;background:var(--chip-bg);border-radius:20px}.recipe-empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--border);border-radius:12px}.recipe-login,.recipe-editor{max-width:720px;margin:35px auto;padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.recipe-login{max-width:540px}.recipe-editor label,.recipe-login label,.recipe-filter label{display:block;font-weight:600;font-size:14px}.recipe-editor input:not([type=checkbox]),.recipe-editor textarea,.recipe-login input[type=email],.recipe-filter input,.recipe-filter select{display:block;width:100%;margin:7px 0 20px;padding:12px;border:1px solid var(--border);border-radius:7px;font:inherit;background:var(--bg);color:var(--text)}.recipe-filter input,.recipe-filter select{margin-bottom:0}.recipe-check{display:flex!important;gap:9px;align-items:start;margin:12px 0}.recipe-check input{margin-top:5px;flex-shrink:0}.recipe-check span{font-weight:400}.recipe-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recipe-store-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 10px} .recipe-editor fieldset{border:1px solid var(--border);margin:5px 0 20px;padding:12px}.recipe-error{padding:14px;border:1px solid var(--danger);color:var(--danger);border-radius:8px;white-space:pre-wrap}.recipe-privacy{margin-top:25px;color:var(--muted);font-size:13px}.recipe-detail{padding:30px 0}.recipe-detail h2{font-size:clamp(28px,4vw,40px)}.recipe-intro,.recipe-lines{white-space:pre-wrap;overflow-wrap:anywhere}.recipe-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:25px 0}.recipe-gallery figure{margin:0}.recipe-gallery img{width:100%;max-height:440px;object-fit:cover;border-radius:10px}.recipe-gallery figcaption{font-size:13px;color:var(--muted)}.recipe-detail-columns{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;margin:30px 0}.recipe-steps{padding-left:24px}.recipe-steps li{padding:12px 0 20px 8px;border-bottom:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere}.recipe-actions{border-top:1px solid var(--border);padding-top:25px}.recipe-card-body p{overflow-wrap:anywhere}.recipe-pagination{justify-content:center}.recipe-toolbar a:focus-visible,.recipe-button:focus-visible{outline:3px solid var(--link);outline-offset:3px}@media(max-width:760px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-detail-columns{grid-template-columns:1fr;gap:15px}.recipe-toolbar{align-items:start}.recipe-toolbar>div{gap:10px}}@media(max-width:480px){.recipe-grid{grid-template-columns:1fr}.recipe-login,.recipe-editor{padding:18px}.recipe-heading{padding-top:28px}.recipe-gallery{grid-template-columns:1fr}.recipe-form-row{gap:10px}.recipe-store-checks{grid-template-columns:1fr}}
