/* Live-site chrome for the blog (30 Oct 2026, Yuri topic 40208 msg 40861).
   The blog body keeps the September blog design (blog.css + redesign.css); the header links and the dark footer
   mirror the live legal pages (/legal/legal.css), so the whole site shares one header and footer. */
.site-nav__links .nav-button--primary { min-height: 0; padding: 12px 24px; font-size: .95rem; }
.site-nav__links .nav-button--primary:hover { background: #f0df3a; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(247, 232, 87, .4); }
.lvc-foot { padding: 60px 24px; background: #1a1a1a; }
.lvc-foot__in { max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px; text-align: center; }
.lvc-foot__links { display: flex; justify-content: center; align-items: center; gap: 24px; flex-wrap: wrap; }
.lvc-foot__links a { color: rgba(255, 255, 255, .85); text-decoration: none; font-family: Outfit, system-ui, sans-serif; font-size: .9rem; transition: color .2s; }
.lvc-foot__links a:hover { color: #f7e857; }
.lvc-foot__copy { margin: 0; color: rgba(255, 255, 255, .85); font-family: Outfit, system-ui, sans-serif; font-size: .85rem; }
/* Same breakpoint as the legal pages: all header links from 769px up, logo only below. */
@media (min-width: 769px) { .site-nav .site-nav__links > a { display: inline-flex; } }
@media (max-width: 768px) { .site-nav .site-nav__links { display: none; } }
@media (prefers-reduced-motion: reduce) { .site-nav__links .nav-button--primary:hover { transform: none; } }
/* Phone: six footer links in two even rows of three, same as the homepage (polish 30 Oct, Yuri 40919/40927). */
@media (max-width: 480px) { .lvc-foot__links { display: grid; grid-template-columns: repeat(3, auto); justify-content: center; gap: 16px 32px; } }