/* Devise auth pages — centered card layout */

.devise-body {
  --pico-container-max-width: 960px;
}

.devise-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Header — logo centered */
.devise-header {
  padding: 2rem 1.5rem 0;
  display: flex;
  justify-content: center;
}

.devise-brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
}

.devise-brand:hover {
  text-decoration: none;
}

/* Main — pushes footer down, centers the card */
.devise-main {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 3rem 1rem 2rem;
}

/* Card — Pico <article> with constrained width */
.devise-card {
  width: 100%;
  max-width: 640px;
}

/* Footer — reuse landing styles */
.devise-wrapper > footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid var(--pico-muted-border-color);
}

.devise-wrapper > footer nav {
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.devise-wrapper > footer nav ul {
  justify-content: center;
}

@media (min-width: 768px) {
  .devise-wrapper > footer nav {
    flex-direction: row;
  }
}