/* Mobile only: restore a very subtle grey frame around the Additional Information window.
   This comes after the global border-removal overrides, so it wins only on phones. */
@media (max-width:780px){
  .card .more,
  .card .more[style*="display: block"],
  .card .details-panels .more,
  .card .details-panels .more[style*="display: block"]{
    border: 1px solid rgba(128,128,128,.18) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1px rgba(128,128,128,.04) !important;
    box-sizing: border-box !important;
  }

  .card .more:hover,
  .card .more:active,
  .card .details-panels .more:hover,
  .card .details-panels .more:active{
    border: 1px solid rgba(128,128,128,.18) !important;
    box-shadow: inset 0 0 0 1px rgba(128,128,128,.04) !important;
  }
}
