/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer components {
  .tsuyomi-audience {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  @media screen and (width >= 768px) {
    .tsuyomi-audience {
      gap: 16px;
    }
  }
  .tsuyomi-audience-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding-left: 24px;
    color: var(--text-base-default);
    list-style: disc;
    font-family: var(--sans-w6);
    font-weight: 700;
  }
  .tsuyomi-desc {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border-radius: 10px;
    background-color: var(--background-primary-secondary);
  }
  @media screen and (width >= 768px) {
    .tsuyomi-desc {
      gap: 32px;
      padding: 40px;
      border-radius: var(--radius-xl);
    }
  }
  .tsuyomi-desc > div {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .tsuyomi-desc > div > dt {
    font-size: 1.25rem;
    line-height: 1.8;
    font-family: var(--sans-w6);
    font-weight: 700;
  }
  .tsuyomi-desc > div > dd {
    font-size: 0.875rem;
    line-height: 1.8;
  }
}