/* static/core/css/core_base.css */

/* Wrapper commun pour pages core */
.core-page{
  padding: 28px 12px;
}

.core-page .container{
  max-width: 980px;
}

/* Titres et texte */
.core-page h1, .core-page .page-title{
  margin: 0 0 10px;
  font-size: clamp(22px, 2.2vw, 32px);
  line-height: 1.15;
  font-weight: 900;
  color: #0f172a;
}

.core-page p, .core-page .page-subtitle{
  margin: 0 0 14px;
  color: #475569;
  line-height: 1.65;
  font-size: 15px;
}

/* Cartes “standard” réutilisables */
.core-card{
  background: #fff;
  border: 1px solid rgba(16,24,40,.08);
  border-radius: 16px;
  box-shadow: 0 10px 28px rgba(16,24,40,.06);
  overflow: hidden;
}

.core-card__head{
  padding: 22px 22px 0;
}

.core-card__body{
  padding: 16px 22px 22px;
}

/* Liens */
.core-page a{
  color: inherit;
  text-decoration: none;
}

.core-page a:hover{
  text-decoration: underline;
}

/* Petits utilitaires */
.core-muted{ color: #64748b; }
.core-divider{
  height: 1px;
  background: rgba(15,23,42,.08);
  margin: 18px 0;
}

/* Responsive */
@media (max-width: 720px){
  .core-page{ padding: 18px 10px; }
}