/* Tema mínimo — solo lo esencial para que la página se vea llena y a juego. */
:root{
  --fa-ink:#0d3b23;
}
html, body{
  margin:0; padding:0; min-height:100vh;
  background:radial-gradient(circle at 30% 0%, #17512f, #0d3b23 60%);
  font-family:-apple-system,"Segoe UI",Roboto,sans-serif;
}
/* La página que contiene [fa_dashboard] o [fa_login] no necesita márgenes
   de "artículo de blog" ni ancho limitado — se muestra a pantalla completa. */
.fa-page-wrap{
  min-height:100vh;
  display:flex;
  align-items:stretch;
  justify-content:center;
  padding:24px;
}
.fa-page-wrap > *{ width:100%; max-width:1200px; }

/* Si por algún motivo se muestra contenido de WordPress fuera del plugin
   (por ejemplo un título de página suelto), que al menos no se vea roto. */
.fa-page-wrap h1.fa-page-title{
  color:#eafff0; font-size:20px; margin:0 0 16px;
}

@media (max-width: 600px){
  .fa-page-wrap{ padding:10px; }
}