/* ==========================================================
   ASTROMAG — édition du mois (page-astromag.php, single-astromag.php)
   Complète article.css (en-tête, signature, partage).
   ========================================================== */
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Barre des signes, collée en haut pendant la lecture */
.astro-nav{position:sticky;top:0;z-index:5;margin:24px -16px 0;padding:10px 16px;background:var(--bg);border-bottom:1px solid var(--line);overflow-x:auto}
.admin-bar .astro-nav{top:32px}
.astro-nav ul{display:flex;gap:8px;white-space:nowrap}
.astro-nav a{display:block;padding:6px 12px;border:1px solid var(--fg);font:700 13px var(--sans)}
.astro-nav a:hover{background:var(--fg);color:var(--bg)}

/* Un groupe par élément, un bloc par signe */
.astro-element h2{padding-bottom:8px;border-bottom:2px solid var(--accent)}
.astro-sign{margin:24px 0;padding:16px 20px;border-left:6px solid var(--line);scroll-margin-top:84px}
.admin-bar .astro-sign{scroll-margin-top:116px}
.astro-sign h3{margin:0 0 8px;font:400 24px/1.2 var(--serif)}
.astro-sign h3 small{font:400 14px var(--sans);color:var(--muted)}
.astro-symbol{color:var(--accent)}
.astro-sign p{margin:0 0 12px}
.astro-sign:target{border-left-color:var(--accent);background:rgba(248,212,216,.35);background:color-mix(in srgb,var(--soft) 35%,transparent)}

.astro-outro{margin-top:36px}
.astro-disclaimer{margin-top:32px;font-size:14px;font-style:italic;color:var(--muted)}

/* Mois précédents */
.astro-previous{max-width:760px;margin:48px auto 0}
.astro-previous li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 0;border-bottom:1px solid var(--line)}
.astro-previous a{font-weight:700;text-decoration:underline}
.astro-previous time{font-size:14px;color:var(--muted)}

/* Aucune édition publiée */
.astro-empty{max-width:760px;margin:0 auto}

@media(max-width:900px){
  .admin-bar .astro-nav{top:46px}
  .admin-bar .astro-sign{scroll-margin-top:130px}
}
@media(max-width:640px){
  .astro-sign{padding:12px 14px}
  .astro-sign h3{font-size:22px}
}