/* Styles des pages-guides SEO astro (/{culture}/astrologie/{slug}). Fichier statique : éditable sans rebuild. */
/* Le thème applique un `nav{height:70px}` GLOBAL (pensé pour la barre du haut #top). Nos <nav> de CONTENU
   doivent reprendre une hauteur naturelle, sinon leurs puces sur plusieurs lignes débordent des 70 px et
   chevauchent la section suivante (cf. sommaire de l'encyclopédie). align-items:center est aussi neutralisé
   pour un empilement propre des lignes de puces. */
.astro-fil, .astro-index-som, .astro-maillage { height: auto; align-items: flex-start; }
.astro-guide { max-width: 720px; margin: 0 auto; padding: 0 18px; }
/* Fil d'Ariane : forcé à gauche (le thème met les <nav> en justify-content:space-between) + retour à la ligne propre. */
.astro-fil { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: 6px; color: var(--voile); font-size: 14px; margin: 18px 0 6px; }
.astro-fil a { color: var(--voile); text-decoration: none; }
.astro-fil a:hover { color: var(--or-clair); }
.astro-fil .sep { opacity: .55; }
.astro-fil .cur { color: var(--or-clair); }
.astro-guide h1 { font-family: var(--serif); font-size: clamp(30px,5vw,44px); line-height: 1.18; margin: 6px 0 14px; }
.astro-guide h2 { font-family: var(--serif); font-size: 27px; margin: 36px 0 12px; color: var(--or-clair); }
.astro-guide h3 { font-size: 20px; margin: 24px 0 8px; color: #efe7d2; font-weight: normal; }
.astro-guide p { font-size: 17.5px; line-height: 1.85; margin: 0 0 16px; color: #dcd9ec; }
/* Listes du guide : puces avec retrait à droite (le reset du thème enlève l'indentation par défaut). */
.astro-guide ul, .astro-guide ol { padding-left: 1.6em; margin: 14px 0; }
.astro-guide li { font-size: 17.5px; line-height: 1.8; margin: 8px 0; color: #dcd9ec; }
.astro-guide a { color: var(--or-clair); text-underline-offset: 3px; }
.astro-guide ul.sommaire { list-style: none; padding: 16px 20px; margin: 16px 0; border: 1px solid rgba(230,196,115,.25); border-radius: 12px; }
.astro-guide ul.sommaire li { margin: 5px 0; }
.astro-guide ul.sommaire a { color: var(--or-clair); text-decoration: none; }
.astro-illu { max-width: 500px; margin: 10px auto 28px; }
.astro-illu svg { width: 100%; height: auto; display: block; }
/* display:block force l'empilement vertical des blocs (le thème met les <nav> en flex, ce qui les mettait côte à côte). */
.astro-maillage { display: block; max-width: 820px; margin: 36px auto; padding: 0 16px; }
.astro-maillage .bloc { margin-bottom: 20px; }
.astro-maillage h2 { font-family: var(--serif); font-size: 20px; color: var(--or-clair); margin: 0 0 10px; }
.astro-maillage .liens { display: flex; flex-wrap: wrap; gap: 8px; }
.astro-maillage .liens a { display: inline-block; padding: 6px 12px; border: 1px solid rgba(230,196,115,.28); border-radius: 999px; color: var(--voile); text-decoration: none; font-size: 14px; }
.astro-maillage .liens a:hover { border-color: var(--or-clair); color: var(--or-clair); }
.astro-cta { max-width: 820px; margin: 30px auto; text-align: center; }
.astro-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; max-width: 900px; margin: 0 auto; }
.astro-grille a { padding: 12px; text-align: center; border: 1px solid rgba(230,196,115,.25); border-radius: 12px; color: var(--or-clair); text-decoration: none; }
.astro-grille a:hover { border-color: var(--or-clair); background: rgba(230,196,115,.06); }

/* --- Index de référence (page /astrologie) --- */
.astro-index { max-width: 900px; margin: 0 auto; padding: 0 18px; }
.astro-intro { max-width: 720px; margin: 0 auto 8px; }
.astro-intro p { font-size: 18px; line-height: 1.85; color: #dcd9ec; margin: 0 0 14px; }
.astro-compte { color: var(--voile) !important; font-size: 15px !important; font-style: italic; }
.astro-index-som { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 26px auto 8px; max-width: 780px; }
.astro-index-som a { font-size: 14px; color: var(--or-clair); text-decoration: none; padding: 5px 11px; border: 1px solid rgba(230,196,115,.25); border-radius: 999px; }
.astro-index-som a:hover { background: rgba(230,196,115,.08); }
.astro-index-bloc { margin: 34px 0; scroll-margin-top: 80px; }
.astro-index-bloc h2 { font-family: var(--serif); font-size: 26px; color: var(--or-clair); margin: 0 0 6px; }
.astro-index-desc { color: var(--voile); margin: 0 0 14px; font-size: 15.5px; }
.astro-index .sousbloc { margin: 16px 0; }
.astro-index .sousbloc h3 { font-size: 16px; color: #efe7d2; margin: 0 0 8px; font-weight: normal; }
.astro-index .liens { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.astro-index .liens a { display: inline-block; padding: 6px 12px; border: 1px solid rgba(230,196,115,.28); border-radius: 999px; color: var(--voile); text-decoration: none; font-size: 14px; }
.astro-index .liens a:hover { border-color: var(--or-clair); color: var(--or-clair); }
/* Puce MIROIR : réciproque d'une relation symétrique (ex. aspect B–A déjà listé sous A). Habillée en BLEU SAPHIR (la
   teinte céleste de la palette) plutôt qu'en or : elle tranche élégamment avec les puces primaires tout en restant dans
   le ciel nocturne du thème. Toujours cliquable (même page cible), s'illumine au survol. */
.astro-index .liens a.miroir { border-color: rgba(127,168,224,.42); color: #aecbf2; background: rgba(127,168,224,.07); }
.astro-index .liens a.miroir:hover { border-color: #aecbf2; color: #eef5ff; background: rgba(127,168,224,.15); }

/* Annuaire de thèmes (page /astrologie) : grille de cartes vers les 9 sous-pages. */
.astro-themes { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; margin: 28px 0 8px; }
.astro-theme-carte { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 22px 22px 20px; border: 1px solid rgba(230,196,115,.2); border-radius: 18px; background: linear-gradient(180deg, rgba(20,22,54,.55), rgba(12,14,36,.3)); text-decoration: none; transition: .25s; }
.astro-theme-carte:hover { transform: translateY(-4px); border-color: rgba(230,196,115,.5); box-shadow: 0 16px 40px rgba(0,0,0,.35); }
.astro-theme-carte h2 { font-family: var(--serif); font-size: 21px; color: var(--or-clair); margin: 0; padding-right: 34px; line-height: 1.2; }
.astro-theme-carte p { color: var(--voile); font-size: 14px; line-height: 1.55; margin: 0; flex: 1; }
.astro-theme-n { position: absolute; top: 16px; right: 18px; font-family: var(--serif); font-size: 15px; color: var(--or); opacity: .7; }
.astro-theme-go { font-size: 12.5px; letter-spacing: .04em; color: var(--or); opacity: .75; transition: .25s; margin-top: 2px; }
.astro-theme-carte:hover .astro-theme-go { opacity: 1; }
/* Retour à l'annuaire depuis une sous-page de thème. */
.astro-index-retour { margin: 30px 0 0; }
.astro-index-retour a { color: var(--voile); text-decoration: none; font-size: 14px; }
.astro-index-retour a:hover { color: var(--or-clair); }