/**
 * Escaliers Messier — FAQ accordeon des articles de blogue.
 *
 * Reprend la presentation des FAQ des pages produit (voir /nos-escaliers/),
 * ou les regles vivent dans le <style> local de la page. Ici elles sont
 * partagees par tous les articles.
 *
 * Les variables proviennent du shell (em-shell.php). Des valeurs de repli
 * sont fournies pour que le bloc reste lisible si le shell change.
 */

.em-faq{
  border-top:1px solid var(--line,#E2E2DE);
  margin:0 0 2rem;
}
.em-faq details{
  border-bottom:1px solid var(--line,#E2E2DE);
}
.em-faq summary{
  list-style:none;
  cursor:pointer;
  padding:22px 46px 22px 0;
  position:relative;
  font-size:clamp(16px,1.7vw,18.5px);
  font-weight:700;
  color:var(--fg,#0D171D);
  line-height:1.4;
}
.em-faq summary::-webkit-details-marker{display:none;}
.em-faq summary::after{
  content:"+";
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  font-size:26px;
  font-weight:400;
  color:var(--vert,#81B49B);
  line-height:1;
}
.em-faq details[open] summary::after{content:"\2013";}
.em-faq summary:focus-visible{
  outline:2px solid var(--vert,#81B49B);
  outline-offset:-2px;
}
.em-faq-a{padding:0 46px 22px 0;}
.em-faq-a p{
  font-size:15.5px;
  line-height:1.7;
  color:var(--fg-soft,#30373E);
  margin:0 0 12px;
}
.em-faq-a p:last-child{margin-bottom:0;}
.em-faq-a ul,.em-faq-a ol{
  font-size:15.5px;
  line-height:1.7;
  color:var(--fg-soft,#30373E);
  margin:0 0 12px;
  padding-left:20px;
}
.em-faq-a li{margin:0 0 6px;}
.em-faq-a a{
  color:var(--fg,#0D171D);
  text-decoration:underline;
}
.em-faq-a table{
  width:100%;
  border-collapse:collapse;
  font-size:14.5px;
  margin:0 0 12px;
}
.em-faq-a th,.em-faq-a td{
  text-align:left;
  padding:8px 10px 8px 0;
  border-bottom:1px solid var(--line,#E2E2DE);
}

@media(prefers-reduced-motion:no-preference){
  .em-faq summary::after{transition:transform .15s ease;}
}
@media(max-width:600px){
  .em-faq summary{padding:18px 38px 18px 0;}
  .em-faq-a{padding:0 0 18px 0;}
}