/* Paris au Naturel — gabarit "petit journal de quartier"
   Volontairement distinct des autres gabarits : bandeau journal à filets doubles,
   corps Georgia, rubriques en petites capitales, palette papier/terracotta. */
* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:17px; }
body {
  font-family: Georgia, 'Times New Roman', serif;
  background:#faf6ef;
  color:#22211d;
  line-height:1.65;
}
.gazette { max-width:880px; margin:0 auto; padding:0 22px; }

/* ---- Bandeau journal ---- */
header.journal { border-bottom:4px double #22211d; padding:26px 0 14px; text-align:center; background:#faf6ef; }
header.journal .surtitre {
  font-family:'Segoe UI', Arial, sans-serif; font-size:.72rem; letter-spacing:.35em;
  text-transform:uppercase; color:#b4552d;
}
header.journal h1.titre-journal {
  font-family:'Segoe UI', Arial, sans-serif; font-weight:800; font-size:2.5rem;
  letter-spacing:.06em; text-transform:uppercase; margin:.1em 0;
}
header.journal h1.titre-journal a { color:#22211d; text-decoration:none; }
header.journal .devise { font-style:italic; font-size:.95rem; color:#6b6255; }
nav.rubriques {
  border-top:1px solid #22211d; margin-top:12px; padding-top:9px;
  font-family:'Segoe UI', Arial, sans-serif; font-size:.8rem; letter-spacing:.18em; text-transform:uppercase;
}
nav.rubriques a { color:#22211d; text-decoration:none; margin:0 14px; }
nav.rubriques a:hover { color:#b4552d; }

/* ---- Une / liste d'articles ---- */
.une { padding:34px 0 10px; }
.une .edito {
  font-size:1.06rem; max-width:640px; margin:0 auto 26px; text-align:center; color:#4a443b;
}
.article-liste { list-style:none; }
.article-liste li {
  border-top:1px solid #d8cfbc; padding:22px 0; display:flex; gap:22px; align-items:baseline;
}
.article-liste .num {
  font-family:'Segoe UI', Arial, sans-serif; font-weight:800; font-size:1.6rem; color:#b4552d; min-width:52px;
}
.article-liste h2 { font-size:1.28rem; font-weight:normal; }
.article-liste h2 a { color:#22211d; text-decoration:none; }
.article-liste h2 a:hover { color:#b4552d; }
.article-liste .rubrik {
  font-family:'Segoe UI', Arial, sans-serif; font-size:.68rem; letter-spacing:.25em;
  text-transform:uppercase; color:#6b7f4f; display:block; margin-bottom:4px;
}
.article-liste p.resume { color:#5c554a; font-size:.95rem; margin-top:6px; }

/* ---- Page article ---- */
article.papier { padding:38px 0 30px; max-width:680px; margin:0 auto; }
article.papier .rubrik {
  font-family:'Segoe UI', Arial, sans-serif; font-size:.7rem; letter-spacing:.28em;
  text-transform:uppercase; color:#6b7f4f;
}
article.papier h1 { font-size:1.9rem; font-weight:normal; line-height:1.25; margin:.35em 0 .3em; }
article.papier .signature { font-style:italic; color:#8a8172; font-size:.88rem; margin-bottom:20px; }
article.papier .illustration { margin:10px 0 24px; border:1px solid #d8cfbc; }
article.papier .illustration svg { display:block; width:100%; height:auto; }
article.papier .illustration img { display:block; width:100%; height:auto; }
.credit-photo { font-style:italic; font-size:.75rem; color:#a39a86; text-align:right; margin:-18px 0 20px; }
article.papier p { margin:0 0 16px; }
article.papier h2 {
  font-family:'Segoe UI', Arial, sans-serif; font-size:1.02rem; letter-spacing:.05em;
  text-transform:uppercase; border-bottom:1px solid #d8cfbc; padding-bottom:6px; margin:28px 0 14px;
}
article.papier ul { margin:0 0 16px 22px; }
article.papier li { margin-bottom:8px; }
article.papier .encadre {
  background:#f1ead9; border-left:4px solid #b4552d; padding:14px 18px; margin:22px 0; font-size:.95rem;
}
article.papier a { color:#b4552d; }
.retour-une {
  display:inline-block; margin-top:10px; font-family:'Segoe UI', Arial, sans-serif;
  font-size:.8rem; letter-spacing:.15em; text-transform:uppercase; color:#22211d; text-decoration:none;
  border:1px solid #22211d; padding:8px 16px;
}
.retour-une:hover { background:#22211d; color:#faf6ef; }

/* ---- Pied ---- */
footer.journal {
  border-top:4px double #22211d; margin-top:44px; padding:20px 0 34px; text-align:center;
  font-size:.82rem; color:#6b6255;
}
footer.journal .avert { font-style:italic; margin-top:8px; }
footer.journal a { color:#6b6255; }

@media (max-width:600px){
  header.journal h1.titre-journal { font-size:1.7rem; }
  .article-liste li { flex-direction:column; gap:6px; }
}