.recipe-archive-shell{gap:clamp(2.5rem,5vw,4.5rem);min-width:0;display:grid}.recipe-archive-hero{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,.82fr) minmax(20rem,.58fr);align-items:end;gap:clamp(2rem,6vw,6rem);padding:clamp(3rem,7vw,6.5rem) 0 clamp(2.25rem,4.5vw,3.75rem);display:grid}.recipe-archive-intro{gap:.75rem;display:grid}.recipe-archive-hero .section-heading{max-width:12ch;color:var(--foreground);letter-spacing:-.06em;text-wrap:balance;margin:0;font-size:clamp(3.1rem,6.3vw,5.5rem);font-weight:760;line-height:.94}.recipe-archive-lead{max-width:50rem;color:var(--muted);text-wrap:pretty;margin:.35rem 0 0;font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.68}.recipe-archive-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--control-bg);min-height:3.75rem;transition:border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.recipe-archive-search>svg{width:1.2rem;height:1.2rem;color:var(--brand-600);margin-left:1rem}.recipe-archive-search input{min-width:0;height:100%;color:var(--foreground);font:inherit;background:0 0;border:0;outline:0;padding:.9rem .75rem}.recipe-archive-search input::placeholder{color:color-mix(in srgb, var(--muted) 84%, var(--foreground) 16%);opacity:1}.recipe-archive-search:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 18%, transparent)}.recipe-archive-search button{border:1px solid var(--brand-700);border-radius:var(--radius-sm);background:var(--brand-700);min-width:3rem;color:var(--surface);font:inherit;cursor:pointer;transition:border-color var(--motion-fast) ease, background-color var(--motion-fast) ease, color var(--motion-fast) ease;justify-content:center;align-self:stretch;align-items:center;gap:.5rem;margin:.3rem;padding:.65rem 1rem;font-size:.9rem;font-weight:750;display:inline-flex}.recipe-archive-search button:hover{border-color:color-mix(in srgb, var(--brand-700) 88%, var(--foreground) 12%);background:color-mix(in srgb, var(--brand-700) 88%, var(--foreground) 12%)}.recipe-archive-search button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:.18rem}.recipe-archive-search button svg{width:1rem;height:1rem}.recipe-archive-categories{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;gap:.2rem clamp(1.25rem,2.5vw,2.25rem);padding:clamp(1.35rem,2.5vw,2rem) 0 0;display:flex}.recipe-archive-categories a{border-radius:var(--radius-xs);min-height:2.25rem;color:var(--muted);text-underline-offset:.22em;transition:color var(--motion-fast) ease, text-decoration-color var(--motion-fast) ease;align-items:center;padding:.3rem 0;font-size:.9rem;font-weight:680;line-height:1.4;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:.08em;display:inline-flex}.recipe-archive-categories a:hover{color:var(--brand-700);text-decoration-color:currentColor}.recipe-archive-categories a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:.18rem}.recipe-archive-grid{align-items:stretch;gap:clamp(1rem,2vw,1.4rem)}.recipe-archive-grid>*{min-height:100%}.recipe-archive-load-more{grid-column:1/-1;justify-items:center;padding:clamp(1.5rem,4vw,2.75rem) 0 .3rem;display:grid}.recipe-archive-empty{border:0;border-top:1px solid var(--border);box-shadow:none;color:var(--muted);background:0 0;border-radius:0;padding:1.4rem 0;font-size:.96rem}html[data-theme=dark] .recipe-archive-search button{border-color:var(--brand-600);background:var(--brand-600);color:var(--background)}html[data-theme=dark] .recipe-archive-search button:hover{border-color:var(--brand-700);background:var(--brand-700);color:var(--background)}@media (max-width:960px){.recipe-archive-hero{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,2.5rem)}.recipe-archive-search{max-width:48rem}.recipe-archive-categories{grid-column:auto}}@media (max-width:520px){.recipe-archive-hero{padding-top:2.4rem}.recipe-archive-search button{width:2.85rem;padding:0}.recipe-archive-search button span{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.recipe-archive-categories{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;padding-top:1.1rem;display:grid}.recipe-archive-categories a{border-bottom:1px solid var(--border);border-radius:0}}@media (max-width:360px){.recipe-archive-categories{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.recipe-archive-search,.recipe-archive-search button,.recipe-archive-categories a{transition:none}}