/* ランダム：記録から1件を無作為に選んでいる間の1枚 */

.random-page {
  padding-block: clamp(2.5rem, 8vw, 5rem);
  max-width: 42rem;
}
.random-msg {
  font-family: var(--font-mono);
  font-size: .8rem;
  font-weight: 400;
  letter-spacing: .14em;
  color: var(--blue);
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--ink);
}
.random-fallback {
  margin-top: 1.4rem;
  font-family: var(--font-mono);
  font-size: .72rem;
  letter-spacing: .06em;
}
.random-fallback a {
  color: var(--ink-2);
  border-bottom: 1px solid var(--rule);
  padding-bottom: .15em;
  transition: color .15s, border-color .15s;
}
.random-fallback a:hover { color: var(--blue); border-bottom-color: var(--blue); }