.sort-dropdown{position:relative;display:inline-block}.sort-dropdown__trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tone-2);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-normal);white-space:nowrap}.sort-dropdown__trigger:hover{background-color:var(--color-bg-tone-2);border-color:var(--accent-primary)}.sort-dropdown__icon{transition:var(--transition-normal);color:var(--color-text-primary)}.sort-dropdown--open .sort-dropdown__icon{transform:rotate(180deg)}.sort-dropdown__menu{position:absolute;top:calc(100% + var(--spacing-xs));right:auto;left:0;min-width:100%;padding:var(--spacing-xs) 0;background-color:var(--color-bg-tone-2);border:1px solid var(--border-primary);border-radius:var(--border-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.1);list-style:none;margin:0;z-index:10;animation:fadeSlideDown .2s ease}.sort-dropdown__option{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-normal)}.sort-dropdown__option:hover{background-color:var(--color-bg-tone-2)}.sort-dropdown__option--active{color:var(--accent-primary);font-weight:var(--font-weight-semibold)}@media (min-width:768px){.sort-dropdown__menu{min-width:200px;right:0}}.tag-page-results-bar{background-color:var(--color-bg-tone-1);padding:var(--spacing-xxxs) 0;margin-top:var(--spacing-xs)}.tag-page-bar--content{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md)}.tag-page-results-bar__content{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.tag-page-count{font-size:var(--font-size-md);color:var(--color-text-muted);margin:0;justify-self:baseline}.sort-dropdown__trigger,.tag-page-count,.tag-page-filter-button{padding:var(--spacing-xs) var(--spacing-xs)}.tag-page-filter-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-md);font-size:var(--font-size-md);cursor:pointer;transition:var(--transition-normal);position:relative;background-color:var(--color-bg-tone-2)}.tag-page-filter-button__badge{display:flex;align-items:center;justify-content:center;height:18px;padding:0 5px;border-radius:50%;background-color:var(--accent-primary);color:var(--text-inverse,#fff);font-size:var(--font-size-xxs,11px);font-weight:var(--font-weight-bold,700);line-height:1;animation:badgePulse 2s ease-in-out infinite}.tag-page-filter-button__icon{transition:var(--transition-normal)}.filter-button__icon--open{transform:rotate(180deg)}.tag-page-filter-button:hover{background-color:var(--color-bg-tone-2)}.tag-page-sort{display:none;justify-self:flex-end}.tag-page-no-results{padding:var(--space-2xl);text-align:center;color:var(--color-text-primary);font-size:var(--font-size-md);font-style:italic;background-color:var(--color-bg-tone-2);border-radius:var(--border-radius-lg)}.tag-page-recipes{margin-bottom:var(--space-2xl)}@media (min-width:768px){.tag-page-filters{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg)}.tag-page-filter-button{font-size:var(--font-size-sm)}.tag-page-sort{display:block;justify-self:flex-end}}@media (min-width:1024px){.tag-page-results-bar__content{grid-template-columns:1fr 2fr}}