.syn-wrap [hidden]{display:none!important}


.syn-duo{display:grid;gap:22px}
@media(min-width:700px){.syn-duo{grid-template-columns:1fr 1fr;gap:28px}}
.syn-qui{border:0;padding:0;margin:0;min-width:0}
.syn-qui legend{display:block;width:100%;padding:0 0 14px;margin-bottom:18px;
  border-bottom:1px solid var(--al-hairline);font-family:var(--al-font-display);
  font-size:1.3rem;line-height:1.2;color:var(--al-ivory)}
.syn-qui legend small{display:block;margin-top:4px;font-family:var(--al-font-ui);
  font-size:.74rem;line-height:1.5;color:var(--al-text-faint)}

.syn-qui[data-qui="a"] legend{border-bottom-color:rgba(232,210,160,.45)}
.syn-qui[data-qui="b"] legend{border-bottom-color:rgba(160,196,232,.45)}
.syn-prenom{margin-bottom:16px}
.syn-prenom input{min-height:46px}


.syn-resume{display:grid;gap:4px}
.syn-resume b{color:var(--al-gold-200);font-weight:500;margin-right:6px}
.syn-resume em{font-style:normal;color:var(--al-text-dim)}


.cal-roue svg.al-biroue{width:min(100%,400px)}
@media(min-width:880px){.cal-roue svg.al-biroue{width:min(100%,520px)}}

.al-biroue .al-bir-etq-a.al-r-actif,.al-biroue .al-bir-etq-b.al-r-actif{fill:#F6E7C2}


.syn-identites{display:grid;gap:4px;text-align:center;margin-top:8px}
.syn-identites b{font-weight:500;color:var(--al-gold-200)}
.syn-identites em{font-style:normal;color:var(--al-text-faint)}


.syn-cliquable{cursor:pointer;border-radius:var(--al-r-sm);padding:2px 4px;margin:-2px -4px}
.syn-cliquable:hover{background:rgba(59,74,143,.18)}
.syn-cliquable:focus-visible{outline:2px solid var(--al-gold-400);outline-offset:2px}
.syn-cliquable.syn-actif{background:rgba(59,74,143,.28)}
.syn-cliquable.syn-actif .cal-orbe{color:var(--al-gold-200)}

.syn-a,.syn-b{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 6px 1px 0;vertical-align:baseline}
.syn-a{background:rgba(232,210,160,.85)}
.syn-b{background:rgba(160,196,232,.85)}
.syn-vide{color:var(--al-text-faint);font-size:.9rem;line-height:1.6;padding:6px 2px 14px}


.syn-leg-tiret{display:block;width:26px;height:0;border-top:3px dashed rgba(237,228,210,.75);flex:0 0 auto}


.syn-compte{text-align:center;margin-top:8px}


.syn-sans-roue{max-width:460px;margin:0 auto;padding:22px 20px;border:1px dashed var(--al-border-strong);
  border-radius:var(--al-r-lg);text-align:center;font-size:.92rem;line-height:1.7;color:var(--al-text-dim)}