/* Prevent horizontal scroll */
    .article-content {
      overflow-x: hidden;
    }

    /* Images */
    /* .article-content img {
      max-width: 100%;
      height: auto;
      border-radius: 0.75rem;
    } */

    /* Iframes (YouTube, maps, embeds) */
    .article-content iframe {
      max-width: 100%;
      width: 100%;
      border-radius: 0.75rem;
      /* 12px */
      overflow: hidden;
      border: 2px solid #EA580C;
      /* slate-200 */
    }

    /* Proper 16:9 for video embeds */
    .article-content iframe[src*="youtube"],
    .article-content iframe[src*="youtu.be"],
    .article-content iframe[src*="vimeo"] {
      aspect-ratio: 16 / 9;
      height: auto;
    }

    /* HTML5 videos */
    .article-content video {
      width: 100%;
      max-width: 100%;
      height: auto;
      border-radius: 0.75rem;
      overflow: hidden;
      border: 2px solid #EA580C;
    }

    /* Optional polish */
    .article-content iframe,
    .article-content video {
      background: #000;
      box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15);
    }



    /* ===============================
       PREMIUM ARTICLE CONTENT STYLES
    =============================== */

    .article-content {
      color: #0f172a;
      /* slate-900 */
      font-size: 1.05rem;
      line-height: 1.85;
      word-wrap: break-word;
    }

    /* -------------------------------
       HEADINGS
    -------------------------------- */

    .article-content h1 {
      font-size: 2.2rem;
      font-weight: 800;
      margin: 1.5rem 0 1.2rem;
      line-height: 1.25;
    }

    .article-content h2 {
      font-size: 1.8rem;
      font-weight: 700;
      margin: 1.5rem 0 1rem;
      padding-left: 0.75rem;
      border-left: 5px solid #ea580c;
    }

    .article-content h3 {
      font-size: 1.5rem;
      font-weight: 600;
      margin: 1.3rem 0 0.8rem;
    }

    .article-content h4 {
      font-size: 1.25rem;
      font-weight: 600;
      margin: 1.2rem 0 0.6rem;
    }

    .article-content h5 {
      font-size: 1.1rem;
      font-weight: 600;
      margin: 1rem 0 0.5rem;
    }

    .article-content h6 {
      font-size: 1rem;
      font-weight: 600;
      margin: 1rem 0 0.4rem;
      color: #475569;
    }

    /* -------------------------------
       PARAGRAPHS
    -------------------------------- */

    .article-content p {
      margin: 0.9rem 0;
    }

    /* -------------------------------
   LINKS
-------------------------------- */

    .article-content a {
      color: #ea580c;
      font-weight: 500;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .article-content a:hover {
      color: #c2410c;
      text-decoration-thickness: 2px;
    }

    /* -------------------------------
       LISTS
    -------------------------------- */

    .article-content ul {
      list-style-type: disc;
      list-style-position: outside;
      padding-left: 1.75rem;
      margin: 1.2rem 0;
    }

    .article-content ol {
      list-style-type: decimal;
      list-style-position: outside;
      padding-left: 1.75rem;
      margin: 1.2rem 0;
    }

    .article-content li {
      margin: 0.5rem 0;
      padding-left: 0.25rem;
    }

    /* Marker styling */
    .article-content ul li::marker,
    .article-content ol li::marker {
      color: #ea580c;
      font-weight: 600;
    }


    /* -------------------------------
       BLOCKQUOTE
    -------------------------------- */

    .article-content blockquote {
      margin: 2rem 0;
      padding: 1.2rem 1.5rem;
      background: linear-gradient(to right, #fff7ed, #ffffff);
      border-left: 5px solid #ea580c;
      color: #334155;
      font-style: italic;
      border-radius: 0.75rem;
    }

    /* -------------------------------
       IMAGES
    -------------------------------- */

    .article-content img {
      max-width: 100%;
      height: auto;
      margin: 2rem auto;
      border-radius: 0.75rem;
      box-shadow: 0 15px 35px rgba(15, 23, 42, 0.15);
      display: block;
    }

    /* -------------------------------
       TABLES
    -------------------------------- */

    .article-content table {
      width: 100%;
      max-width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }

    .article-content th,
    .article-content td {
      padding: 0.4rem 1rem;
      border: 1px solid #e2e8f0;
      /* text-align: left; */
      vertical-align: top;
      word-wrap: break-word;

      border: 1px solid #e53935;
    }

    .article-content th {
      /* background: linear-gradient(to bottom, #fefaf4, #fdf5e9); */
      /* font-weight: 700; */
      /* color: #9a3412; */
      border: 1px solid #e53935;
    }

    .article-content tr:nth-child(even) td {
      background: #f8fafc;
    }

    /* .article-content table {
      display: block;
      overflow-x: auto;
    } */



    /* -------------------------------
       CODE BLOCKS
    -------------------------------- */

    .article-content pre {
      background: #0f172a;
      color: #e5e7eb;
      padding: 1.2rem;
      border-radius: 0.75rem;
      overflow-x: auto;
      margin: 2rem 0;
    }

    .article-content code {
      background: #f1f5f9;
      padding: 0.2rem 0.4rem;
      border-radius: 0.3rem;
      font-size: 0.95rem;
    }

    /* -------------------------------
       HR
    -------------------------------- */

    .article-content hr {
      margin: 3rem 0;
      border: none;
      height: 1px;
      background: linear-gradient(to right, transparent, #ea580c, transparent);
    }