.recipe-archive-shell{gap:1rem;display:grid}.recipe-archive-hero{background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand-100) 34%, transparent), transparent 42%), linear-gradient(145deg, color-mix(in srgb, var(--surface) 96%, white 4%), color-mix(in srgb, var(--surface-2) 86%, var(--surface) 14%));box-shadow:var(--surface-shadow-strong);position:relative;overflow:hidden}.recipe-archive-hero:before{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff2e,#0000 42%),radial-gradient(circle at 0 100%,#67bcc414,#0000 34%);position:absolute;inset:0}.recipe-archive-hero>*{z-index:1;position:relative}.recipe-archive-lead{max-width:46rem;color:color-mix(in srgb, var(--muted) 84%, var(--foreground) 16%)}.recipe-archive-grid{align-items:stretch}.recipe-archive-grid>*{min-height:100%}.recipe-archive-load-more{grid-column:1/-1;justify-items:center;gap:.85rem;padding:.5rem 0 .15rem;display:grid}.recipe-archive-load-more-copy{text-align:center;color:color-mix(in srgb, var(--muted) 86%, var(--foreground) 14%);margin:0;font-size:.96rem}.recipe-archive-empty{border-color:color-mix(in srgb, var(--border) 92%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 95%, white 5%), color-mix(in srgb, var(--surface-2) 84%, var(--surface) 16%)), linear-gradient(135deg, #67bcc40a, #67bcc400);box-shadow:var(--surface-shadow-soft);font-size:.96rem}html[data-theme=dark] .recipe-archive-hero{box-shadow:var(--surface-shadow-soft);background:radial-gradient(circle at 100% 0,#5eb8c52e,#0000 40%),linear-gradient(150deg,#1b272dfa,#11191ef5)}html[data-theme=dark] .recipe-archive-empty{box-shadow:var(--surface-shadow-soft)}html[data-theme=dark] .recipe-archive-load-more-copy{color:color-mix(in srgb, var(--muted) 78%, white 22%)}