/* stevek-apps: the few styles the directory needs on top of tokens.css and components.css.
   Colours and sizes come from the tokens only. */

.inline-form { margin: 0; }

/* Centred single card (signed-out landing, errors, empty state) */
.page--center {
  display: grid;
  align-content: start;
  justify-items: center;
  padding-top: var(--space-12);
}
.card {
  width: 100%;
  max-width: 440px;
  padding: var(--space-8) var(--space-6);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-tile);
  text-align: center;
}
.card > .mark { margin: 0 auto var(--space-4); }
.card__title {
  margin: 0 0 var(--space-2);
  font-size: var(--text-2xl);
  line-height: var(--leading-tight);
  font-weight: var(--weight-bold);
  letter-spacing: -0.015em;
}
.card__text { margin: 0 0 var(--space-6); color: var(--text-muted); }
.card__text:last-child { margin-bottom: 0; }

.empty {
  padding: var(--space-8) var(--space-6);
  border: 1px dashed var(--border-strong);
  border-radius: var(--radius-lg);
  color: var(--text-muted);
  text-align: center;
}
.empty__title { margin: 0 0 var(--space-1); color: var(--text); font-size: var(--text-lg); font-weight: var(--weight-strong); }
.empty p { margin: 0; }
.footer a { color: inherit; }