.article {
        max-width: 64rem; /* max-w-4xl */
        margin-left: auto;
        margin-right: auto;
        padding: 1rem; /* px-4 */
        color: #d1d5db; /* text-neutral-300 */
      }
      .article p {
        line-height: 1.75rem; /* leading-relaxed */
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
      }
      .article h2 {
        font-size: 1.5rem; /* text-2xl */
        font-weight: 700; /* font-bold */
        color: #fff;
        margin-top: 2rem;
        margin-bottom: 1rem;
      }
      .article h3 {
        font-size: 1.25rem; /* text-xl */
        font-weight: 600; /* font-semibold */
        color: #fff;
        margin-top: 1.5rem;
        margin-bottom: 0.75rem;
      }
      .article ul {
        list-style-type: disc;
        padding-left: 1.5rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      .article a {
        color: #a78bfa; /* text-purple-400 */
        text-decoration: none;
      }
      .article a:hover {
        text-decoration: underline;
      }