/* カスタムグリッドクラス */
@media (min-width: 1024px) {
  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
}

/* 記事本文の最大幅 */
#dream-single-post-main {
  max-width: 90ch;
}

/* 大画面での余白 */
@media (min-width: 1024px) {
  .lg\:gap-8 {
    gap: 2rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:hidden {
    display: none;
  }
}

/* タグクラウド用 */
.font-bold {
  font-weight: 700;
}
.border-primary {
  border-color: oklch(var(--p));
}