/*
 * PE-Class v1.16.09
 * Galaxy Z Fold7 펼침 화면 전용 마감.
 * pe87FoldWide는 Android Fold의 769~1200px 펼침 뷰포트에만 부여됩니다.
 */
@media (min-width: 769px) and (max-width: 1200px) {
  /* 설정 > 교육과정: 학년도/근무학교를 같은 행에 두고 학기 카드를 전체 폭으로 유지합니다. */
  html.pe87FoldWide .settingsC .settingsCGridEducation {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
  }

  html.pe87FoldWide .settingsC .settingsCGridEducation > .adminYearCard {
    grid-column: 1 !important;
    grid-row: 1 !important;
    height: 100% !important;
  }

  html.pe87FoldWide .settingsC .settingsCGridEducation > .adminSchoolCard {
    grid-column: 2 !important;
    grid-row: 1 !important;
    height: 100% !important;
  }

  html.pe87FoldWide .settingsC .settingsCGridEducation > .adminSemesterCard {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 설정 > 수업: 10반 이상도 두 줄로 갈라지지 않게 한 묶음으로 표시합니다. */
  html.pe87FoldWide .settingsC .classGrid .classToggle {
    min-width: 0 !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  /*
   * 수행평가: 학생 한 명의 행을 112px로 확보해
   * - 점수 + / 게이지 / "18 / 20점" 문구가 모두 잘리지 않게 표시합니다.
   */
  html.pe87FoldWide #assessTableBox .foldAssessmentPremiumTable tbody > tr {
    min-height: 112px !important;
    align-items: stretch !important;
  }

  html.pe87FoldWide #assessTableBox .foldAssessmentPremiumTable tbody td {
    min-height: 112px !important;
    height: 112px !important;
  }

  html.pe87FoldWide #assessTableBox .foldAssessmentPremiumTable tbody td.foldAssessmentScoreCell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 26px minmax(56px, 1fr) 4px 19px !important;
    align-items: center !important;
    justify-items: stretch !important;
    padding: 0 4px 7px !important;
    box-sizing: border-box !important;
  }

  html.pe87FoldWide #assessTableBox .foldAssessmentScoreCell::before {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    padding: 3px 2px !important;
    box-sizing: border-box !important;
  }

  html.pe87FoldWide #assessTableBox .foldAssessmentScoreCell::after {
    top: 25px !important;
  }

  html.pe87FoldWide #assessTableBox .foldAssessmentScoreCell > .scoreControl {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: center !important;
    justify-self: stretch !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  html.pe87FoldWide #assessTableBox .foldAssessmentScoreCell > .foldAssessmentProgress {
    grid-column: 1 !important;
    grid-row: 3 !important;
    align-self: center !important;
    margin: 0 auto !important;
  }

  html.pe87FoldWide #assessTableBox .foldAssessmentScoreCell > .scorePill {
    grid-column: 1 !important;
    grid-row: 4 !important;
    align-self: end !important;
    justify-self: center !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  /* 홈 하단: 두 카드 높이를 같게 자르고 종목 현황만 카드 내부에서 스크롤합니다. */
  html.pe87FoldWide body.homeDashboardApp .homeDashboardGrid {
    height: 370px !important;
    min-height: 370px !important;
    max-height: 370px !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  html.pe87FoldWide body.homeDashboardApp .homeScheduleCard,
  html.pe87FoldWide body.homeDashboardApp .homeSportsCard {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.pe87FoldWide body.homeDashboardApp .homeScheduleColumns {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  html.pe87FoldWide body.homeDashboardApp .homeSchedulePane {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html.pe87FoldWide body.homeDashboardApp .homeSchedulePane + .homeSchedulePane {
    align-self: stretch !important;
    border-left: 1px solid #e3ebe7 !important;
  }

  html.pe87FoldWide body.homeDashboardApp .homeTodayList,
  html.pe87FoldWide body.homeDashboardApp .homeUpcomingList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  html.pe87FoldWide body.homeDashboardApp .homeSportsCard > header {
    flex: 0 0 auto !important;
  }

  html.pe87FoldWide body.homeDashboardApp .homeSportsList {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
}