.box h2{color:var(--nuit)}
.box h2 span{color:var(--feuillage)}
.box section>h3,.plant_info_container h3{color:var(--nuit);font-family:var(--texte);font-size:1.25rem;font-weight:700;line-height:1.25;text-transform:none}
.box section>h3 span{color:inherit}
.plant_info_container h3{color:var(--ardoise)}

ul.rubriques li a{color:var(--terre);background-color:var(--brume);border:1px solid var(--filet);border-left:5px solid var(--filet)}
ul.rubriques li a:hover{color:var(--terre);border-left-color:var(--feuillage)}

.periods_title h2{color:var(--nuit);font-weight:400}
.periodes_table td div.h{background:var(--t-feuille)}
.periodes_table th.m{font-weight:400}
.periodes_table th.m.now{color:var(--feuillage);font-weight:700;box-shadow:inset 0 -3px 0 var(--feuillage)}
.maintenant{margin:.4rem 0 .6rem;text-align:center}

.tb_best{border-color:var(--filet);font-variant-numeric:tabular-nums}
.tb_best th,.tb_best td{border-color:var(--filet)}
.tb_best thead th{background:var(--brume);font-weight:400;color:var(--terre-2)}
.tb_best tbody th{width:38%;font-weight:700}
summary.calendrier{background:var(--brume);border-color:var(--filet);color:var(--terre)}

@media (max-width:575px){
  .periodes_table{width:100%}
  .periodes_table td.now div{box-shadow:0 3px 0 var(--feuillage)}
  .maintenant{text-align:left}
}