/* GrandmaChef recipe library filters and cards
 * Last Updated : 2026-10-02 22:36
 */
.library-filter{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr));gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:22px;box-shadow:var(--shadow)}.library-filter label{margin-top:0}.library-filter-actions{display:flex;gap:8px;grid-column:1/-1}.library-filter-actions .button{min-width:110px}.library-recipe-card{padding:0!important;overflow:hidden;display:flex!important;flex-direction:column}.library-card-image{aspect-ratio:16/10;background:var(--surface);overflow:hidden;border-bottom:1px solid var(--line)}.library-card-image img{width:100%;height:100%;object-fit:cover;display:block}.library-card-placeholder{display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:linear-gradient(145deg,var(--surface),#fff)}.library-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.library-subtitle{font-weight:700;color:var(--text);margin:.15rem 0 .4rem}.library-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.library-facts{display:flex;gap:8px 14px;flex-wrap:wrap;margin:10px 0;font-size:.9rem;color:var(--muted)}.library-taxonomy{font-size:.82rem;color:var(--muted);margin-top:5px}.library-card-body .feature-link{margin-top:auto;padding-top:14px}@media(max-width:1100px){.library-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.library-search{grid-column:1/-1}}@media(max-width:640px){.library-filter{grid-template-columns:1fr}.library-search{grid-column:auto}.library-filter-actions{grid-column:auto;flex-direction:column}.library-filter-actions .button{width:100%}}


/* Recipe-library layout polish */
.recipe-library-page .shell{
    width:min(1380px,calc(100% - 40px));
}
.recipe-library-page .site-header{
    padding:26px 0 24px;
}
.recipe-library-page .header-inner{
    align-items:center;
}
.recipe-library-page .site-header h1{
    font-size:clamp(2.6rem,4vw,4rem);
    line-height:1;
    max-width:none;
}
.recipe-library-page .site-header .lede{
    margin-top:10px;
    max-width:760px;
}
.recipe-library-page .brand-link{
    margin-bottom:5px;
}
.recipe-library-page .page-grid{
    grid-template-columns:minmax(0,1fr) 340px;
    gap:26px;
    padding:30px 0 56px;
}
.recipe-library-page .section-heading{
    margin-bottom:14px;
}
.recipe-library-page .library-filter{
    grid-template-columns:minmax(250px,1.8fr) repeat(4,minmax(120px,1fr));
    gap:10px 12px;
    padding:16px;
    margin-bottom:20px;
}
.recipe-library-page .library-filter-actions{
    grid-column:1/-1;
}
.recipe-library-page .form-card{
    padding:22px;
    top:16px;
}
.recipe-library-page .form-card h2{
    font-size:2rem;
}
.recipe-library-page .form-intro{
    margin:8px 0 16px;
}
.recipe-library-page .recipe-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.recipe-library-page .account-actions{
    justify-content:flex-end;
}
.recipe-library-page .account-user{
    white-space:nowrap;
}

@media(max-width:1200px){
    .recipe-library-page .page-grid{
        grid-template-columns:minmax(0,1fr) 320px;
        gap:20px;
    }
    .recipe-library-page .library-filter{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .recipe-library-page .library-search{
        grid-column:1/-1;
    }
    .recipe-library-page .recipe-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:900px){
    .recipe-library-page .page-grid{
        grid-template-columns:1fr;
    }
    .recipe-library-page .form-card{
        position:static;
    }
    .recipe-library-page .header-inner{
        align-items:flex-start;
    }
}
@media(max-width:640px){
    .recipe-library-page .shell{
        width:min(100% - 24px,1380px);
    }
    .recipe-library-page .site-header{
        padding:22px 0;
    }
    .recipe-library-page .library-filter{
        grid-template-columns:1fr;
    }
    .recipe-library-page .library-search,
    .recipe-library-page .library-filter-actions{
        grid-column:auto;
    }
    .recipe-library-page .recipe-grid{
        grid-template-columns:1fr;
    }
}


/* Keep library filters inside the library column. */
.recipe-library-page .library-filter{
    grid-template-columns:minmax(220px,1.6fr) repeat(2,minmax(145px,1fr));
}
.recipe-library-page .library-search{
    grid-column:1 / 2;
}
.recipe-library-page .library-filter-actions{
    grid-column:1 / -1;
}
@media(min-width:1201px){
    .recipe-library-page .library-filter > div:nth-of-type(4),
    .recipe-library-page .library-filter > div:nth-of-type(5){
        min-width:0;
    }
}
@media(max-width:1200px){
    .recipe-library-page .library-filter{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}