/* 03 Account Settings filters (Mr B, 14 Oct 2026). Joel: "the filters from the guides, events, founder focus within the account settings
   are not responsive, so fix that."
   Mohlanka's CL-441 (smesa-hub/account.css, live 14 Oct) already wraps the chip rows, keeps the search boxes at 16 px and stops the
   Library counters overflowing; checked at 375, 390, 1024 and 1366 on every tab (Events, Guides, Podcast, Founder stories, Library):
   nothing runs off the screen or hides behind a scroller. What was left: on phones and touch screens the chips, the Library sort and
   type chips, the Events "save" hearts and the "Clear filters" button were 36 to 40 px tall. They are 44 px here, the size every other
   tap target on the site uses, and a search hint too long for a phone ends in "..." instead of being cut mid-word. Two ids, so these
   win over account.css and over the compiled Success Core stylesheet whatever the load order. Desktop with a mouse keeps the mockup
   sizes. Nothing else changes: colours, fonts and spacing stay as they are. */

@media (max-width: 1023.98px), (pointer: coarse) {
	#settings-content #smesc-root button.mb-chip { height: 44px; }
	#settings-content #smesc-root [data-lib-type],
	#settings-content #smesc-root select[data-lib-sort] { min-height: 44px; }
	#settings-content #smesc-root input[data-mb-search],
	#settings-content #smesc-root input[data-lib-q] { min-height: 44px; text-overflow: ellipsis; }
	#settings-content #smesc-root button[data-mb-reset] { height: 44px; }
	#settings-content #smesc-root button[data-prog-save],
	#settings-content #smesc-root button[data-lib-hide] { width: 44px; height: 44px; }
	/* QC round 1: on phones the link is only its icon, so it also needs the width (it was 38 x 44) */
	#settings-content #smesc-root a[data-lib-dl] { min-height: 44px; min-width: 44px; display: inline-flex; align-items: center; justify-content: center; }
	/* the Library title link was 20 px tall: a 44 px hit area through padding, the row's layout does not move */
	#settings-content #smesc-root [data-lib-row] a.truncate { position: relative; padding-block: 12px; margin-block: -12px; }
	/* rows of 44 px chips need a little air between the lines once they wrap */
	#settings-content #smesc-root .no-scrollbar:has(> .mb-chip),
	#settings-content #smesc-root [data-lib] .overflow-x-auto:has(> [data-lib-type]) { row-gap: 8px; }
}