.page--training_detail
  .col--status
    width: rem(150px)
    position: relative

  .col--tried, .col--ac, .col--difficulty
    width: rem(70px)
    text-align: center

  .col--status
    border-right: 1px solid $table-border-color

  .col--tried, .col--difficulty
    border-left: 1px solid $table-border-color

  +mobile()
    .col--status,
    .col--tried,
    .col--difficulty
      display: none

    .col--ac
      border-left: 1px solid $table-border-color

  .training__section
    &.invalid
      .training__problems
        opacity: 0.6

    &.collapsed .collapsed--hidden,
    &.expanded .expanded--hidden
      display: none

    &.collapsed .training__section__detail
      display: none