
.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:38px;padding:0}.pagination[hidden]{display:none}.pagination button{min-width:44px;min-height:44px;padding:10px 14px;border:1px solid var(--line);background:var(--cream);color:var(--teal);font:600 14px 'DM Sans',Arial;border-radius:3px}.pagination button:hover:not(:disabled){background:var(--peach);border-color:var(--apricot)}.pagination button[aria-current="page"]{background:var(--teal);border-color:var(--teal);color:var(--cream)}.pagination button:disabled{opacity:.4;cursor:default}.pagination .ellipsis{padding:10px 2px}@media(max-width:660px){.pagination{gap:5px}.pagination button{padding:9px;min-width:40px}.pagination .page-word{display:none}}
.index-intro{background:var(--peach);padding:42px 0 46px;text-align:center}.breadcrumbs{font-size:12px;margin-bottom:24px}.index-intro h1{color:var(--teal);margin:0 0 16px;font-size:58px}.index-intro p{max-width:520px;margin:0 auto 25px}.index-search{display:flex;max-width:620px;margin:auto;padding:6px;background:var(--cream);border:1px solid var(--line-warm)}.index-search input{min-width:0;flex:1;background:transparent;border:0;padding:12px;font-size:15px}.index-search button{border:0}.browse-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.category-tile{background:none;border:0;padding:0;color:var(--teal);font-weight:bold;font-size:14px}.category-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;margin-bottom:15px;border:5px solid var(--peach);transition:border-color .2s ease}.category-tile:hover img,.category-tile[aria-pressed=true] img{border-color:var(--apricot)}.collection-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:54px}.collection{display:grid;grid-template-columns:1fr 44%;background:var(--teal);color:var(--cream);text-decoration:none;overflow:hidden}.collection>div{padding:30px}.collection h2{font-size:31px;margin-bottom:18px}.collection .eyebrow{color:var(--apricot);font-size:10px}.collection img{height:100%;width:100%;object-fit:cover}.collection span:last-child{font-size:13px;font-weight:bold}.collection:hover{color:var(--apricot)}.collection.soft{background:var(--peach);color:var(--teal)}.collection.soft .eyebrow{color:var(--teal)}.collection.soft:hover,.collection.soft:focus-visible{color:var(--apricot-dark)}.recipe-library{border-top:1px solid var(--line);padding-top:45px;padding-bottom:65px}.filter-bar{display:flex;gap:18px;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}.filter-bar label{font-size:13px;color:var(--teal);font-weight:bold}.filter-bar select{padding:10px;background:var(--cream);border:1px solid var(--line-strong);font:14px 'DM Sans',Arial;max-width:100%;margin-left:8px}.result-count{margin:0 auto 0 0;font-size:13px}.index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.index-card{text-decoration:none}.index-card img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:16px}.index-card h3{font-size:24px;margin:0}.index-card .eyebrow{font-size:10px;margin-bottom:9px}.index-card h3{transition:color .2s ease;text-decoration:none}.index-card:is(:hover,:focus-visible,:focus-within) h3{color:var(--apricot-dark,#A94F2B);text-decoration:none}@media (prefers-reduced-motion:reduce){.index-card h3{transition:none}}.reset-filters{background:none;border:0;text-decoration:underline;color:var(--teal);font-size:13px;padding:0;cursor:pointer}.empty-state{padding:40px;text-align:center;background:var(--peach)}.preview-info{font-size:12px;text-align:center;margin:30px 0 0}.section-head .eyebrow{margin-bottom:12px}
@media(max-width:850px){.browse-categories{grid-template-columns:repeat(3,1fr)}.index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection>div{padding:22px}.collection h2{font-size:27px}.filter-bar{flex-wrap:wrap}.result-count{width:100%}}
@media(max-width:660px){.index-intro{padding:26px 0 32px}.index-intro h1{font-size:43px}.index-intro p{font-size:14px}.browse-categories{gap:22px 14px}.category-tile{font-size:12px}.category-tile img{border-width:3px;margin-bottom:9px}.collection-pair{grid-template-columns:1fr;gap:18px;padding-bottom:35px}.collection{min-height:185px}.index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 17px}.index-card h3{font-size:21px}.filter-bar{align-items:start;gap:13px}.filter-bar label{display:block;width:100%}.filter-bar select{float:right;width:65%}.index-search button{padding:11px 17px}.recipe-library{padding-top:32px}.section-head h2{font-size:31px}}
