/* GodsWork164.0 — C1 inline row drawer workout layout. */
.membership-page .workout-board{padding-bottom:96px!important}
.membership-page .board-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px!important;
  padding:16px!important;
  background:#f7f7f5!important;
}
.membership-page .board-movement{
  min-width:0;
  overflow:hidden;
  border:1px solid #c8c8c3!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.membership-page .board-movement.active{
  border:2px solid #b51f2a!important;
  box-shadow:none!important;
}
.membership-page .board-movement.complete{background:#fbfbfa!important}
.membership-page .board-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px!important;
  grid-template-areas:"meta status" "name status";
  gap:6px 8px!important;
  align-content:center;
  min-height:112px!important;
  padding:12px!important;
}
.membership-page .board-movement.active .board-row{padding:11px!important}
.membership-page .board-row>b{
  grid-area:meta;
  align-self:end;
  overflow:hidden;
  color:#666!important;
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.02em!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.membership-page .board-row>span{grid-area:name;align-self:start;min-width:0}
.membership-page .board-row strong{
  display:-webkit-box!important;
  overflow:hidden!important;
  font-size:16px!important;
  line-height:1.2!important;
  white-space:normal!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.membership-page .board-row small{
  margin-top:6px!important;
  color:#666!important;
  font-size:13px!important;
  line-height:1.25!important;
}
.membership-page .board-row em{
  grid-area:status;
  align-self:center;
  justify-self:end;
  min-width:26px;
  min-height:26px;
  border:1px solid #c8c8c3;
  border-radius:50%;
  color:#4d4d4a!important;
  font-size:12px!important;
}
.membership-page .board-movement.active .board-row em,
.membership-page .board-movement.complete .board-row em{
  border-color:#b51f2a;
  background:#b51f2a;
  color:#fff!important;
}
.membership-page .board-drawer{
  grid-column:1/-1;
  min-width:0;
  margin-top:-2px;
  border:2px solid #151515;
  border-radius:10px;
  background:#fff;
  box-shadow:0 12px 28px rgba(8,8,8,.08);
  animation:gw164-drawer .24s ease both;
}
.membership-page .board-drawer .board-active{padding:14px!important;background:#fff!important}
.membership-page .board-drawer .board-guide{padding-top:0!important;border-top:0!important}
.membership-page .board-drawer .board-set{grid-template-columns:minmax(62px,1fr) repeat(3,minmax(52px,.8fr))}
.membership-page .board-drawer .board-complete{min-height:52px!important}
@keyframes gw164-drawer{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){
  .membership-page .board-list{gap:9px!important;padding:12px!important}
  .membership-page .board-row{min-height:108px!important;padding:10px!important}
  .membership-page .board-movement.active .board-row{padding:9px!important}
  .membership-page .board-row strong{font-size:15px!important}
  .membership-page .board-drawer .board-active{padding:12px!important}
  .membership-page .board-drawer .board-set{grid-template-columns:minmax(54px,1fr) repeat(3,minmax(47px,.8fr));gap:5px}
}
@media(prefers-reduced-motion:reduce){.membership-page .board-drawer{animation:none!important}}