/*
 * 320px / 200%-zoom safety for TOP body content.
 * Header and footer remain outside this pass.
 */
@media (max-width: 360px) {
  body.home .shiso-v2 .shiso-v2-knowledge-grid,
  body.home .shiso-v2 .shiso-v2-knowledge-feature,
  body.home .shiso-v2 .shiso-v2-knowledge-list {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.home .shiso-v2 .shiso-v2-knowledge-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.home .shiso-v2 .shiso-v2-knowledge-feature__media,
  body.home .shiso-v2 .shiso-v2-knowledge-feature__media img {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home .shiso-v2 .shiso-v2-knowledge-list article {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    padding-right: 30px !important;
  }

  body.home .shiso-v2 .shiso-v2-knowledge-list__media {
    width: 88px !important;
  }

  body.home .shiso-v2 .shiso-v2-knowledge-list h3 {
    min-width: 0;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}