:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; margin: 0; color: #1a1a1a; }
.container { max-width: 760px; margin: 0 auto; padding: 1.5rem; }
.skip-link { position: absolute; left: -999px; }
.skip-link:focus { left: 1rem; top: 1rem; background: #0b5fff; color: #fff; padding: .5rem; }
.site-header { display: flex; gap: 1rem; align-items: center; padding: .75rem 1.5rem; border-bottom: 1px solid #ddd; }
.site-nav { display: flex; gap: 1rem; }
.brand { font-weight: 700; text-decoration: none; color: #0b5fff; }
.lang-dropdown__menu { list-style: none; display: flex; gap: .5rem; }
.site-footer { border-top: 1px solid #ddd; padding: 1.5rem; margin-top: 2rem; color: #555; }
.muted { color: #777; }
.page-nav { display: flex; justify-content: space-between; margin-top: 2rem; }