/* Ingredient titles use the shared article index; filters reuse .button glass motion. */
.ingredient-knowledge .section-heading{margin-bottom:32px}
.ingredient-knowledge .section-heading h2{font-size:clamp(30px,3.6vw,44px);line-height:1.15;letter-spacing:-.035em}
.ingredient-knowledge .search-tools{align-items:flex-start;gap:24px;margin-bottom:25px}
.ingredient-knowledge .filter-pills{flex:1;gap:9px}
.ingredient-knowledge .filter-pills .button{min-height:44px;padding:10px 18px;border-radius:999px;font-size:12px;line-height:1.3;font-weight:600;transition:transform 400ms var(--motion-out),color 250ms ease-out,border-color 300ms ease-out}
.ingredient-knowledge .filter-pills .button[aria-pressed="false"]{background:radial-gradient(ellipse at 20% 0%,#ffffffed,transparent 75%),linear-gradient(140deg,#edf5ffe8,#dbeaffdf);border-color:#adc5f0;color:#1846a7;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px #7398d526,0 5px 16px #153f8710}
.ingredient-knowledge .filter-pills .button[aria-pressed="false"]:hover{background:linear-gradient(140deg,#fff,#dbeaff);color:#103c9a;border-color:#91b2ed}
.ingredient-knowledge .filter-pills .button[aria-pressed="false"]::before{border-color:#ffffffa6}
.ingredient-knowledge .filter-pills .button[aria-pressed="true"]{background:radial-gradient(ellipse at 25% 0%,#6c99ffba,transparent 58%),linear-gradient(145deg,#2865ed,#1043ca 65%,#0730a9);border-color:#4c7af6;color:#fff;box-shadow:inset 0 1px 0 #ffffff70,inset 0 -2px 4px #0524855c,0 7px 17px #1244ad26}
.ingredient-knowledge .filter-pills .button[aria-pressed="true"]:hover{background:radial-gradient(ellipse at 25% 0%,#77a3ffce,transparent 58%),linear-gradient(145deg,#2d70f8,#174cd6 65%,#0b36b8);box-shadow:inset 0 1px 0 #ffffff85,inset 0 -2px 4px #0524854d,0 10px 23px #1244ad2a}
.ingredient-knowledge .search-input{flex:0 1 290px;min-width:210px;min-height:44px;border-radius:999px;padding:0 17px;background:#f7faff}
.ingredient-knowledge .search-input input{padding:11px 0}
/* The rounded wrapper supplies focus feedback; avoid a second rectangular input ring. */
.ingredient-knowledge .search-input input:focus{outline:none}
.ingredient-knowledge .result-count{margin:0;padding:20px 0 15px;font-size:12px;color:#587198}
/* Filtering can hide the final DOM row; the list owns the closing divider. */
.ingredient-article-list{border-bottom:1px solid #cddbf0}
.ingredient-article-list li:last-child{border-bottom:0}
.ingredient-knowledge .empty-state{margin-top:20px;padding:28px 20px;border-radius:14px;font-size:13px}
.ingredient-knowledge .article-pagination a.article-page-number.is-current:hover{background:radial-gradient(ellipse at 25% 0%,#77a3ffce,transparent 58%),linear-gradient(145deg,#2d70f8,#174cd6 65%,#0b36b8);border-color:#4c7af6;color:#fff;box-shadow:inset 0 1px 0 #ffffff85,inset 0 -2px 4px #0524854d,0 10px 23px #1244ad2a}
.ingredient-knowledge .article-pagination a.is-disabled{pointer-events:none;cursor:default;transform:none;transition:none;background:linear-gradient(145deg,#f7faffb3,#edf3fa99);color:#778ba8;border-color:#d4dfef;box-shadow:inset 0 1px 0 #ffffff99}
.ingredient-knowledge .article-pagination a.is-disabled::before,.ingredient-knowledge .article-pagination a.is-disabled::after{display:none}
@media(max-width:950px){
 .ingredient-knowledge .search-tools{gap:20px}
 .ingredient-knowledge .filter-pills{flex:auto;width:100%}
 .ingredient-knowledge .search-input{flex:auto;width:100%;max-width:360px}
}
@media(max-width:700px){
 .ingredient-knowledge .section-heading{margin-bottom:24px}
 .ingredient-knowledge .search-tools{gap:18px;margin-bottom:22px}
 .ingredient-knowledge .filter-pills{gap:8px}
 .ingredient-knowledge .filter-pills .button{font-size:11px;padding:10px 15px}
 .ingredient-knowledge .search-input{max-width:none;min-width:0}
 .ingredient-knowledge .result-count{font-size:11px;padding:17px 0 14px}
}
@media(prefers-reduced-transparency:reduce){
 .ingredient-knowledge .filter-pills .button{-webkit-backdrop-filter:none;backdrop-filter:none}
 .ingredient-knowledge .filter-pills .button[aria-pressed="false"],.ingredient-knowledge .filter-pills .button[aria-pressed="false"]:hover{background:#edf4ff}
 .ingredient-knowledge .filter-pills .button[aria-pressed="true"],.ingredient-knowledge .filter-pills .button[aria-pressed="true"]:hover,.ingredient-knowledge .article-pagination a.article-page-number.is-current,.ingredient-knowledge .article-pagination a.article-page-number.is-current:hover{background:#174aeb;color:#fff}
 .ingredient-knowledge .filter-pills .button::before,.ingredient-knowledge .filter-pills .button::after{display:none}
 .ingredient-knowledge .article-pagination a.is-disabled{background:#edf3fa}
}
@media(prefers-contrast:more){
 .ingredient-knowledge .filter-pills .button[aria-pressed="false"],.ingredient-knowledge .filter-pills .button[aria-pressed="false"]:hover{background:#fff;color:#123b9c;border-color:#06268a;box-shadow:none}
 .ingredient-knowledge .filter-pills .button[aria-pressed="true"],.ingredient-knowledge .filter-pills .button[aria-pressed="true"]:hover,.ingredient-knowledge .article-pagination a.article-page-number.is-current,.ingredient-knowledge .article-pagination a.article-page-number.is-current:hover{background:#174aeb;color:#fff;border-color:#06268a;box-shadow:none}
 .ingredient-knowledge .filter-pills .button{-webkit-backdrop-filter:none;backdrop-filter:none}
 .ingredient-knowledge .filter-pills .button::before,.ingredient-knowledge .filter-pills .button::after{display:none}
 .ingredient-knowledge .article-pagination a.is-disabled{background:#fff;color:#587198;border-color:#587198;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
 .ingredient-knowledge .filter-pills .button{transition:none}
 .ingredient-knowledge .filter-pills .button:hover,.ingredient-knowledge .filter-pills .button:active{transform:none}
}