/* niche-engine :: base styles.
   Per-vertical theming (accent colour) is injected inline as a <style> block
   with the --accent custom property, so this file stays shared across the
   whole network and is cached once. */

body { background: var(--bg); }

.kicker a { text-decoration: none; }
.kicker a:hover { text-decoration: underline; }

main.wrap { padding-top: 1.2rem; padding-bottom: 1rem; }

.card .pill + .pill { margin-left: .25rem; }

footer.site a { color: var(--muted); text-decoration: underline; }
footer.site a:hover { color: var(--accent); }

@media (max-width: 40rem) {
  h1 { font-size: 1.6rem; }
  nav.site a { margin-left: .55rem; }
}