/* Extra-compact Recipes page so filters and recipe cards appear above the fold */
.recipes-hero{
  padding:1.55rem clamp(1.25rem,8vw,10rem) 1.7rem;
}
.recipes-hero .section-kicker{
  margin-bottom:.3rem;
  font-size:.7rem;
}
.recipes-hero h1{
  margin:0 auto .45rem;
  font-size:clamp(2.3rem,3.9vw,4rem);
  line-height:.98;
}
.recipes-hero>p{
  max-width:700px;
  margin:0 auto;
  font-size:clamp(.95rem,1.1vw,1.08rem);
  line-height:1.4;
}
.recipes-hero-actions{
  margin-top:.7rem;
}
.recipes-hero-actions .button{
  min-height:40px;
  padding:.5rem 1.05rem;
  font-size:.9rem;
}

.recipe-library{
  padding-top:1.45rem;
}
.recipe-library-heading{
  margin-bottom:.65rem;
  gap:1.25rem;
}
.recipe-library-heading .section-kicker{
  margin-bottom:.2rem;
  font-size:.7rem;
}
.recipe-library-heading h2{
  font-size:clamp(1.8rem,3vw,3.15rem);
  line-height:1.04;
}
.recipe-search{
  gap:.25rem;
}
.recipe-search input{
  min-height:44px;
  padding:.55rem .85rem;
}
.recipe-filter-group{
  margin-top:.25rem;
}
.recipe-filter-label{
  display:block;
  margin-bottom:.15rem;
}
.recipe-filters{
  padding:.2rem 0 .45rem;
}
.recipe-filter{
  padding:.48rem .85rem;
  font-size:.84rem;
}
.recipe-results{
  margin:.05rem auto .7rem;
}

@media(max-width:700px){
  .recipes-hero{
    padding:1.5rem 1.2rem 1.65rem;
  }
  .recipes-hero h1{
    font-size:2.15rem;
  }
  .recipes-hero>p{
    font-size:.95rem;
  }
  .recipe-library{
    padding-top:1.35rem;
  }
  .recipe-library-heading{
    gap:.75rem;
  }
}