/* Mission ANNA-2 (16/10/2026) — univers « Hora azul » de l'équipe d'astrologie d'Anna Keller (direction A choisie par Pierre).
   Reprise de la direction A d'ANNA-1 (docs/design/anna-1/README.md), classe `.anna` sur <body>.
   Couleurs (docs/brand/valeurs.json) : #22304F (accent Astrología, décision de Pierre du 16/10/2026), #fffaf5 (crema),
   #301b2a (ciruela), #edc9c7 (rosa empolvado), #e9edf8 et #c6cce4 (lavis et filets de l'univers astrologie, AC-024A),
   #5c4957 (texte secondaire). Polices : Georgia, Arial. Espacements 8 · 16 · 24 · 40 px. */
.anna,.gratis-page.anna,.gratis-page:not(.theme-tarot).anna{--anna:#22304F;--universe:#22304F;--accent:#22304F;--gratis-accent:#22304F;--gratis-soft:#e9edf8}
.anna .ed-kicker{color:#22304F}
.anna .ed-button{background:#22304F;border-color:#22304F;color:#fffaf5!important}
.anna .ed-button:hover{background:#301b2a;border-color:#301b2a}
.anna .ed-link{color:#22304F}
.anna .step-number{color:#22304F}
.anna .category-card{background:#fffaf5;border-color:#c6cce4}
.anna a.category-card:hover{border-color:#22304F}
.anna .universe-tags span,.anna.gratis-page .universe-tags.gratis-tags span{border-bottom-color:#22304F;color:#22304F}

/* Panneau d'ouverture : la nuit bleue, la carte du ciel en filets crème derrière l'arche. */
.anna .anna-hero{position:relative;overflow:hidden;background:#22304F;color:#fffaf5;border-radius:22px;border-bottom:0;padding:40px 48px;gap:40px;grid-template-columns:1.15fr .85fr;align-items:center;margin-top:8px}
.anna .anna-hero .ed-kicker,.gratis-page.anna .anna-hero .ed-kicker{color:#edc9c7!important;margin-top:0}
.anna .anna-hero h1{color:#fffaf5;font-size:clamp(38px,4.6vw,64px);line-height:1.06;margin:0 0 16px}
.anna .anna-hero h1 em,.gratis-page.anna .anna-hero h1 em{color:#edc9c7!important;font-style:italic;font-weight:400}
.anna .anna-hero .ed-lead{color:#e9edf8;font-size:19px;max-width:560px}
.anna .anna-hero .ed-button{background:#fffaf5;border-color:#fffaf5;color:#22304F!important;margin-top:24px}
.anna .anna-hero .ed-button:hover{background:#edc9c7;border-color:#edc9c7}
.anna .anna-accel,.gratis-page.anna .anna-hero .gratis-accelerators{margin:16px 0 0;font-size:14px;font-weight:700;color:#edc9c7!important}
.anna .anna-hero-art{position:relative;isolation:isolate;display:grid;place-items:center;min-height:440px;margin:0}
.anna .anna-hero-art img{position:relative;z-index:1;width:min(340px,100%);height:420px;object-fit:cover;object-position:50% 12%;border-radius:170px 170px 14px 14px;display:block}
.anna .anna-rueda{position:absolute;z-index:0;width:150%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);color:#fffaf5;opacity:.22;pointer-events:none}
.anna .anna-hero-art figcaption{position:relative;z-index:1;color:#e9edf8;margin-top:8px}

/* Bloc de la figure, consultation, sous-hubs. */
.anna .anna-invitacion{background:#e9edf8}
.anna .anna-invitacion>img{flex-shrink:0;width:170px;height:210px;object-fit:cover;object-position:50% 12%;border-radius:80px 80px 8px 8px}
.anna .anna-consulta-caja{border:1px solid #c6cce4;border-radius:22px;padding:40px;background:#fffaf5}
.anna .anna-consulta h2 em{color:#22304F;font-style:italic}
.anna .anna-consulta .anna-botones{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:24px}
.anna .anna-consulta .anna-botones .ed-button{margin:0}
.anna .anna-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.anna .anna-principal{background:#e9edf8!important;border-color:#22304F!important}

/* Page de l'équipe : façon de travailler et questions. */
.anna .anna-metodo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:24px 0 0}
.anna .anna-metodo li{border-top:1px solid #c6cce4;padding-top:16px}
.anna .anna-metodo strong{display:block;font:22px/1.25 Georgia,serif;color:#22304F;margin-bottom:8px}
.anna .anna-faq details{border-top:1px solid #c6cce4;padding:16px 0}
.anna .anna-faq summary{font:20px/1.3 Georgia,serif;color:#301b2a;cursor:pointer}
.anna .anna-faq details p{margin:8px 0 0;color:#5c4957}

/* Les douze signes. */
.anna .anna-signos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.anna .anna-signo{display:flex;flex-direction:column;gap:8px;border:1px solid #c6cce4;border-radius:12px;padding:24px;background:#fffaf5}
.anna .anna-signo h3{margin:0;font:26px/1.1 Georgia,serif;color:#22304F}
.anna .anna-signo .anna-ficha{margin:0;font-size:14px;font-weight:700;letter-spacing:.3px;color:#5c4957}
.anna .anna-signo p{margin:0}
.anna .anna-signo .ed-link{margin-top:auto;padding-top:8px}
.anna .anna-limite{margin-top:40px;border-left:3px solid #22304F;background:#e9edf8;border-radius:0 12px 12px 0;padding:24px}
.anna .anna-limite h2{margin:0 0 8px;font-size:24px}
.anna .anna-limite p{margin:0}
.anna .ra-rueda{margin:0}

/* Sous-hub des signes : texte à gauche, roue du zodiaque à droite (styles de la roue : articulo-c1.css). */
.anna .anna-signos-hero{grid-template-columns:1.1fr .9fr;align-items:center}
.anna .anna-signos-hero .ra-rueda{max-width:420px;justify-self:center}
.anna .anna-signos-hero h1{font-size:clamp(34px,3.8vw,54px);line-height:1.08}
@media (max-width:760px){.anna .anna-signos-hero{grid-template-columns:1fr;gap:24px}.anna .anna-signos-hero h1{font-size:28px;line-height:1.12}.anna .anna-signos-hero .ed-lead{font-size:16px}.anna .anna-signos-hero .ra-rueda{max-width:260px}}

/* Calcul de la compatibilité : formulaire sur crème, résultat sur lavis, rien n'est envoyé. */
.anna .anna-compat-layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start;margin-top:40px}
.anna .anna-compat-layout{margin-bottom:40px}
/* Règles de formulaire reprises de carmen.css (AC-024A : .form-card, .field, .terms-small), sans charger cette feuille. */
.anna .anna-compat{padding:40px;background:#fff;border:1px solid #c6cce4;border-radius:12px}
.anna .anna-compat h2{font-size:34px;margin:0 0 8px}
.anna .anna-compat .field{display:block;margin:24px 0 0;font-size:14px;font-weight:bold;color:#301b2a}
.anna .anna-compat .field select{display:block;margin-top:8px;padding:12px;border:1px solid #bfb2bc;background:#fff;color:#301b2a;border-radius:0;line-height:1.4}
.anna .anna-compat .button{display:flex;align-items:center;justify-content:center;margin-top:24px;padding:16px 24px;border:1px solid #22304F;font-size:15px;line-height:1.4}
.anna .anna-compat .terms-small{font-size:13px;color:#5c4957}
.anna .anna-compat .field select{width:100%;min-height:52px;font-size:17px}
.anna .anna-compat .button{width:100%;min-height:52px;background:#22304F;border-color:#22304F;color:#fffaf5;font-weight:700;cursor:pointer}
.anna .anna-compat .button:hover{background:#301b2a;border-color:#301b2a}
.anna .anna-compat .terms-small{margin:16px 0 0}
.anna .anna-resultado{border-radius:22px;background:#e9edf8;padding:40px;min-height:100%}
.anna .anna-resultado:focus{outline:2px solid #22304F;outline-offset:4px}
.anna .anna-resultado h2{margin:8px 0 16px;font-size:clamp(28px,3vw,40px);line-height:1.1;color:#22304F}
.anna .anna-resultado p{margin:0 0 16px}
.anna .anna-resultado .anna-cierre{margin:0;color:#5c4957}
.anna .anna-espera{color:#5c4957}
.anna .anna-par{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 8px;padding:0;list-style:none}
.anna .anna-par li{border:1px solid #c6cce4;border-radius:999px;padding:8px 16px;background:#fffaf5;font-size:14px;font-weight:700;color:#301b2a}
.anna .anna-prueba{margin-top:40px;position:relative;overflow:hidden;border-radius:22px;background:#e9edf8;padding:40px}
.anna .anna-prueba h2{margin:0 0 16px;font-size:28px}
.anna .anna-prueba p{max-width:720px}

@media (max-width:760px){
  .anna .anna-hero{grid-template-columns:1fr 112px;gap:16px;padding:24px 16px;border-radius:18px;align-items:start}
  .anna .anna-hero-text{grid-column:1;grid-row:1/3;display:flex;flex-direction:column}
  .anna .anna-hero-art{grid-column:2;grid-row:1;min-height:0;place-items:start end}
  .anna .anna-hero-art img{width:112px;height:150px;border-radius:56px 56px 8px 8px}
  .anna .anna-rueda{width:260px;left:auto;right:-110px;top:-50px;transform:none;opacity:.16}
  .anna .anna-hero-art figcaption{display:none}
  .anna .anna-hero h1{font-size:28px;line-height:1.1;margin-bottom:8px}
  .anna .anna-hero .ed-kicker{font-size:11px!important;letter-spacing:1.2px}
  .anna .anna-hero .ed-lead{font-size:15px;line-height:1.5;margin:0}
  .anna .anna-hero .ed-button{margin-top:16px;width:100%;box-sizing:border-box;text-align:center}
  .anna .anna-salto{order:1;margin:8px -128px 16px 0!important;width:calc(100% + 128px)!important}
  .anna .anna-hero .ed-lead{margin-right:-128px!important}
  .anna .anna-hero .ed-lead{order:2}
  .anna .anna-hero .anna-accel,.gratis-page.anna .anna-hero .gratis-accelerators{order:0;margin:8px 0 0}
  .anna .anna-grid-3,.anna .anna-signos,.anna .anna-metodo,.anna .anna-compat-layout{grid-template-columns:1fr}
  .anna .anna-compat-layout{gap:24px;margin-top:24px}
  .anna .anna-consulta-caja,.anna .anna-resultado,.anna .anna-prueba,.anna .anna-compat{padding:24px 16px}
  .anna .anna-invitacion>img{width:90px;height:110px;margin-bottom:16px}
  .anna .anna-signo{padding:16px}
  .anna .discovery-steps article>.ed-link{grid-column:2;justify-self:start;margin-top:8px}
}
@media (min-width:761px) and (max-width:1023px){.anna .anna-signos{grid-template-columns:1fr 1fr}.anna .anna-grid-3{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.anna *{scroll-behavior:auto!important}}