/* ── app/p-contact.css — the contact page's own styles (Pages::contact loads it after the shared ones). Until 1 Oct 2026 a <style> in the page's <head>. ── */
/* the routes for businesses, partners and applicants: one themed link per flow (theme.css [data-f] colours, the
   glass icons from media/glass-icons.svg). Each goes to that form on its own page (?apply=<key>; assets/js/forms.js). */
.ct-routes { margin-top: 16px; }
.ct-routes-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.ct-route { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; height: 100%; box-sizing: border-box;
  padding: 16px 16px 14px; border-radius: 18px; background: var(--t-surface); border: 1px solid var(--t-line); text-decoration: none; color: var(--t-head);
  transition: border-color .25s ease, box-shadow .25s ease, transform .3s var(--ease); }
.ct-route::before { content: ""; position: absolute; left: 16px; right: 16px; top: -1px; height: 3px; border-radius: 0 0 3px 3px; background: var(--c); opacity: .9; }
.ct-route .gi { --s: 44px; }
.ct-route b { display: block; font: 700 15px/1.25 var(--font); color: var(--t-head); }
.ct-route small { display: block; margin-top: 3px; font: 500 13px/1.35 var(--font); color: var(--t-muted); }
.ct-route .go { position: absolute; right: 14px; top: 18px; width: 16px; height: 16px; color: var(--cd); transition: transform .2s var(--ease); }
.ct-route:hover { border-color: color-mix(in srgb, var(--c) 55%, transparent); box-shadow: 0 16px 30px -22px color-mix(in srgb, var(--cd) 70%, transparent); transform: translateY(-2px); }
.ct-route:hover .go { transform: translateX(3px); }
.ct-route:focus-visible { outline: 3px solid var(--c); outline-offset: 2px; }
@media (max-width: 1180px) { .ct-routes-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ct-routes-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .ct-route { padding: 14px 12px 12px; } .ct-route .go { right: 10px; top: 16px; } }
html.fx-reduce .ct-route, html.fx-reduce .ct-route .go { transition: none; transform: none; }