fix(a11y): reconcile responsive layouts and multilingual UI

www/src/layouts/BlogPostLayout.astro

@@ -26,15 +26,15 @@ const schema = blogPostingSchema(entry, publication, authors, site.url);
       {entry.data.featuredImage && <div class="article-featured"><img src={entry.data.featuredImage} alt={entry.data.alt || ''} /></div>}
     </header>
     <div class="prose blog-post-body container"><slot /></div>
-    <div class="container"><LikeViewCounter slug={entry.data.slug} /></div>
+    <div class="container"><LikeViewCounter slug={entry.data.slug} lang={entry.data.lang} /></div>
   </article>
-  <BlogPostFooter entryId={entry.id} />
+  <BlogPostFooter entryId={entry.id} lang={entry.data.lang} />
 </BaseLayout>
 
 <style>
   .author-byline { color: inherit; text-decoration: none; }
   .author-byline:hover { text-decoration: underline; }
-  .author-byline:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 3px; }
+  .author-byline:focus-visible { outline: 3px solid var(--color-primary); outline-offset: 3px; }
   .article-header { padding-block: 4.5rem 0; text-align: left; }
   .article-header h1 { font-size: clamp(2.3rem, 5vw, 3rem); max-width: 900px; }
   .article-byline { align-items: center; display: flex; font-size: .9rem; gap: 1rem; }