/* The Before pill: on every page of before/, written by scripts/make_before.py. */
.before-pill { position: fixed; left: 50%; bottom: max(14px, env(safe-area-inset-bottom)); transform: translateX(-50%);
  z-index: 9999; display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 16px; border-radius: 999px;
  background: #15131d; color: #f4f1ea; font: 500 14px/1.2 system-ui, sans-serif; white-space: nowrap;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .38); border: 1px solid rgba(255, 255, 255, .14); }
.before-pill b { font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: 11.5px; color: #f2c14e; }
.before-pill a { background: #f2c14e; color: #15131d; text-decoration: none; font-weight: 750; padding: 8px 14px; border-radius: 999px; }
.before-pill a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
body { padding-bottom: 76px; }
@media (max-width: 760px) { .before-pill span { display: none; } }