/* ==========================================================
   ARTICLE — page d'un article (single.php)
   ========================================================== */
.article{max-width:760px;margin:40px auto 0}
.article-head h1{margin:14px 0;font:400 clamp(32px,5vw,56px)/1.05 var(--serif)}
.article-head .tag:hover{color:var(--accent-fg);background:var(--fg)}
.chapo{font-size:20px;line-height:1.45;color:var(--muted)}
.byline{font-size:14px;color:var(--muted)}
img.article-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:24px 0;border-radius:10px}

.article-body{font-size:18px;line-height:1.7}
.article-body h2{margin:36px 0 8px;font:400 26px/1.2 var(--serif);color:var(--accent)}
.article-body blockquote{margin:28px 0;padding:8px 0 8px 20px;border-left:6px solid var(--coral);font:400 24px/1.3 var(--serif)}
.article-body a{color:var(--accent);text-decoration:underline}
.article-list{padding-left:1.2em;list-style:disc}
.article-list li{margin:4px 0}

.share{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;padding-top:16px;border-top:1px solid var(--line);font:700 13px var(--display);text-transform:uppercase;letter-spacing:.1em}
.share .chip{text-decoration:none}

.read-progress{position:fixed;left:0;top:0;height:4px;width:0;background:var(--coral);z-index:30}