/* ============================================================
   OSS YOGA · accordion.css
   Acordeao de programa (Modulo 01, Dia 1 ...). Usa <details> nativo.
   Estilizado para fundo claro (pergaminho). A cor de destaque
   acompanha a identidade da pagina (--page-accent).
   ============================================================ */
.acordeao{max-width:900px;margin:0 auto;border-top:1px solid rgba(13,26,16,.12)}
.acordeao details{border-bottom:1px solid rgba(13,26,16,.12)}
.acordeao summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;gap:22px;
  padding:26px 6px;
}
.acordeao summary::-webkit-details-marker{display:none}
.acordeao summary:hover .acc-title{color:var(--page-accent)}
.acc-num{
  font-family:Georgia,serif;font-size:1.05rem;font-weight:400;
  color:var(--page-accent);min-width:34px;
}
.acc-title{
  flex:1;font-family:Georgia,serif;font-size:clamp(1.15rem,2vw,1.5rem);
  color:var(--floresta);line-height:1.2;transition:color .25s;
}
.acc-icon{position:relative;width:16px;height:16px;flex:0 0 auto}
.acc-icon::before,.acc-icon::after{
  content:"";position:absolute;background:var(--page-accent);
  transition:transform .3s,opacity .3s;
}
.acc-icon::before{top:50%;left:0;width:100%;height:1.5px;transform:translateY(-50%)}
.acc-icon::after{left:50%;top:0;width:1.5px;height:100%;transform:translateX(-50%)}
details[open] .acc-icon::after{transform:translateX(-50%) scaleY(0);opacity:0}
.acc-body{padding:0 6px 30px 56px}
.acc-body ul{
  list-style:none;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 32px;
}
.acc-body p{font-size:.95rem;color:var(--text-escuro-mid);line-height:1.75;font-weight:300;max-width:780px}
.acc-body li{
  font-size:.9rem;color:var(--text-escuro-mid);line-height:1.6;
  padding:5px 0 5px 18px;position:relative;font-weight:300;
}
.acc-body li::before{
  content:"";position:absolute;left:0;top:.7em;
  width:10px;height:1px;background:var(--page-accent);
}
@media(max-width:600px){
  .acc-body{padding-left:6px}
  .acc-body ul{grid-template-columns:1fr}
  .acordeao summary{gap:14px}
}