/* PURECAR ROAD SAFETY MOBILE V3 */

@media(max-width:767px){

  /* Expand road safety to the viewport */
  .pcsi{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin-left:-50vw!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* Consistent 12px mobile gutters */
  .pcsi :is(.prs,.pcbr,.pcr-report,.road6,.rdi){
    box-sizing:border-box!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .pcsi :is(.prs,.pcbr,.pcr-report,.road6,.rdi)>*{
    min-width:0;
    box-sizing:border-box;
  }

  /* Typography */
  .pcsi :is(.prs,.pcbr,.pcr-report,.road6,.rdi) h1{
    font-size:clamp(28px,7.5vw,36px)!important;
    line-height:1.14!important;
    letter-spacing:-.03em;
    overflow-wrap:break-word;
  }

  .pcsi :is(.prs,.pcbr,.pcr-report,.road6,.rdi) h2{
    font-size:clamp(21px,5.5vw,27px)!important;
    line-height:1.22!important;
    overflow-wrap:break-word;
  }

  /* Statistics */
  .pcsi .prs .prs-grid,
  .pcsi .pcbr .pcbr-cards,
  .pcsi .pcr-report .pcr-grid,
  .pcsi .road6 .road6-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .pcsi .rdi .rdi-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  .pcsi :is(.prs-grid,.pcbr-cards,.pcr-grid,
             .road6-grid,.rdi-grid)>*{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:break-word;
  }

  /* Search filters */
  .pcsi .pcbr-filter,
  .pcsi .road6-filters{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  .pcsi :is(.pcbr-filter,.road6-filters,.rdi-tools)
  :is(input,select){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px;
    padding:12px 48px 12px 16px!important;
    font-size:16px!important;
  }

  .pcsi :is(.pcbr-filter,.road6-filters,.rdi-tools)
  select{
    appearance:none!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m4 6 5 5 5-5' fill='none' stroke='%23443b39' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 20px center!important;
    background-size:18px!important;
  }

  /* Tables */
  .pcsi :is(.prs-table-wrap,.pcbr-table,
            .pcr-scroll,.table-scroll){
    box-sizing:border-box!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .pcsi .road6 table{
    display:block;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  .pcsi :is(.prs,.pcbr,.pcr-report,.road6,.rdi)
  :is(th,td){
    font-size:13px;
    line-height:1.5;
  }

  /* Maps, charts and images */
  .pcsi :is(.prs,.pcbr,.pcr-report,.road6,.rdi)
  :is(img,canvas,iframe,.leaflet-container){
    box-sizing:border-box;
    max-width:100%!important;
  }

  /* Investigation sections */
  .pcsi .pc-ni-road-release{
    box-sizing:border-box!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .pcsi .pc-ni-road-release :is(article,section){
    box-sizing:border-box;
    max-width:100%;
    min-width:0;
  }

  .pcsi .pcbr-paging{
    max-width:100%!important;
    overflow-x:auto!important;
  }
}

@media(max-width:359px){
  .pcsi :is(.prs,.pcbr,.pcr-report,.road6,.rdi),
  .pcsi .pc-ni-road-release{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
  }
}