.lune h2,.lune h3{margin:0;color:inherit;text-transform:none;font-family:var(--titre);font-weight:400;line-height:1.15}
.lune ol{list-style:none;margin:0;padding:0}
.lune li{padding:0}
.lune{background:var(--aube);color:var(--nuit)}
.lune .container-xl{padding-top:1.4rem;padding-bottom:1.4rem;display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem}
.etat{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:1rem;align-items:start}
.date{margin:0 0 .35rem;color:var(--ardoise)}
.lune h2{font-size:clamp(1.9rem,8vw,3.4rem)}
.detail{margin:.7rem 0 0}
.moon{display:block}
.moon svg{display:block;width:100%;height:100%}
.etat>.moon{width:88px;height:88px}
.afaire{padding:.85rem 1rem;background:#fff;border-radius:4px;font-size:1.125rem}
.afaire p{margin:0}
.vue{display:grid;grid-template-columns:minmax(0,1fr);gap:1.1rem}
.afaire a{color:var(--nuit);font-weight:700}
.afaire small{display:block;font-size:.95rem;color:#3f4f5f}

.ruban-b{min-width:0}
.lune .ruban-t{margin:0 0 .5rem;font-family:var(--texte);font-size:1rem;color:var(--ardoise)}
.lune .ruban{display:flex;gap:2px;overflow-x:auto;padding-bottom:.5rem;scrollbar-color:var(--ardoise) transparent}
.jour{flex:1 0 50px;display:flex}
.jour button{flex:1;display:grid;justify-items:center;gap:3px;padding:.45rem .1rem .4rem;background:#fff;border:0;font:inherit;color:inherit;cursor:pointer;font-variant-numeric:tabular-nums}
.jour button:hover{background:var(--brume)}
.jour .j{font-size:.82rem;opacity:.85}
.jour .n{font-size:1.15rem;font-weight:700;line-height:1}
.jour .moon{width:24px;height:24px}
.jour .g{width:26px;height:26px;color:var(--tc)}
.jour .sens{font-size:.95rem;line-height:1}
.jour button[aria-pressed=true]{border-bottom:4px solid var(--feuillage);padding-bottom:calc(.4rem - 4px)}
.jour button[aria-pressed=true] .j{font-weight:700;color:var(--feuillage);opacity:1}
.t-racine{--tc:var(--t-racine)}
.t-fleur{--tc:var(--t-fleur)}
.t-feuille{--tc:var(--t-feuille)}
.t-fruit{--tc:var(--t-fruit)}
.lien-lune{margin:0}
.lien-lune a{color:var(--nuit);font-weight:700}
.faits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem;margin:0;padding:.85rem 1rem;background:#fff;border-radius:4px}
.faits dt{font-weight:400;color:var(--ardoise);font-size:.95rem}
.faits dd{margin:0;font-weight:700;line-height:1.3}
.eviter{margin:.3rem 0 0;color:var(--alerte);font-size:.95rem;font-weight:700}
.eviter:empty{display:none}
#lune-lignes:empty~.eviter{margin-top:0}

@media (min-width:992px){
  .lune .container-xl{padding-top:2.6rem;padding-bottom:2.2rem;gap:1.4rem}
  .vue{gap:1.4rem}
  .etat{grid-template-columns:150px minmax(0,1fr);gap:2rem;align-items:center}
  .etat>.moon{width:150px;height:150px;order:-1}
  .faits{grid-template-columns:repeat(4,minmax(0,1fr))}
}