/* language picker: two small flat flags, top right on every page; the page's own language is the full-colour one */
.langpick { position: fixed; top: 10px; right: 12px; z-index: 60; display: flex; gap: 7px; margin: 0; }
.langpick a { display: block; line-height: 0; border-radius: 2px; opacity: .55; box-shadow: 0 0 0 1px rgba(128, 128, 128, .55); transition: opacity .15s; }
.langpick a:hover, .langpick a:focus-visible { opacity: 1; }
.langpick a[aria-current] { opacity: 1; box-shadow: 0 0 0 1px rgba(128, 128, 128, .55), 0 0 0 3px var(--link, #0069b4); }
.langpick svg { display: block; width: 22px; height: 15px; border-radius: 2px; }
/* pages with a header bar: keep its links clear of the picker */
header.top { padding-right: 82px; }
/* fullscreen and live dashboard on the activity page, and print: no picker */
body.live-on .langpick, .fs ~ .langpick { display: none; }
@media print { .langpick { display: none; } }