/* Header UI is owned by LandingHeader.vue; only document placement lives here. */
#agent-site-header { height: 65px; }
#agent-site-header .landing-nav { top: 0; }
#agent-site-header, #agent-site-header * { box-sizing: border-box; }
.blog-footer { box-sizing: border-box; font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
.blog-footer * { box-sizing: border-box; }
.blog-footer a { text-decoration: none; }
.blog-footer-bottom { gap: 20px; }
.agent-footer-language { --language-bg: #191919; --language-line: #ffffff20; --language-radius: 12px; position: relative; margin-left: auto; }
.agent-footer-language summary { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; }
.agent-footer-language summary::-webkit-details-marker { display: none; }
.agent-footer-language>div { position: absolute; bottom: calc(100% + 12px); right: 0; display: grid; min-width: 130px; padding: 6px; background: var(--language-bg); border: 1px solid var(--language-line); border-radius: var(--language-radius); }
.agent-footer-language button { padding: 8px 12px; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }
.agent-footer-language button:hover, .agent-footer-language button[aria-pressed=true] { background: var(--language-line); }
.agent-device-credit { align-self: flex-start; font-size: 11px; color: #ffffff88; margin-top: 12px; }

@media (max-width:520px) { .agent-footer-language { margin-left: 0; } }
@media (prefers-reduced-motion:reduce) { .blog-footer-wordmark-char { animation: none; transform: none; } }