/* Discoverability enhancements. All articles remain visible without JavaScript. */
.article-directory .card[hidden],.food-dictionary .food-item[hidden],[hidden].discovery-reset,[hidden].discovery-active,[hidden].discovery-pagination{display:none!important}
.discovery-tools{display:grid!important;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(120px,1fr)) auto;align-items:end;gap:14px!important;margin-bottom:8px!important}
.discovery-field{min-width:0}.discovery-label{display:block;font-size:13px;font-weight:700;color:#3f5067;margin:0 0 7px}
.discovery-field input,.discovery-field select{width:100%;box-sizing:border-box}
.discovery-reset{font:inherit;font-size:13px;font-weight:700;min-height:44px;padding:10px 15px;background:#fff;border:1px solid #a4b4c6;border-radius:9px;color:#284c80;cursor:pointer;white-space:nowrap}
.discovery-reset:hover{background:#eef3fb;border-color:#355d99}.discovery-reset:focus-visible,.discovery-tools :focus-visible,#food-search:focus-visible{outline:3px solid #2458bb;outline-offset:3px}
.discovery-hint{font-size:12px!important;line-height:1.8;color:#566579;margin:8px 0 16px!important}
.discovery-active{font-size:13px;line-height:1.8;color:#2a456c;background:#eef3fb;border-radius:8px;padding:10px 14px;margin:12px 0 18px;overflow-wrap:anywhere}
#empty:not([hidden]),#food-empty:not([hidden]){display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:24px;border:1px dashed #b7c4d4;border-radius:12px;background:#f7f9fc;color:#3c506c;line-height:1.8}
#empty strong,#food-empty strong{font-size:16px}#empty span,#food-empty span{font-size:14px}
@media(max-width:1000px){.discovery-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-tools>.discovery-field:first-child{grid-column:1/-1}}
@media(max-width:700px){.discovery-tools{grid-template-columns:1fr 1fr}.discovery-tools>.discovery-field:first-child{grid-column:1/-1}.discovery-tools>.discovery-reset{justify-self:start;align-self:end}.discovery-hint{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.article-directory *,.food-dictionary *{scroll-behavior:auto!important;transition:none!important}}

.discovery-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:28px 0 8px}
.discovery-more{appearance:none;border:1px solid #203f61;border-radius:8px;background:#203f61;color:#fff;font:inherit;font-size:14px;font-weight:700;line-height:1.5;min-height:48px;padding:12px 28px;cursor:pointer}
.discovery-more:hover{background:#132f4b;color:#fff}.discovery-more:focus-visible{outline:3px solid #2458bb;outline-offset:4px}.discovery-remaining{font-size:13px;color:#596b7f;line-height:1.6}
@media(max-width:700px){.discovery-pagination{padding-top:20px;gap:10px}.discovery-more{flex:1;max-width:360px;padding:12px 18px}}

.discovery-tools.discovery-compact{grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) auto auto;align-items:start}
.discovery-compact .search-primary,.discovery-compact .search-category{min-width:0}.discovery-compact .search-primary input,.discovery-compact .search-category select{width:100%;box-sizing:border-box}
.discovery-compact .search-advanced{margin:0;min-width:0;padding:0;border:0;background:transparent}
.discovery-compact .search-advanced>summary{min-height:44px;box-sizing:border-box;padding:12px 14px;font-size:13px;line-height:1.5;font-weight:700;color:#3d536b;cursor:pointer;border:1px solid #b9c4cd;border-radius:8px;background:#fff}
.discovery-compact .search-advanced>summary:focus-visible{outline:3px solid #2458bb;outline-offset:3px}
.discovery-compact .advanced-fields{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;padding-top:12px}.discovery-compact .advanced-fields label{min-width:0;font-size:12px;color:#3d536b}.discovery-compact .advanced-fields select{box-sizing:border-box;width:100%;margin-top:6px}
.discovery-compact .search-advanced .discovery-hint{margin:8px 0 0!important;font-size:11px!important}.discovery-compact>.discovery-reset{align-self:end}
@media(max-width:1000px){.discovery-tools.discovery-compact{grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) auto}.discovery-compact .search-primary{grid-column:1/-1}}
@media(max-width:700px){.discovery-tools.discovery-compact{grid-template-columns:1fr 1fr;gap:10px!important}.discovery-compact .search-primary{grid-column:1/-1}.discovery-compact .search-advanced[open]{grid-column:1/-1}.discovery-compact .advanced-fields{grid-template-columns:1fr}.discovery-compact>.discovery-reset{align-self:start}}
