/* ==========================================================================
   Liste « Équipements » : une liste portant la classe « tl-equipements »
   (Avancé › Classes CSS additionnelles) s'affiche en trois colonnes, chaque
   élément commençant par son icône (le premier caractère, un émoji) posée
   dans une pastille dorée.
   ========================================================================== */

ul.tl-equipements {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem 1.4rem;
margin: 0;
padding: 0;
list-style: none;
}

ul.tl-equipements > li {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0;
font-size: 0.95rem;
line-height: 1.4;
}

ul.tl-equipements > li::first-letter {
display: inline-flex;
}

ul.tl-equipements .tl-icone {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 2.2rem;
height: 2.2rem;
border: 1px solid rgba(201, 162, 78, 0.6);
border-radius: 50%;
font-size: 1rem;
}

@media (max-width: 900px) {
ul.tl-equipements {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 560px) {
ul.tl-equipements {
grid-template-columns: minmax(0, 1fr);
}
}

/* Encadré sombre « Digital detox » : un Groupe portant la classe tl-encadre-sombre. */
.wp-block-group.tl-encadre-sombre {
padding: 1.4rem 1.6rem;
background: var(--wp--preset--color--noir-chaud);
color: #d8ccbb;
}

.wp-block-group.tl-encadre-sombre p {
margin: 0;
color: #d8ccbb;
line-height: 1.7;
}

.wp-block-group.tl-encadre-sombre p.is-style-accroche {
margin-bottom: 0.4rem;
color: var(--wp--preset--color--or);
}