/* PerfectFix — Fresh/Tornado device hub mobile visibility + layout patch, 2026-08-13
   Scope: device hub pages only. No global site selectors. */

/* Long functional fault lists must never depend on the generic scroll-reveal
   observer. On narrow screens their height can make the 8% threshold
   impossible to reach, leaving the whole list transparent. */
.pf-fault-shell .pf-device-main.pf-reveal{
  opacity:1!important;
  transform:none!important;
}

/* Generated device hubs use .pf-fault-grid. Support that class explicitly
   (the original stylesheet only styled .pf-fault-card-grid). */
.pf-fault-shell .pf-fault-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  min-width:0;
}
.pf-fault-shell .pf-fault-group{
  min-width:0;
  margin:0 0 26px;
}
.pf-fault-shell .pf-fault-group>h2{
  margin:0 0 12px;
  color:var(--fa-green2,#22351d);
  font-size:22px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.pf-fault-shell .pf-fault-card{
  min-width:0;
  overflow-wrap:anywhere;
}
.pf-fault-shell .pf-fault-card h3{
  margin:0 0 9px;
  color:var(--fa-green2,#22351d);
  font-size:16px;
  line-height:1.65;
  overflow-wrap:anywhere;
}
.pf-fault-shell .pf-fault-card p,
.pf-fault-shell .pf-fault-card a{
  overflow-wrap:anywhere;
}

@media(max-width:980px){
  .pf-fault-shell .pf-fault-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .pf-fault-shell .pf-device-main{
    overflow-x:clip;
  }
  .pf-fault-shell .pf-fault-grid{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  .pf-fault-shell .pf-fault-group{
    margin-bottom:22px;
  }
  .pf-fault-shell .pf-fault-group>h2{
    font-size:20px;
    margin-bottom:10px;
  }
  .pf-fault-shell .pf-fault-card{
    width:100%;
    max-width:100%;
    min-height:0;
    padding:16px;
  }
  .pf-fault-shell .pf-fault-card h3{
    font-size:15px;
  }
}