/*
  ITERACJA 104
  Korekta hierarchii typograficznej i pola rozwinięcia modułów Programu.
*/

/*
  Nagłówek modułu pozostaje częścią istniejącej siatki, ale ma spokojniejszy
  ciężar. Opis otrzymuje własną, lekko jaśniejszą płaszczyznę i nie wygląda
  już jak kolejny równorzędny nagłówek.
*/
.program-topic-toggle span{
  font-size:13px;
  font-weight:500;
  line-height:1.28;
  letter-spacing:.012em
}

#gds-living-machine .program-topic-detail{
  box-sizing:border-box;
  margin:0 10px 10px;
  padding:0 14px;
  color:rgba(247,236,222,.76);
  background:rgba(247,236,222,0);
  font-size:12.75px;
  font-weight:400;
  line-height:1.52;
  transform:translateY(-6px);
  transition:max-height .48s cubic-bezier(.22,.72,.18,1),padding .38s ease,opacity .25s ease,transform .38s ease,background-color .3s ease
}

.program-topic.is-open{
  background:rgba(0,0,0,.13)
}

#gds-living-machine .program-topic.is-open .program-topic-detail{
  max-height:280px!important;
  padding:13px 14px 16px!important;
  background:rgba(247,236,222,.06)
}

@media(hover:hover) and (pointer:fine){
  .program-topic:hover{background:rgba(0,0,0,.13)}
  #gds-living-machine .program-topic:hover .program-topic-detail{
    max-height:280px;
    padding:13px 14px 16px;
    background:rgba(247,236,222,.06)
  }
}

@media(max-width:680px){
  .program-topic-toggle span{font-size:12.5px}
  #gds-living-machine .program-topic-detail{
    margin-right:9px;
    margin-left:9px;
    padding-right:13px;
    padding-left:13px;
    font-size:13px;
    line-height:1.5
  }
  #gds-living-machine .program-topic.is-open .program-topic-detail,
  #gds-living-machine .program-topic:hover .program-topic-detail{
    max-height:340px!important;
    padding:12px 13px 15px!important
  }
}

@media(prefers-reduced-motion:reduce){
  .program-topic-detail{transition:none}
}