/* STARKOS — the small muted legal footer that appears on every page.
 *
 * Deliberately quiet: it is a legal requirement, not a navigation feature, so
 * it sits at the very bottom in dim text and never competes with the page's own
 * call to action. It is NOT fixed — a fixed element would eat thumb space on
 * every screen in the product for the sake of two links.
 *
 * Kept in its own file so adding it to a page is one <link> and one <footer>,
 * with no risk of colliding with that page's existing selectors. The class
 * prefix `sk-` exists for the same reason.
 */

.sk-legal-footer {
  /* `position: static` on purpose — see above. */
  width: 100%;
  padding: 26px 22px calc(env(safe-area-inset-bottom) + 26px);
  text-align: center;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,0.55);
  background: transparent;
}

.sk-legal-footer a {
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  /* A 44px hit area on links that are only 16px of text — the audit's most
     repeated finding was near-miss targets, and there is no reason to ship a
     new one. Inline-flex keeps them on one line. */
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 9px;
  transition: color var(--t-base) var(--ease), transform var(--t-fast) var(--ease);
}

.sk-legal-footer a:hover { color: rgba(255,255,255,0.9); }
.sk-legal-footer a:active { transform: scale(0.97); }

/* 0.38 colour faded a further 0.45 measured 1.53:1 — the separator was
   effectively invisible. It is decoration, so it only needs the 3:1 floor. */
.sk-legal-footer .sk-sep { opacity: 0.8; }

@media (prefers-reduced-motion: reduce) {
  .sk-legal-footer a { transition: none; }
}