 article {

     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
         margin-top: 32px !important;
         margin-bottom: 16px !important;
         font-weight: 600 !important;
         font-family: 'Inter', sans-serif !important;
         line-height: 1 !important;
     }

     h1 {
         color: #cc0000 !important;
     }

     img {
         height: auto !important;
         border-radius: 10px !important;
         float: right;
         margin: 20px;
         margin-right: 0px;
     }

     ul {
         list-style-type: disc !important;
         list-style-position: inside !important;
         margin-top: 0px !important;
         margin-bottom: 1rem !important;
         margin-left: 1rem !important;
         font-size: 20px !important;
         font-weight: 400 !important;
         line-height: 28px !important;
         font-family: 'Inter', sans-serif !important;

         ::marker {
             color: #cc0000 !important;
             margin-right: 0px !important;
         }
     }

     ol {
         list-style-type: decimal !important;
         list-style-position: inside !important;
         margin-top: 0px !important;
         margin-bottom: 1rem !important;
         margin-left: 1rem !important;
         font-size: 20px !important;
         font-weight: 400 !important;
         line-height: 28px !important;
         font-family: 'Inter', sans-serif !important;
     }

     p:not(.nonono),
     a,
     em {
         margin-top: 0px !important;
         margin-bottom: 1rem;
         font-size: 20px !important;
         font-weight: 400 !important;
         line-height: 28px !important;
         font-family: 'Roboto', sans-serif !important;
     }

     h1 {
         font-size: 56px !important;
         font-weight: 900 !important;
     }

     h2 {
         font-size: 2rem !important;
         font-weight: 700 !important;
     }

     h3 {
         font-size: 1.5rem !important;
     }

     h4 {
         font-size: 1.25rem !important;
     }

     h5 {
         font-size: 1rem !important;
     }

     h6 {
         font-size: 0.875rem !important;
     }

     p {
         font-size: 1rem !important;
     }

     hr {
         margin: 10px 0;
         border: 1px #cc0000 dashed;
         opacity: 0.75;
     }

     a {
         color: #cc0000 !important;
         text-decoration: none;
         font-weight: 600 !important;
     }

     a:hover {
         text-decoration: underline;
     }

     a:active {
         text-decoration: underline;
     }

     a:focus {
         text-decoration: underline;
     }

     a:visited {
         text-decoration: underline;
     }

     a:link {
         text-decoration: underline;
     }

     ol {
         list-style-type: decimal;
     }

     em {
         color: #cc0000 !important;
         font-style: italic !important;
         font-weight: 600 !important;
     }

     table {
         width: 100% !important;
         max-width: 100% !important;
         table-layout: fixed !important;
         border-collapse: collapse !important;
         margin: 1.5rem 0 2rem !important;
         border: 1px solid #e5e7eb !important;
         border-radius: 8px !important;
         overflow: hidden !important;
         font-family: 'Inter', sans-serif !important;
         font-size: 0.95rem !important;
         line-height: 1.45 !important;
         background: #ffffff !important;
     }

     thead {
         background: #111827 !important;
         color: #ffffff !important;
     }

     th,
     td {
         border: 1px solid #e5e7eb !important;
         padding: 0.85rem 1rem !important;
         text-align: left !important;
         vertical-align: top !important;
         overflow-wrap: anywhere !important;
         word-break: normal !important;
     }

     th {
         font-weight: 700 !important;
     }

     tbody tr:nth-child(even) {
         background: #f9fafb !important;
     }
 }

@media (max-width: 640px) {
    article table {
        display: block !important;
        overflow-x: auto !important;
        table-layout: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    article th,
    article td {
        min-width: 160px !important;
        padding: 0.75rem !important;
        font-size: 0.9rem !important;
    }
}
