/* ============================================================
   FEATURE CSS: PLACEHOLDER
   ============================================================ */

.empty-page {
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--s-3);
}
.empty-mark {
  font-size: 2.4rem;
  line-height: 1;
  opacity: 0.8;
}
.empty-title {
  font-size: calc(1.9rem * var(--display-scale));
  color: var(--text);
}
.empty-body {
  max-width: 40ch;
  font-size: 0.86rem;
  line-height: 1.6;
  color: var(--text-dimmer);
}
.empty-note {
  margin-top: var(--s-2);
  padding: 4px 12px;
  border-radius: var(--r-pill);
  border: var(--border-w) solid var(--rim-strong);
  font-size: 0.68rem;
  font-weight: var(--body-weight-strong);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-dim);
}