body { font-family: system-ui, sans-serif; margin: 2rem; }
a { text-decoration: none; }

.topbar { display:flex; justify-content:flex-end; margin-bottom:1rem; }
#lang-select { padding:0.25rem 0.5rem; font-size:1rem; }
.visually-hidden { position: absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

.lang-dropdown { position: relative; }
.lang-toggle { display: inline-flex; align-items:center; gap:0.5rem; padding:0.25rem 0.5rem; background:transparent; border:1px solid #ddd; border-radius:4px; cursor:pointer; }
.lang-toggle .flag { width:20px; height:14px; display:inline-block; }
.lang-options { position: absolute; right: 0; margin-top:0.25rem; background:white; border:1px solid #ddd; border-radius:4px; list-style:none; padding:0.25rem 0; box-shadow:0 6px 18px rgba(0,0,0,0.08); z-index:1000; }
.lang-options li { display:flex; align-items:center; gap:0.5rem; padding:0.25rem 0.75rem; cursor:pointer; }
.lang-options li:hover { background:#f5f5f5; }
.lang-options img.flag { width:20px; height:14px; }