/* Shared styles common to every RYST 109A page: accessibility helpers and
   elements repeated identically across index/nearby/faq/privacy/terms/guide. */

.skip-link {
  position: absolute; top: -100px; left: 12px; z-index: 1000;
  background: var(--ink); color: #fff; padding: 12px 20px; border-radius: 8px;
  font-family: var(--sans); font-size: 14px; font-weight: 600; text-decoration: none;
  transition: top .2s var(--ease);
}
.skip-link:focus { top: 12px; }

a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--sea-mid); outline-offset: 2px; border-radius: 4px;
}

.wa-float {
  position: fixed; bottom: 24px; right: 24px; z-index: 200; width: 52px; height: 52px;
  border-radius: 50%; background: #25d366; box-shadow: 0 4px 20px rgba(37,211,102,.4);
  display: flex; align-items: center; justify-content: center; text-decoration: none;
  transition: transform .2s, box-shadow .2s;
}
.wa-float:hover { transform: scale(1.08); box-shadow: 0 6px 28px rgba(37,211,102,.5); }

.footer-brand-text span { font-size: 15px; color: rgba(246,241,230,.65); }
.footer-copy { font-size: 12.5px; color: rgba(246,241,230,.65); }