
.ix-panneau{display:flex;flex-direction:column;min-width:0;padding:0;border-radius:var(--al-r-lg);
  background-image:var(--al-grad-surface);border:1px solid var(--al-hairline);box-shadow:var(--al-e2);
  font-family:var(--al-font-ui);color:var(--al-ivory)}
.ix-panneau[hidden]{display:none!important}
.ix-poignee{display:none;flex:0 0 auto;padding:10px 0 2px;justify-content:center}
.ix-poignee i{display:block;width:44px;height:3px;border-radius:var(--al-r-pill);background:var(--al-gold-600)}

.ix-tete{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:28px 30px 18px;border-bottom:1px solid var(--al-hairline)}
.ix-titre{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.ix-nom{margin:0;font-family:var(--al-font-display);font-weight:400;font-size:1.5rem;line-height:1.25;letter-spacing:0;color:var(--al-ivory);text-wrap:balance;outline:none}
.ix-nom em{font-style:italic;color:var(--al-gold-300)}
.ix-sous{flex:1 0 100%;margin:0;font-family:var(--al-font-ui);font-weight:400;font-size:.88rem;line-height:1.5;color:var(--al-text-dim)}
.ix-chiffre{font-family:var(--al-font-display);font-weight:400;font-size:1.05em;letter-spacing:.02em;color:var(--al-ivory)} 
.ix-paire{display:flex;flex-wrap:wrap;align-items:center;gap:10px 10px;font-family:var(--al-font-display);font-weight:400;font-size:1.4rem;line-height:1.3;color:var(--al-ivory)}
.ix-paire .ix-nom{font-size:inherit}
.ix-paire em{font-style:italic;color:var(--al-gold-300)}
.ix-asp{font-family:var(--al-font-glyph);font-variant-emoji:text;font-size:1.35rem;color:var(--al-gold-200);padding:0 2px}

.ix-scelle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;
  font-family:var(--al-font-glyph);font-variant-emoji:text;font-style:normal;font-size:1.4rem;line-height:1;color:#191104;
  background:var(--al-grad-gold);border:1px solid #E7D3A9;box-shadow:var(--al-emboss-gold)}
.ix-scelle.ix-lettres{font-family:var(--al-font-display);font-weight:400;font-size:1.25rem;letter-spacing:0}
.ix-scelle.ix-grave{width:44px;height:44px;font-size:1.15rem;color:var(--al-gold-300);background:linear-gradient(178deg,#0A0C1B,#151932);border:1px solid var(--al-border);
  box-shadow:var(--al-intaglio),0 0 24px -10px rgba(212,182,120,.35);text-shadow:0 0 14px rgba(212,182,120,.5)}
.ix-scelle.ix-filet{width:44px;height:44px;font-size:1.1rem;color:var(--al-gold-200);background:none;border:1px solid var(--al-border-strong);box-shadow:none;text-shadow:none}
.ix-scelle.ix-filet.ix-lettres{font-size:1rem}
.ix-scelle.ix-vide-g{border-color:var(--al-hairline)}

.ix-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.ix-btn{padding:10px 20px;border-radius:var(--al-r-pill);background:none;border:1px solid var(--al-border-strong);color:var(--al-gold-300);
  font-family:var(--al-font-ui);font-size:.66rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color 180ms ease-out,color 180ms ease-out} 
.ix-btn:hover{border-color:var(--al-gold-400);color:var(--al-gold-100)}
.ix-x{width:44px;height:44px;padding:0;font-size:1rem;letter-spacing:0;line-height:1}
.ix-btn:focus-visible,.ix-onglet:focus-visible{outline:none;border-color:var(--al-gold-400);box-shadow:0 0 0 3px rgba(212,182,120,.14),0 0 30px -12px rgba(212,182,120,.6)}
.ix-ligne:focus-visible{outline:none;border-color:var(--al-gold-400);box-shadow:var(--al-e1),0 0 0 3px rgba(212,182,120,.14),0 0 30px -12px rgba(212,182,120,.6)}

.ix-seg{flex:0 0 auto;display:flex;gap:6px;margin:16px 30px 0;padding:5px;border-radius:var(--al-r-pill);background:linear-gradient(178deg,#080A18,#111528);border:1px solid var(--al-border);box-shadow:var(--al-intaglio)}
.ix-seg[hidden]{display:none!important}
.ix-onglet{flex:1 1 0;min-width:0;padding:9px 20px;border:0;border-radius:var(--al-r-pill);background:none;color:var(--al-text-dim);
  font-family:var(--al-font-ui);font-size:.7rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 180ms ease-out}
.ix-onglet:hover{color:var(--al-ivory)}
.ix-onglet.on{color:#1A1305;background:var(--al-grad-gold);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 8px 16px -8px rgba(212,182,120,.6)}
.ix-onglet.on:focus-visible{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 8px 16px -8px rgba(212,182,120,.6),0 0 0 3px rgba(212,182,120,.14),0 0 30px -12px rgba(212,182,120,.6)}

.ix-corps{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 30px 28px}
.ix-panneau .ix-bloc{margin:0 0 22px;padding:0!important;border:0;background:none} 
.ix-panneau .ix-bloc:last-child{margin-bottom:0}
.ix-bloc h4{margin:0 0 10px;padding:0;font-family:var(--al-font-ui);font-size:.6rem;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--al-gold-400)}
.ix-texte{font-size:.88rem;line-height:1.7;color:var(--al-text-dim);text-wrap:pretty}
.ix-texte p{margin:0 0 .9em}
.ix-texte p:last-child{margin-bottom:0}
.ix-texte b{font-weight:500;color:var(--al-ivory)}
.ix-repli,.ix-vide{margin:0;padding:2px 0 2px 14px;border-left:1px solid var(--al-border-strong);font-size:.88rem;line-height:1.5;color:var(--al-text-dim)}
.ix-orn{display:inline-block;margin-right:8px;font-size:.6rem;color:var(--al-gold-400);vertical-align:middle}
.ix-vide{border-left-color:var(--al-hairline);color:var(--al-text-faint)}
.ix-ligne{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin:0 0 8px;padding:6px 12px 6px 6px;border:1px solid var(--al-hairline);border-radius:var(--al-r-md);
  background-color:transparent;background-image:var(--al-grad-surface);box-shadow:var(--al-e1); color:var(--al-ivory);font-family:var(--al-font-ui);font-size:.88rem;line-height:1.4;text-align:left;cursor:pointer;
  transition:background-color 180ms ease-out,border-color 180ms ease-out}
.ix-ligne:last-child{margin-bottom:0}
.ix-ligne:hover{border-color:var(--al-border-strong)}
.ix-ligne-txt{flex:1 1 auto;min-width:0}
.ix-chevron{flex:0 0 auto;font-weight:400;color:var(--al-gold-500)}
.ix-orbe{font-family:var(--al-font-ui);font-weight:400;font-size:.68rem;line-height:1.5;color:var(--al-text-faint)}
.ix-orbe .ix-chiffre{font-size:.8rem;color:var(--al-text-dim)}

.ix-bulle{position:absolute;z-index:30;pointer-events:none;display:inline-flex;align-items:center;gap:9px;max-width:300px;padding:8px 14px 8px 10px;border-radius:var(--al-r-pill);
  background-color:var(--al-night-600);background-image:var(--al-grad-surface);border:1px solid var(--al-hairline);box-shadow:var(--al-e1);
  font-family:var(--al-font-ui);font-size:.72rem;line-height:1.3;color:var(--al-text-dim);white-space:nowrap}
.ix-bulle i{font-style:normal;font-family:var(--al-font-glyph);font-variant-emoji:text;font-size:.9rem;color:var(--al-gold-300)}
.ix-bulle i.ix-lettres{font-family:var(--al-font-display);font-weight:400;letter-spacing:0}
.ix-bulle[hidden]{display:none!important}

.ix-cible{cursor:pointer}

.ix-cible:focus{outline:none}
.ix-cible:focus-visible{outline:2px solid var(--al-gold-200);outline-offset:3px}
.ix-selection .al-r-aspect.ix-estompe{opacity:.14}
.ix-selection g.al-r-pl.ix-estompe,.ix-selection text.al-bir-etq-a.ix-estompe,.ix-selection text.al-bir-etq-b.ix-estompe,.ix-selection text.al-r-angle.ix-estompe{opacity:.38}
.al-r-aspect.ix-actif{opacity:1;stroke-width:2.2}
g.al-r-pl.ix-actif circle:not(.al-r-cible),g.al-r-pl.ix-survol circle:not(.al-r-cible){stroke:#E8D2A0;stroke-width:1.2;fill:rgba(59,74,143,.55)}
text.al-bir-etq-a.ix-actif,text.al-bir-etq-b.ix-actif,text.al-r-angle.ix-actif,text.al-r-maison.ix-actif,text.al-r-signe.ix-actif{fill:#F6E7C2}
.al-r-aspect.ix-survol{stroke-width:2}
.al-r-aspect,.al-r-pl,.al-bir-etq-a,.al-bir-etq-b{transition:opacity 180ms,stroke-width 180ms}

@media(min-width:880px){.ix-panneau{position:sticky;top:84px;max-height:calc(100vh - 100px)}
  .cal-res.on .cal-scene > .ix-panneau{grid-area:fiche}}

@media(max-width:879px){
  .ix-panneau{position:fixed;left:0;right:0;bottom:0;z-index:210;max-height:58vh;max-height:58svh;border-radius:var(--al-r-lg) var(--al-r-lg) 0 0;border-bottom:0;
    background-color:var(--al-night-600);box-shadow:var(--al-e2);transform:translateY(100%);transition:transform 300ms cubic-bezier(.2,.7,.2,1)} 
  .ix-panneau.on{transform:none}
  .ix-poignee{display:flex}
  .ix-tete{padding:12px 20px 14px}
  .ix-seg{margin:14px 20px 0}
  .ix-corps{padding:16px 20px 22px}
  .ix-nom{font-size:1.3rem}
  .ix-scelle{width:46px;height:46px;font-size:1.25rem}
  .ix-btn{min-height:44px;padding:12px 24px;font-size:.73rem} 
  .ix-onglet{min-height:44px}
}
@media (prefers-reduced-motion:reduce){.ix-panneau,.al-r-aspect,.al-r-pl,.al-bir-etq-a,.al-bir-etq-b,.ix-btn,.ix-ligne,.ix-onglet{transition:none}}

@media print{.ix-panneau,.ix-bulle{display:none!important}
  .cal-roue svg .ix-estompe{opacity:1!important}
  .cal-roue svg .al-r-aspect.ix-actif,.cal-roue svg .al-r-aspect.ix-survol{stroke-width:1.1!important}
  .cal-roue svg g.al-r-pl.ix-actif circle:not(.al-r-cible),.cal-roue svg g.al-r-pl.ix-survol circle:not(.al-r-cible){stroke:rgba(17,17,17,.48)!important;fill:#fff!important}
  .cal-roue svg text.ix-actif{fill:#111!important}}

#la-biroue:focus:not(:focus-visible),#horo-biroue:focus:not(:focus-visible){outline:none;box-shadow:none}

.ix-parcours{display:flex;align-items:center;gap:10px;max-width:480px;margin:10px auto 0}
.ix-parcours-fleche{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--al-border-strong);background:none;color:var(--al-gold-200);font-size:1rem;cursor:pointer;transition:border-color 160ms,color 160ms}
.ix-parcours-fleche:hover{color:var(--al-gold-100);border-color:var(--al-gold-300)}
.ix-parcours-actif{flex:1 1 auto;min-height:44px;margin:0;padding:4px 6px;border:0;border-radius:var(--al-r-md);background:none;text-align:center;color:var(--al-ivory);font:inherit;font-size:.95rem;line-height:1.4;cursor:pointer}
.ix-parcours-tous{margin:2px 0 0;text-align:center}
.ix-parcours-lien{min-height:44px;padding:8px 0;border:0;background:none;color:var(--al-gold-200);font:inherit;font-size:.86rem;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(212,182,120,.5)}
.ix-parcours-lien:hover{color:var(--al-gold-100)}
.ix-parcours-fleche:focus-visible,.ix-parcours-actif:focus-visible,.ix-parcours-lien:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(212,182,120,.14),0 0 30px -12px rgba(212,182,120,.6)}
.ix-parcours[hidden],.ix-parcours-tous[hidden]{display:none!important}
@media print{.ix-parcours,.ix-parcours-tous{display:none!important}}

.ix-ligne[aria-expanded] .ix-chevron{transition:transform 180ms ease-out}
.ix-ligne[aria-expanded="true"]{margin-bottom:0;border-color:var(--al-border-strong);border-radius:var(--al-r-md) var(--al-r-md) 0 0}
.ix-ligne[aria-expanded="true"] .ix-chevron{transform:rotate(90deg);color:var(--al-gold-300)}
.ix-deplie{margin:0 0 8px;padding:14px 16px 16px;border:1px solid var(--al-border-strong);border-top:0;border-radius:0 0 var(--al-r-md) var(--al-r-md)}
.ix-deplie .ix-seg{margin:0 0 12px}
@media (prefers-reduced-motion:reduce){.ix-ligne .ix-chevron{transition:none}}
