/* Gabarit des nouveaux articles : même identité que les pages principales,
   avec une colonne de lecture plus calme. Les archives WordPress restent intactes. */
.editorial-page .editorial-article { padding-top: 132px; }
.editorial-page .editorial-head { max-width: 1020px; }
.editorial-back {
  display: inline-block;
  margin-bottom: clamp(38px, 6vw, 68px);
  padding-bottom: 5px;
  border-bottom: 1px solid var(--line-2);
  color: var(--muted);
  font-size: .9rem;
}
.editorial-back:hover, .editorial-prose a:hover { color: var(--ink); border-color: var(--ink); }
.editorial-meta { display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted-2); font-size: .87rem; }
.editorial-head h1 {
  max-width: 18ch;
  margin: 18px 0 22px;
  font-size: clamp(2.65rem, 5.5vw, 5.15rem);
  line-height: 1.02;
  text-wrap: balance;
}
.editorial-intro { max-width: 65ch; color: var(--muted); font-size: clamp(1.04rem, 1.5vw, 1.18rem); line-height: 1.65; }
.editorial-image { max-width: 1020px; margin-top: clamp(38px, 6vw, 68px); }
.editorial-image figure { overflow: hidden; border-radius: var(--radius); border: 1px solid var(--line); }
.editorial-image img { width: 100%; max-height: 480px; aspect-ratio: 16 / 9; object-fit: cover; }
.editorial-body { max-width: 840px; padding-top: clamp(44px, 7vw, 78px); padding-bottom: clamp(80px, 10vw, 130px); }
.editorial-prose { color: rgba(235,242,250,.83); font-size: 1.075rem; line-height: 1.83; }
.editorial-prose > * + * { margin-top: 1.28em; }
.editorial-prose > p:first-child { color: var(--ink); font-size: 1.15rem; line-height: 1.75; }
.editorial-prose h2 {
  margin-top: 2.15em;
  padding-top: .85em;
  border-top: 1px solid var(--line);
  color: var(--ink);
  font-size: clamp(1.9rem, 3.2vw, 2.45rem);
  line-height: 1.15;
  text-wrap: balance;
}
.editorial-prose h2 + * { margin-top: .85em; }
.editorial-prose h3 { margin-top: 1.7em; color: var(--ink); font-size: 1.55rem; }
.editorial-prose strong { color: var(--ink); font-weight: 600; }
.editorial-prose a { color: #a9c7ff; border-bottom: 1px solid rgba(169,199,255,.45); text-underline-offset: 3px; }
.editorial-prose ul, .editorial-prose ol { padding-left: 1.5em; }
.editorial-prose li { padding-left: .35em; margin-top: .7em; }
.editorial-prose li::marker { color: #a9c7ff; font-weight: 500; }
.editorial-prose li + li { margin-top: .9em; }
.editorial-prose .article-bilan {
  margin-top: 3.5em;
  padding: clamp(26px, 5vw, 42px);
  border: 1px solid var(--line-2);
  border-radius: var(--radius);
  background: var(--card);
}
.editorial-prose .article-bilan h2 { margin: 0; padding: 0; border: 0; font-size: clamp(1.9rem, 3vw, 2.4rem); }
.editorial-prose .article-bilan p { margin: 16px 0 24px; max-width: 62ch; }
.editorial-prose .article-bilan .btn { color: var(--accent-ink); border: 1px solid transparent; font-size: .95rem; }
.editorial-prose .article-bilan .btn:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.editorial-page .mobile-close { align-self: flex-end; border: 0; background: none; color: var(--ink); font: 2rem var(--font-body); cursor: pointer; }
.editorial-page .site-footer { padding: 30px 0; }
.editorial-page .site-footer a { border-bottom: 1px solid var(--line-2); }
@media (max-width: 700px) {
  .editorial-page .editorial-article { padding-top: 112px; }
  .editorial-head h1 { max-width: none; }
  .editorial-image img { aspect-ratio: 4 / 3; max-height: none; }
  .editorial-body { padding-top: 42px; }
  .editorial-prose { font-size: 1rem; line-height: 1.78; }
  .editorial-prose > p:first-child { font-size: 1.07rem; }
}