/* PE-Class mobile club title and student PAPS frame polish v1.19.76 */
@media (min-width: 391px) and (max-width: 768px) {
  /* Match the club heading's card-relative origin to other mobile selectors. */
  body.mobileClubView .mobileClubSelectorHead {
    padding-block-start: 4px !important;
  }
}

@media (max-width: 390px) {
  body.mobileClubView .mobileClubSelectorHead {
    padding-block-start: 2px !important;
  }
}

@media (max-width: 768px) {
  /*
   * The PAPS metric rows are the visible cards.  Remove the legacy academic
   * summary/table frame so it cannot form a second square border around them.
   */
  html[data-pe-tab="students"][data-pe-device="compact"]
  #app.studentScreen #studentPapsSummary.studentAcademicSummary {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html[data-pe-tab="students"][data-pe-device="compact"]
  #app.studentScreen #studentPapsSummary > table.mobilePapsVertical,
  html[data-pe-tab="students"][data-pe-device="compact"]
  #app.studentScreen #studentPapsSummary > table.mobilePapsVertical > tbody,
  html[data-pe-tab="students"][data-pe-device="compact"]
  #app.studentScreen #studentPapsSummary > table.mobilePapsVertical > tbody > tr,
  html[data-pe-tab="students"][data-pe-device="compact"]
  #app.studentScreen #studentPapsSummary > table.mobilePapsVertical > tbody > tr > td {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-pe-tab="students"][data-pe-device="compact"]
  #app.studentScreen #studentPapsSummary .mobilePapsMetricRow {
    border: 1px solid #dde6f0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }
}