/* ── Back link (3D pill) ──
   Shared by: request.html, station-info.html, upload.html, hannah.html, message.html
   These 5 pages used identical .back-link CSS, copy-pasted into each file's own
   <style> block. Pulled out here so a future style change only needs editing once.
   Mirrors the form-helpers.js approach used for the shared JS.

   NOT used by: bbs.html (own distinct green pill design), trivia.html (own scaled-down
   variant), analytics.html (own deliberately minimal style), nowplaying.html /
   requests_dashboard.html (no .back-link at all, own header treatment).
   Do not assume those should match this file without a separate decision. */

.back-link {
  display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(180deg, #1c1c1c 0%, #0e0e0e 100%);
  border:1px solid rgba(255,255,255,0.10); border-bottom:1px solid rgba(0,0,0,0.5);
  border-radius:999px; padding:9px 20px;
  color:#bbb; font-size:13px; font-weight:600; text-decoration:none; margin-bottom:1.5rem;
  letter-spacing:0.06em;
  box-shadow:0 4px 8px rgba(0,0,0,0.35), 0 1px 0 rgba(255,255,255,0.05) inset;
  transition:transform 0.15s, box-shadow 0.15s, border-color 0.2s, color 0.2s;
}
.back-link:hover {
  color:#fff; border-color:rgba(255,255,255,0.3);
  transform:translateY(-2px);
  box-shadow:0 6px 14px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.08) inset;
}
.back-link:active {
  transform:translateY(1px);
  box-shadow:0 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.05) inset;
}