nav{gap:12px}nav a{padding:10px 13px;background:rgba(25,59,51,.45);border:1px solid rgba(255,255,255,.2);transition:background .2s ease,border-color .2s ease}nav a:focus-visible,nav a:hover{background:rgba(25,59,51,.82);border-color:rgba(255,255,255,.62)}.language-switcher{position:relative}.language-switcher summary{list-style:none;padding:11px 13px;background:rgba(25,59,51,.45);border:1px solid rgba(255,255,255,.2);font-size:9px;letter-spacing:.11em;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:focus-visible,.language-switcher summary:hover,.language-switcher[open] summary{background:rgba(25,59,51,.82);border-color:rgba(255,255,255,.62)}.langs{position:absolute;top:calc(100% + 6px);right:0;display:flex;gap:3px;padding:3px;background:rgba(25,59,51,.9);border:1px solid rgba(255,255,255,.38);box-shadow:0 10px 22px rgba(0,0,0,.18)}.langs button{padding:8px 7px;transition:background .2s ease,color .2s ease}.langs button:focus-visible,.langs button:hover{background:rgba(255,255,255,.2);color:#fff}.langs .on{background:rgba(255,255,255,.24);color:#fff;text-decoration:none}.header-book{background:rgba(25,59,51,.45);border-color:rgba(255,255,255,.38);transition:background .2s ease,border-color .2s ease}.header-book:focus-visible,.header-book:hover{background:rgba(25,59,51,.82);border-color:rgba(255,255,255,.72)}@media(max-width:800px){header{flex-wrap:wrap;gap:16px}header nav{display:flex;order:3;width:100%;margin:0;gap:8px}header nav a{padding:8px 10px;font-size:9px}.header-book,.language-switcher summary,header nav a{background:rgba(25,59,51,.68);border-color:rgba(255,255,255,.38)}}