.ciel-cadre{min-height:420px;display:flex;flex-direction:column;justify-content:center}
.ciel-attente{text-align:center;color:var(--al-text-faint);font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;padding:40px 0}
.ciel-attente[hidden],.ciel-bloc[hidden],.ciel-plus-boite[hidden]{display:none}

.ciel-bloc{display:grid;grid-template-columns:1fr;gap:26px;align-items:start;margin-top:26px}
@media (min-width:900px){
  .ciel-bloc{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:44px;align-items:center}
}

.ciel-roue{display:flex;flex-direction:column;align-items:center}

.ciel-legende-roue{margin:10px 0 0;text-align:center;font-size:.72rem;letter-spacing:.06em;
  color:var(--al-text-faint);max-width:400px}
.ciel-roue .al-roue{width:100%;max-width:400px}

.ciel-cote{min-width:0}
.ciel-h3{font-family:var(--al-font-ui);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;
  color:var(--al-gold-400);margin:0 0 12px}
.ciel-h3+.ciel-h3,.ciel-transits+.ciel-h3,.ciel-reperes+.ciel-h3{margin-top:26px}

.ciel-reperes,.ciel-transits{list-style:none;margin:0;padding:0}
.ciel-repere{font-size:.94rem;color:var(--al-ivory);line-height:1.7;padding:7px 0;
  border-bottom:1px solid var(--al-hairline)}
.ciel-repere:last-child{border-bottom:none}

.ciel-transit{font-size:.9rem;color:var(--al-text-dim);line-height:1.65;padding:6px 0;
  border-bottom:1px solid var(--al-hairline)}
.ciel-transit:last-child{border-bottom:none}
.ciel-mot{color:var(--al-text-faint);font-size:.82em}

.ciel-plus{margin-top:10px}
.ciel-plus>summary{cursor:pointer;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--al-gold-300);padding:8px 0;list-style:none}
.ciel-plus>summary::-webkit-details-marker{display:none}
.ciel-plus>summary::after{content:' +';color:var(--al-gold-400)}
.ciel-plus[open]>summary::after{content:' –'}
.ciel-plus>summary:hover{color:var(--al-gold-100)}

.ciel-quand{font-size:.68rem;color:var(--al-text-faint);line-height:1.5;margin-top:22px}


.ciel-porte{text-align:center;margin-top:34px}
.ciel-porte-q{font-family:var(--al-font-display);font-size:1.25rem;line-height:1.4;
  color:var(--al-gold-200);font-style:italic;margin-bottom:16px}

.ciel-porte .btn{white-space:normal;max-width:100%;text-align:center;justify-content:center}


.ciel-tien{margin-top:38px;padding-top:28px;border-top:1px solid var(--al-hairline)}
.ciel-tien[hidden],.ciel-tien-sous[hidden],.ciel-tien-vide[hidden],.ciel-porte-tien[hidden]{display:none}
.ciel-tien-sous{margin:0 0 14px;font-size:.9rem}
.ciel-tien-vide{font-size:.94rem;color:var(--al-text-dim);line-height:1.7;max-width:620px}

.ciel-oublier{background:none;border:none;padding:0;font:inherit;color:var(--al-gold-300);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ciel-oublier:hover{color:var(--al-gold-100)}
.ciel-porte-tien{text-align:center;margin-top:30px}
.ciel-porte-tien .btn{white-space:normal;max-width:100%;text-align:center;justify-content:center}
@media (min-width:900px){ .ciel-tien{margin-top:44px} }

.ciel-date-lien{color:var(--al-ivory);text-decoration:underline;text-underline-offset:4px;
  text-decoration-color:rgba(212,182,120,.5)}
.ciel-date-lien:hover{color:var(--al-gold-100)}
.ciel-repere .ciel-date-lien{display:block;margin-top:3px;font-size:.84rem}