/* Karten-Grundstile · Umsetzung: Jetzt läuft's, jetztlaeufts.de */
@import url("./colors_and_type.css");

html, body {
  margin: 0;
  padding: 0;
  background: var(--jl-paper);
  font-family: var(--jl-font-sans);
  color: var(--jl-fg-2);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.card {
  box-sizing: border-box;
  padding: 24px;
  width: 100%;
  background: var(--jl-white);
  background-image:
    radial-gradient(circle at 90% -20%, rgba(19,200,200,.08), transparent 16rem),
    radial-gradient(circle at -10% 120%, rgba(8,22,67,.05), transparent 16rem);
}

.row { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; }
.col { display: flex; flex-direction: column; gap: 12px; }
.label-meta { font-size: 11px; color: var(--jl-fg-meta); letter-spacing: .04em; }
.mono { font-family: var(--jl-font-mono); }
.tiny { font-size: 11px; }