@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2),
       only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3),
       only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 4) {
  .comments-wrapper .comment-editor .ProseMirror {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  .card-body {
    padding: 1.5em;
  }
  
  .card-content.is-full-width .block.is-full-width {
    width: 100%;
    left: 0;
    transform: none;
  }
  
  /* Vertical split layout mobile adjustments */
  .vertical-split-layout {
    min-height: auto;
  }
  
  .vertical-split-top {
    min-height: 120px;
  }
  
  .vertical-split-bottom {
    padding: 1em;
  }
}

/* Mobile devices */
@media only screen and (max-width: 640px) {
  .card-wrapper {
    max-width: 100%;
    margin: 0;
  }
  
  .card-body {
    border-radius: 0;
  }
  
  .card-content {
    padding: 1em;
  }
}

/* Tablet devices */
@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .card-wrapper {
    max-width: 90%;
  }
  
  .card-content {
    padding: 1.5em;
  }
}

/* High DPI devices */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi) {
  .card-body {
    border-width: 0.5px;
  }
}