minor tweaks to CSS ordering, precedence + formatting tweaks and shifting titles -> Popovers. Still have probs with Popovers being clipped by parent

src/routes/+layout.svelte

@@ -1,10 +1,11 @@
 <script>
    	import tabler from 'yesvelte/css/tabler.min.css?url';
- 	import '../app.css';
 
  	import { Navbar, NavbarItem } from 'yesvelte';
 
 	let theme = 'tabler';
+
+	import '../app.css';
 </script>
 
 <svelte:head>

src/routes/+page.svelte

@@ -714,7 +714,7 @@
 			</AccordionBody>
 		</Accordion>
 	</Accordions>
-	<p>Showing {filteredTechnologies.length} technology tiles.</p>
+	<p>Showing {filteredTechnologies.length} active technology tiles.</p>
 	<!--<p>Current URL: {$page.url}...</p>-->
 	<div class="tiles">
 		{#each filteredTechnologies as technology, index}
@@ -724,7 +724,7 @@
 				<TechnologyTile {technology} {affiliate_colours} {licenses} {showModal}/>
 			{/if}-->
 		{:else}
-			<p class='no-tiles'>No technologies are selected</p>
+			<p class='no-tiles'>No technologies with active instances are selected.<br/> If you selected a filter tag but no technologies appear, it is because that technology is in a testing or planning stage and does not yet have a publicly visible instance.</p>
 		{/each}
 	</div>
 </div>