/* PE-Class iPhone student note field containment v1.19.75 */
@media (max-width: 768px) {
  html.pe87IPhone[data-pe-tab="students"]
  #app.studentScreen #studentDetail .studentNoteRow {
    inline-size: 100% !important;
    width: 100% !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /*
   * iOS date controls keep a native intrinsic width.  fill-available uses the
   * grid track itself as the width source, so it ends on the same left/right
   * edges as the note text field without changing the native date picker.
   */
  html.pe87IPhone[data-pe-tab="students"]
  #app.studentScreen #studentDetail .studentNoteRow > :is(#noteDate, #noteText) {
    display: block !important;
    inline-size: -webkit-fill-available !important;
    width: -webkit-fill-available !important;
    min-inline-size: 0 !important;
    min-width: 0 !important;
    max-inline-size: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
  }
}