@media (max-width: 768px) {
	.loader {
		width: 15vw;
		height: 15vw;
	}

	.loading-text {
		font-size: 5vw;
	}

	.content-card,
	.logo-card,
	.cookie-popup,
	.cookie-accept,
	section,
	select,
	.org-btn,
	.search-input {
		border-radius: 2vw !important;
	}

	.main-content {
		padding: 10vh 5vw 9vh 5vw;
		margin: 0 auto;
	}

	.sections-grid .col section:nth-child(2) {
		margin-bottom: 0;
	}
	
	/* Stack left and right columns on mobile */
	.merged-content {
		flex-direction: column !important;
	}
	
	.left-column,
	.right-column {
		max-width: 100% !important;
		width: 100% !important;
	}
	
	/* Keep search icon next to title when collapsed */
	.right-column-header {
		flex-wrap: nowrap !important;
		gap: 0;
	}
	
	/* When expanded, move search below title */
	.right-column-header:has(.search-input:not(.is-collapsed)) {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	
	.right-column-header:has(.search-input:not(.is-collapsed)) .section-title {
		width: 100% !important;
	}
	
	.right-column-header:has(.search-input:not(.is-collapsed)) .search-bar {
		width: 100% !important;
	}
	
	.right-column-header:has(.search-input:not(.is-collapsed)) .search-input {
		width: 100% !important;
		margin: 0 !important;
	}
	
	.right-column-header .search-input {
		margin: 0 !important;
	}
	
	#orgSearch {
		font-size: 3vh !important;
	}
	
	/* Force single column layout on mobile */
	#logosContainer .col:nth-child(2) {
		display: none !important;
	}
	
	.sections-grid {
		display: block !important;
	}
	
	.sections-grid .col {
		width: 100% !important;
	}
	
	.merged-content {
		gap: 3vh;
	}
	
	.content-card {
		margin-bottom: 3vh;
	}
	
	.section-title {
		font-size: 3vh;
		margin: 0 0 2vh 0;
		padding: 0 0 1vh 0;
		font-weight: 750;
	}
	
	.logo-card {
		padding: 2vh;
		grid-template-columns: 20vw 1fr; /* match smaller logo */
		margin: 2vh;
		box-sizing: border-box;
	}
	.logo-frame {
		width: 20vw;
	}
	.logo-card .org-info {
		gap: 1vh;
		display: flex; /* override desktop grid for stacking */
		flex-direction: column; /* stack name then actions */
		align-items: center;
		width: 100%;
	}
	.logo-card .org-actions {
		display: flex;
		flex-direction: row;
		align-items: stretch;
		gap: 2vw; /* internal gap token */
		justify-content: flex-start; /* default; overridden for stretching */
		flex-wrap: wrap;
		width: 100%;
		box-sizing: border-box;
	}
	.logo-card .org-actions .org-btn {
		width: auto; /* natural width */
		text-align: center;
		padding: 1vw;
	}
	/* Stretch non-placeholder actions: buttons share full row width */
	.logo-card:not(.placeholder) .org-actions {
		justify-content: space-between; /* distribute buttons across padded width */
	}
	.logo-card:not(.placeholder) .org-actions .org-btn {
		flex: 1 1 auto; /* grow evenly while respecting content */
		text-align: center;
		min-width: 0; /* allow shrink to avoid overflow */
	}
	/* Hide placeholder logo column & expand content */
	.logo-card.placeholder {
		grid-template-columns: 1fr; /* remove logo column */
	}
	.logo-card.placeholder .logo-frame {
		display: none;
	}
	.org-btn {
		width: auto !important;
	}
	.sections-grid {
		display: block !important;
	}
	.sections-grid .col {
		width: 100% !important;
		display: block !important;
		float: none !important;
		gap: 1vh;
	}
	.sections-grid .col + .col {
		display: none !important;
	}
	.col section {
		margin-bottom: 2vh;
	}
	
	/* Let height be intrinsic; remove forced 43px so square icon size controls height */
	.search-bar, .search-input {
		height: auto;
		margin: 0 0 2vh 0 !important;
	}
	.search-input {
		width: 20rem;
		margin: 0 !important;
	}
	.search-input.is-collapsed {
		margin: 0 0 2vh 5vw !important;
	}
	.sections-grid {
		grid-template-columns: 1fr !important;
	}
	h2 {
		text-align: center;
	}
	.logo-card.placeholder .org-actions {
		justify-content: center;
	}
	
	body > .site-credit {
		display: none;
	}
}