@media (max-width: 1200px){
  .container,
  .container--narrow{
    padding-inline:18px;
  }
}

@media (max-width: 1024px){
  .u-grid-4{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 920px){
  .u-grid-3,
  .u-grid-2,
  .form__grid--2{
    grid-template-columns:1fr !important;
  }

  .section{
    padding-block:68px;
  }

  .section--lg{
    padding-block:88px;
  }

  .tableCard__row{
    grid-template-columns:1fr;
    gap:8px;
  }
}

@media (max-width: 760px){
  .container,
  .container--narrow{
    padding-inline:14px;
  }

  .section{
    padding-block:56px;
  }

  .section--sm{
    padding-block:40px;
  }

  .section--lg{
    padding-block:70px;
  }

  .btn{
    min-height:48px;
  }

  .formActions{
    flex-direction:column;
    align-items:stretch;
  }

  .inputGroup{
    flex-direction:column;
  }
}

@media (max-width: 520px){
  .btn{
    width:100%;
  }

  .chip{
    width:100%;
    justify-content:center;
  }

  .pv-toastStack{
    right:12px;
    left:12px;
    bottom:12px;
  }

  .pv-toast{
    max-width:none;
    width:100%;
  }
}