@media (max-width: 780px) {
  :root {
    --content-width: calc(100vw - 32px);
    --wide-width: calc(100vw - 24px);
    --font-size-body: var(--font-size-body-mobile);
    --font-size-h1: 36px;
    --font-size-h2: 28px;
    --font-size-h3: 23px;
    --space-xl: 72px;
  }

  header.wp-block-template-part > .wp-block-group,
  header.wp-block-template-part .wp-block-group.alignwide {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .wp-block-site-title a {
    width: 150px;
    height: 20px;
  }

  header nav.wp-block-navigation {
    font-size: 13px;
  }

  .single-post main > .wp-block-group:first-child,
  .blog main,
  .home main {
    padding-top: 56px;
  }

  .single-post .wp-block-post-title {
    margin-bottom: 44px;
  }

  .ai-article-card,
  .ai-production-log {
    padding: 22px 20px;
  }

  .ai-card-grid {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  main table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}