.article-layout { margin-top: 0; }
        @media (max-width: 640px) {
            .blog-post-container, .article-layout { overflow-x: hidden; }
            .blog-post-content { min-width: 0; width: 100%; overflow-x: hidden; }
            .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
            .table-scroll table { min-width: 480px; }
            .post-body div[style*="display: flex"] { flex-direction: column !important; }
            .post-body div[style*="display: flex"] > div { min-width: 0 !important; width: 100% !important; }
        }
    

.skip-link{position:absolute;left:-9999px;top:0;z-index:10000;background:#0f172a;color:#fff;padding:12px 20px;border-radius:0 0 8px 0;font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:15px;text-decoration:none}
.skip-link:focus{left:0}
:focus-visible{outline:3px solid #00c896;outline-offset:2px}