Modèle:Accueil/styles.css

/* =========================

  Accueil v2 — Nephilim Wiki
  ========================= */

.nw-home { margin-top: 0.75rem; }

/* HERO */ .nw-hero{

 padding: 1.25rem 1.25rem;
 border-radius: 18px;
 border: 1px solid var(--border-color-subtle, #e5e5e5);
 background: var(--background-color-neutral-subtle, #f7f6f3);

}

.nw-hero__title{

 font-size: 1.75rem;
 font-weight: 800;
 line-height: 1.15;
 margin-bottom: 0.35rem;

}

.nw-hero__small{

 font-weight: 600;
 opacity: 0.7;
 font-size: 0.9em;

}

.nw-hero__subtitle{

 font-size: 1.05rem;
 opacity: 0.9;
 margin-bottom: 0.8rem;

}

.nw-hero__nav{

 display: flex;
 flex-wrap: wrap;
 gap: 0.4rem;
 margin-bottom: 0.9rem;

}

.nw-pill{

 display: inline-block;
 padding: 0.25rem 0.55rem;
 border-radius: 999px;
 border: 1px solid var(--border-color-subtle, #e0e0e0);
 background: var(--background-color-base, #fff);
 font-size: 0.9rem;
 white-space: nowrap;

}

.nw-hero__stats{

 font-size: 0.95rem;
 opacity: 0.85;

}

/* LAYOUT */ .nw-layout{

 display: grid;
 grid-template-columns: minmax(0, 2.2fr) minmax(280px, 1fr);
 gap: 1rem;
 margin-top: 1rem;
 align-items: start;

}

@media (max-width: 1000px){

 .nw-layout{ grid-template-columns: 1fr; }

}

/* GRID cartes */ .nw-grid{

 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
 gap: 1rem;

}

/* CARD */ .nw-card{

 border-radius: 16px;
 border: 1px solid var(--border-color-subtle, #e5e5e5);
 background: var(--background-color-base, #fff);
 box-shadow: 0 6px 20px rgba(0,0,0,0.06);
 overflow: hidden;

}

.nw-card__head{

 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
 padding: 0.8rem 0.9rem;
 border-bottom: 1px solid var(--border-color-subtle, #efefef);
 background: var(--background-color-neutral-subtle, #faf9f7);

}

.nw-card__title{

 display: flex;
 align-items: center;
 gap: 0.55rem;
 font-weight: 800;
 font-size: 1.05rem;

}

.nw-card__edit{

 font-size: 0.78rem;
 opacity: 0.7;
 white-space: nowrap;

}

.nw-card__edit a{ text-decoration: none; } .nw-card__edit a:hover{ text-decoration: underline; }

.nw-card__body{

 padding: 0.85rem 0.9rem;

}

/* Sidebar : un peu plus dense */ .nw-card--side .nw-card__title{ font-size: 1rem; } .nw-card--side .nw-card__body{ padding: 0.75rem 0.9rem; }

/* Petits correctifs “sécurité” pour le contenu transclus (tables, listes…) */ .nw-card__body table{ width: 100%; max-width: 100%; } .nw-card__body img{ height: auto; } .nw-card__body ul, .nw-card__body ol{ margin: 0.35rem 0 0.35rem 1.2rem; }