/* PE-Class 11987 — wide settings title and lesson-calendar page header */
@media (min-width: 769px) {
  /* Move only the Settings title to the vertical center of the fixed controls. */
  #settingsCWorkspace.settingsC .settingsCHeading {
    align-self: center !important;
  }

  /* Match the subject-progress page header instead of rendering another card. */
  body.lessonCalendarApp #app > .calendarHeader.panel {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 0 12px !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #dbe4ef !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.lessonCalendarApp #app > .calendarHeader > div.row:first-child {
    display: contents !important;
  }

  body.lessonCalendarApp #app > .calendarHeader .calendarHeaderTitle {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    width: max-content !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  body.lessonCalendarApp #app > .calendarHeader .calendarHeaderTitle h2 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body.lessonCalendarApp #app > .calendarHeader .calendarHeaderTitleIcon {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  body.lessonCalendarApp #app > .calendarHeader > div.row > div.row {
    display: grid !important;
    grid-template-columns: minmax(88px, 95px) minmax(150px, 180px) minmax(68px, 72px) minmax(88px, 95px) !important;
    align-items: center !important;
    justify-content: end !important;
    gap: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.lessonCalendarApp #app > .calendarHeader :is(.btn, .monthPickerButton) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.lessonCalendarApp #app > .calendarHeader + div[style*="height:16px"] {
    display: none !important;
  }

  html:is(.pe87Ipad, .pe87IpadRuntime, .pe87FoldWide) body.lessonCalendarApp
  #app > .calendarHeader.panel {
    min-height: 44px !important;
  }

  html:is(.pe87Ipad, .pe87IpadRuntime, .pe87FoldWide) body.lessonCalendarApp
  #app > .calendarHeader :is(.btn, .monthPickerButton) {
    height: 44px !important;
    min-height: 44px !important;
  }
}