/* Peinture Impressionnisme — feuille de style unique (esprit musee) */
:root{
  --ink:#1c1a17; --soft:#4a463f; --muted:#736d62;
  --line:#e2dcd0; --paper:#faf7f1; --card:#fffdf9;
  --accent:#7a5c3e; --accent-soft:#b8915f;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px; line-height:1.72;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px; margin:0 auto; padding:2.6rem 1.3rem 4rem}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:2.15rem; line-height:1.2; margin:.2rem 0 1rem; letter-spacing:.2px}
h2{font-size:1.5rem; margin:2.4rem 0 .8rem}
h3{font-size:1.2rem; margin:1.8rem 0 .6rem}
p{margin:0 0 1.15rem}
em{font-style:italic}
strong{font-weight:700}
blockquote{
  margin:1.4rem 0; padding:.4rem 1.2rem; border-left:3px solid var(--accent-soft);
  color:var(--soft); font-style:italic;
}
hr{border:0; border-top:1px solid var(--line); margin:2.4rem 0}
.crumb{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  font-size:.82rem; color:var(--muted); margin:0 0 1.6rem; letter-spacing:.3px;
}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--accent)}
.crumb span{color:var(--soft)}
.eyebrow{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  text-transform:uppercase; letter-spacing:.16em; font-size:.74rem;
  color:var(--accent-soft); font-weight:700; margin:0 0 .4rem;
}
.lede{font-size:1.12rem; color:var(--soft)}
.kind{
  display:inline-block; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.72rem; text-transform:uppercase; letter-spacing:.12em;
  color:var(--accent); border:1px solid var(--accent-soft); border-radius:999px;
  padding:.15rem .6rem; margin-bottom:1rem;
}
.angle{
  background:var(--card); border:1px solid var(--line); border-radius:8px;
  padding:1.1rem 1.3rem; margin:1.2rem 0 2rem; color:var(--soft);
}
.angle p{margin:0}
.angle .angle__label{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.72rem; text-transform:uppercase; letter-spacing:.14em;
  color:var(--accent-soft); font-weight:700; margin:0 0 .4rem; display:block;
}
/* Sommaire accueil */
.part{margin:2.6rem 0; border-top:1px solid var(--line); padding-top:1.4rem}
.part__title{font-size:1.35rem; margin:0 0 .3rem}
.part__desc{color:var(--muted); font-style:italic; font-size:1rem; margin:0 0 1rem}
.seasons{list-style:none; margin:0; padding:0}
.seasons li{margin:.55rem 0; padding-left:0}
.seasons .s-num{color:var(--accent-soft); font-variant-numeric:tabular-nums}
.seasons .s-kind{color:var(--muted); font-size:.82rem;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
/* Liste episodes (page saison) */
.episodes{list-style:none; margin:1.4rem 0; padding:0; counter-reset:ep}
.episodes li{
  margin:0; border-bottom:1px solid var(--line); padding:.85rem 0;
  display:flex; gap:.9rem; align-items:baseline;
}
.episodes li:first-child{border-top:1px solid var(--line)}
.episodes .ep-num{
  color:var(--accent-soft); font-variant-numeric:tabular-nums;
  min-width:2.2rem; font-size:.95rem;
}
/* Lecteur / placeholder video */
.video{margin:0 0 2rem}
.video video{width:100%; border-radius:8px; background:#000; display:block}
.video--pending{
  border:1px dashed var(--accent-soft); border-radius:8px; background:var(--card);
  aspect-ratio:16/9; display:flex; align-items:center; justify-content:center;
}
.video__inner{text-align:center; color:var(--muted)}
.video__icon{
  display:block; font-size:1.8rem; color:var(--accent-soft); margin-bottom:.4rem;
}
.video__txt{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.9rem; letter-spacing:.04em;
}
/* Nav prec/suiv */
.pager{
  display:flex; justify-content:space-between; gap:1rem; margin-top:3rem;
  border-top:1px solid var(--line); padding-top:1.4rem;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:.9rem;
}
.pager a{max-width:48%}
.pager .dir{display:block; color:var(--muted); font-size:.74rem;
  text-transform:uppercase; letter-spacing:.1em; margin-bottom:.2rem}
.pager .pager__next{text-align:right; margin-left:auto}
.backhome{margin-top:2.6rem; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.9rem}
footer{margin-top:3.5rem; padding-top:1.2rem; border-top:1px solid var(--line);
  color:var(--muted); font-size:.85rem;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.article p:first-of-type::first-letter{
  font-size:3.1rem; line-height:.8; float:left; padding:.1rem .5rem .1rem 0;
  color:var(--accent); font-weight:700;
}
@media (max-width:560px){
  body{font-size:18px}
  .wrap{padding:1.8rem 1.1rem 3rem}
  h1{font-size:1.8rem}
}