Modèle:Accueil/styles.css

/* Accueil — compléments légers autour du composant Card existant */

.nefald-home-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .4rem .7rem;
  margin: 0 0 1rem;
  padding: .65rem 1rem;
  border-top: 1px solid var(--border-color-base);
  border-bottom: 1px solid var(--border-color-base);
  border-radius: 2px;
  background: var(--color-surface-1);
  font-size: .92rem;
}

.nefald-home-status__label {
  font-weight: 700;
}

.nefald-home-steps {
  display: grid;
}

.nefald-home-step {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .75rem;
  align-items: start;
  padding: .8rem 0;
  border-bottom: 1px solid var(--border-color-base);
}

.nefald-home-step:last-child {
  border-bottom: 0;
}

.nefald-home-step__number {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--color-progressive);
  color: var(--color-inverted-fixed, #fff);
  font-weight: 700;
}

.nefald-home-step__title {
  display: block;
  font-weight: 700;
}

.nefald-home-step__text {
  display: block;
  margin-top: .1rem;
  color: var(--color-subtle);
  font-size: .9rem;
  line-height: 1.45;
}

.nefald-home-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1rem;
}

.nefald-home-link {
  padding: .7rem 0;
  border-bottom: 1px solid var(--border-color-base);
}

.nefald-home-link__title {
  display: block;
  font-weight: 700;
}

.nefald-home-link__text {
  display: block;
  margin-top: .1rem;
  color: var(--color-subtle);
  font-size: .86rem;
  line-height: 1.4;
}

.nefald-home-secondary {
  margin: .9rem 0 0;
  color: var(--color-subtle);
  font-size: .9rem;
}

.nefald-home-contribute {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .7rem;
  margin-top: 1rem;
  padding: .85rem 0;
  border-top: 1px solid var(--border-color-base);
  border-bottom: 1px solid var(--border-color-base);
}

.nefald-home-contribute__title {
  font-weight: 700;
  margin-right: .25rem;
}

.nefald-home-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .35rem .7rem;
  padding: 1rem .5rem .25rem;
  color: var(--color-subtle);
  font-size: .9rem;
}

@media (max-width: 600px) {
  .nefald-home-links {
    grid-template-columns: 1fr;
  }
}