/* 에디터 콘텐츠 기본 스타일 유틸리티 */
/* use-base 클래스를 추가하면 하위 자식 요소들에 기본 스타일이 적용됩니다 */
@layer components {
  .use-base ul,
  .use-base ol {
    @apply list-disc pl-6;
  }
  .use-base ol {
    @apply list-decimal;
  }
  .use-base ul ul,
  .use-base ol ol,
  .use-base ul ol,
  .use-base ol ul {
    @apply mb-0;
  }

  .use-base table {
    @apply w-full border-collapse;
  }
  .use-base .fr-alternate-rows tr:nth-child(even),
  .use-base thead,
  .use-base tfoot {
    @apply bg-[#FAFAFA];
  }
  .use-base th,
  .use-base td {
    @apply border border-[#D9D9D9] px-4 py-2 text-left;
  }
  .use-base th {
    @apply font-semibold border-[#D9D9D9];
  }

  .use-base blockquote {
    @apply border-l-4 border-[#D9D9D9] pl-4 italic;
  }

  .use-base h1 {
    @apply text-2xl;
  }
  .use-base h2 {
    @apply text-xl;
  }
  .use-base h3 {
    @apply text-lg;
  }
  .use-base h4 {
    @apply text-base;
  }
  .use-base h5 {
    @apply text-sm;
  }
  .use-base h6 {
    @apply text-xs;
  }

  .use-base strong,
  .use-base b {
    @apply font-bold;
  }
  .use-base em,
  .use-base i {
    @apply italic;
  }
  .use-base u {
    @apply underline;
  }
  .use-base s {
    @apply line-through;
  }

  .use-base a {
    @apply text-[#3C75FF] underline;
  }

  .use-base img {
    @apply max-w-full h-auto;
  }

  .use-base iframe {
    @apply max-w-full h-auto aspect-video;
  }

  .use-base pre {
    @apply bg-[#FAFAFA] p-4 rounded overflow-x-auto mb-4;
  }
  .use-base code {
    @apply bg-[#FAFAFA] px-1 py-0.5 rounded text-sm;
  }
  .use-base pre code {
    @apply bg-transparent p-0;
  }
}