diff --git a/includes/CosmosTemplate.php b/includes/CosmosTemplate.php
index 52bc13b1..82c15060 100644
--- a/includes/CosmosTemplate.php
+++ b/includes/CosmosTemplate.php
@@ -1,1805 +1,1814 @@
 <?php
 
 namespace MediaWiki\Skins\Cosmos;
 
 use BaseTemplate;
 use Config;
 use CookieWarning\Hooks as CookieWarningHooks;
 use ExtensionRegistry;
 use Html;
 use Language;
 use Linker;
 use MediaWiki\Languages\LanguageNameUtils;
 use MediaWiki\Permissions\PermissionManager;
 use MediaWiki\SpecialPage\SpecialPageFactory;
 use Sanitizer;
 use SiteStats;
 use SpecialPage;
 use Title;
 use TitleFactory;
 use WantedPagesPage;
 use wAvatar;
 
 class CosmosTemplate extends BaseTemplate {
 
 	/** @var Config */
 	protected $config;
 
 	/** @var Language */
 	private $contentLanguage;
 
 	/** @var CosmosRailBuilder */
 	private $cosmosRailBuilder;
 
 	/** @var LanguageNameUtils */
 	private $languageNameUtils;
 
 	/** @var PermissionManager */
 	private $permissionManager;
 
 	/** @var SpecialPageFactory */
 	private $specialPageFactory;
 
 	/** @var TitleFactory */
 	private $titleFactory;
 
 	/** @var CosmosWordmarkLookup */
 	private $wordmarkLookup;
 
 	/**
 	 * Outputs the entire contents of the page
 	 */
 	public function execute() {
 		/** @var SkinCosmos */
 		$skin = $this->getSkin();
 		'@phan-var SkinCosmos $skin';
 
 		$this->config = $skin->config;
 		$this->contentLanguage = $skin->contentLanguage;
 		$this->cosmosRailBuilder = $skin->cosmosRailBuilder;
 		$this->languageNameUtils = $skin->languageNameUtils;
 		$this->permissionManager = $skin->permissionManager;
 		$this->specialPageFactory = $skin->specialPageFactory;
 		$this->titleFactory = $skin->titleFactory;
 		$this->wordmarkLookup = $skin->wordmarkLookup;
 
 		$html = $this->buildBanner();
 		$html .= $this->buildCreateArticleDialog();
 		$html .= Html::openElement( 'div', [ 'id' => 'mw-content-container', 'class' => 'ts-container' ] );
 		$html .= Html::openElement( 'div', [ 'id' => 'mw-content-block', 'class' => 'ts-inner' ] );
 		$html .= Html::openElement( 'div', [ 'id' => 'mw-content-wrapper' ] );
 		$html .= $this->buildWikiHeader();
 		$html .= $this->buildWiki();
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'div' );
 		$html .= $this->buildToolbar();
 		$html .= Html::closeElement( 'div' );
 
 		echo $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildBanner() {
 		$html = '';
 
 		// Open container section for banner
 		$html .= Html::openElement( 'section', [ 'id' => 'cosmos-banner' ] );
 		// Open container div for banner content
 		$html .= Html::openElement( 'div', [ 'id' => 'cosmos-banner-content', 'class' => 'cosmos-pageAligned' ] );
 
 		// Build the mobile navigation
 		$html .= Html::openElement( 'nav', [ 'class' => 'cosmos-mobile-navigation' ] );
 		$html .= Html::rawElement(
 			'div',
 			[
 				'class' => 'cosmos-button cosmos-button-primary cosmos-mobile-menu-button',
 				'onclick' => '$(".wds-tabs").toggle()'
 			],
 			'&#9776;'
 		);
 
 		$html .= $this->buildNavigation();
 		$html .= Html::closeElement( 'nav' );
 
 		// Build the search bar
 		$html .= $this->buildSearchBar();
 
 		// Build user options/login button (floats on the right of the div)
 		$html .= $this->buildUserOptions();
 
 		// Close container div for banner content
 		$html .= Html::closeElement( 'div' );
 
 		// Close banner section
 		$html .= Html::closeElement( 'section' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildCreateArticleDialog() {
 		$skin = $this->getSkin();
 
 		$html = '';
 		$html .= Html::openElement( 'div', [ 'id' => 'createPageModal', 'class' => 'cosmos-modal' ] );
 		$html .= Html::openElement( 'div', [ 'class' => 'cosmos-modal-content' ] );
 		$html .= Html::rawElement( 'span', [ 'class' => 'close' ], '&times;' );
 		$html .= Html::openElement(
 			'form',
 			[
 				'class' => 'wds-dialog__wrapper create-page-dialog__wrapper',
 				'action' => $this->get( 'wgScript' ),
 				'method' => 'get'
 			]
 		);
 
 		$html .= Html::hidden( 'action', 'edit' );
 
 		$headerIcon = Icon::getIcon( 'close' )->makeSvg(
 			14,
 			14,
 			[ 'class' => 'wds-icon wds-icon-small create-page-dialog__close' ]
 		);
 
 		$html .= Html::rawElement(
 			'header',
 			[ 'class' => 'wds-dialog__title' ],
 			$this->getMsg( 'cosmos-createpage-header' )->escaped() . $headerIcon
 		);
 
 		$html .= Html::openElement( 'div', [ 'class' => 'wds-dialog__content' ] );
 		$html .= Html::rawElement(
 			'div',
 			[ 'id' => 'create-page-dialog__message' ],
 			$this->getMsg( 'cosmos-createpage-input-label' )->escaped()
 		);
 
 		$html .= Html::openElement( 'div', [ 'class' => 'wds-input create-page-dialog__title-wrapper' ] );
 
 		$html .= Html::input(
 			'title',
 			'',
 			'text',
 			[ 'class' => 'wds-input__field', 'id' => 'create-page-dialog__title' ]
 		);
 
 		$html .= Html::closeElement( 'div' );
 
 		$html .= Html::rawElement(
 			'div',
 			[ 'id' => 'create-page-dialog__message' ],
 			$this->getMsg( 'cosmos-createpage-text',
 				$skin->getLanguage()->formatNum( SiteStats::articles() ),
 				$this->get( 'sitename' ),
 				$this->config->get( 'CosmosEnableWantedPages' ) ?
 					$this->getMsg( 'cosmos-createpage-wanted-pages' )->text() :
 					$this->getMsg( 'cosmos-createpage-no-wanted-pages',
 						SpecialPage::getTitleFor( 'Wantedpages' )
 					)->text()
 			)->parse()
 		);
 
 		$html .= Html::openElement( 'div', [ 'class' => 'create-page-dialog__proposals' ] );
 		$html .= Html::openElement( 'ul', [ 'class' => 'articleProposals' ] );
 
 		// Get most wanted pages
 		if ( $this->config->get( 'CosmosEnableWantedPages' ) ) {
 			foreach ( $this->getMostWantedPages() as $page ) {
 				$html .= '<li><a href="' . $page['url'] . '" class="new">' . $page['title'] . '</a></li>';
 			}
 		}
 
 		$html .= Html::closeElement( 'ul' );
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'br' );
 		$html .= Html::closeElement( 'br' );
 		$html .= Html::closeElement( 'br' );
 		$html .= Html::openElement( 'footer' );
 		$html .= Html::openElement( 'div', [ 'class' => 'wds-dialog__actions' ] );
 
 		$html .= Html::submitButton(
 			$this->getMsg( 'cosmos-createpage-next' )->text(),
 			[
 				'class' => 'wds-button wds-is-text create-page-dialog__button',
 				'disabled'
 			]
 		);
 
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'footer' );
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'form' );
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'div' );
 
 		return $html;
 	}
 
 	/**
 	 * @return array
 	 */
 	protected function getMostWantedPages() {
 		$wantedPagesPage = $this->specialPageFactory->getPage( 'Wantedpages' );
 		'@phan-var WantedPagesPage $wantedPagesPage';
 
 		$readFromCache = $this->config->get( 'CosmosFetchWantedPagesFromCache' );
 
 		$wantedPagesPageResponse = $readFromCache ?
 			$wantedPagesPage->fetchFromCache( false ) : $wantedPagesPage->doQuery();
 
 		$wantedPages = [];
 
 		$fetchedNamespaces = $this->config->get( 'CosmosWantedPagesFetchedNamespaces' );
 
 		$fetchedTitlesCount = 0;
 		$maxTitlesCount = $this->config->get( 'CosmosWantedPagesMaxTitlesCount' );
 
 		foreach ( $wantedPagesPageResponse as $row ) {
 			if (
 				$row->title &&
 				in_array( $row->namespace, $fetchedNamespaces ) &&
 				$fetchedTitlesCount < $maxTitlesCount
 			) {
 				$wantedPageTitle = $this->titleFactory->newFromText(
 					$row->title, $row->namespace
 				);
 
 				if (
 					$wantedPageTitle instanceof Title &&
 					!$wantedPageTitle->isKnown()
 					&& !preg_match( '/[:\/]+/', $wantedPageTitle->getText() )
 				) {
 					$wantedPages[] = [
 						'title' => $wantedPageTitle->getFullText(),
 						'url' => $wantedPageTitle->getLocalURL( [
 							'action' => 'edit',
 							'source' => 'redlink',
 						] ),
 					];
 
 					$fetchedTitlesCount++;
 				}
 			}
 		}
 
 		return $wantedPages;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildNavigation() {
 		$skin = $this->getSkin();
 
 		$cosmosNavigation = new CosmosNavigation( $skin->getContext() );
 		$html = '';
 		$html .= Html::openElement( 'ul', [ 'class' => 'wds-tabs' ] );
 
 		// Load site navigation links from MediaWiki:Cosmos-navigation
 		$html .= $cosmosNavigation->getCode();
 
 		// ManageWiki links
 		if ( isset( $this->data['sidebar']['managewiki-sidebar-header'] ) ) {
 			$dropdownIcon = Icon::getIcon( 'dropdown' )->makeSvg(
 				14,
 				14,
 				[
 					'id' => 'wds-icons-dropdown-tiny',
 					'class' => 'wds-icon wds-icon-tiny wds-dropdown__toggle-chevron'
 				]
 			);
 
 			$headerID = Sanitizer::escapeIdForAttribute( $this->getMsg( 'managewiki-sidebar-header' )->text() );
 			$html .= Html::rawElement(
 				'li',
 				[ 'class' => 'wds-tabs__tab' ],
 				'<div class="wds-dropdown" id="p-' . $headerID . '" aria-labelledby="p-' . $headerID . '-label">' .
 				'<div class="wds-tabs__tab-label wds-dropdown__toggle" id="p-' . $headerID . '-label">' .
 				'<span style="padding-top: 2px;">' . $this->getMsg( 'managewiki-sidebar-header' )->escaped() .
 				'</span>' . $dropdownIcon . '</div><div class="wds-is-not-scrollable wds-dropdown__content">' .
 				'<ul class="wds-list wds-is-linked wds-has-bolded-items">'
 			);
 
 			foreach ( $this->data['sidebar']['managewiki-sidebar-header'] as $module ) {
 				$html .= '<li class="wds-tabs__tab"><a id="' . $module['id'] . '" href="' .
 					htmlspecialchars( $module['href'] ) . '">' .
 					$module['text'] . '</a></li>';
 			}
 
 			$html .= '</div>';
 		}
 
 		$html .= Html::closeElement( 'ul' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildUserOptions() {
 		$html = '';
 
 		// Open container div
 		$html .= Html::openElement( 'div', [ 'id' => 'cosmos-banner-userOptions' ] );
 
 		if ( $this->data['username'] ) {
 			$html .= $this->buildNotifications();
 		}
 
 		$html .= $this->buildPersonalTools();
 
 		// Close container div
 		$html .= Html::closeElement( 'div' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildPersonalTools() {
 		$skin = $this->getSkin();
 
 		$html = '';
 
 		$html .= Html::openElement(
 			'div',
 			[
 				'id' => 'p-personal',
 				'class' => 'cosmos-userOptions-personalTools cosmos-dropdown cosmos-bannerOption',
 				'aria-labelledby' => 'p-personal-label'
 			]
 		);
 
 		$html .= Html::openElement(
 			'div',
 			[
 				'id' => 'cosmos-personalTools-userButton',
 				'class' => 'cosmos-dropdown-button cosmos-bannerOption-button'
 			]
 		);
 
 		if ( class_exists( wAvatar::class ) && $this->config->get( 'CosmosUseSocialProfileAvatar' ) ) {
 			$avatar = new wAvatar( $skin->getUser()
 				->getId(), 'm' );
 			$avatarElement = $avatar->getAvatarURL();
 		} else {
 			$avatarElement = Icon::getIcon( 'avatar' )->makeSvg( 28, 28 );
 		}
 
 		$html .= Html::rawElement(
 			'div',
 			[ 'id' => 'cosmos-userButton-avatar', 'class' => 'cosmos-bannerOption-icon' ],
 			$avatarElement
 		);
 
 		$html .= Html::rawElement(
 			'span',
 			[ 'id' => 'p-personal-label', 'class' => 'cosmos-userButton-label' ],
 			$this->get( 'username' ) ?? $this->getMsg( 'cosmos-anonymous' )->escaped()
 		);
 
 		$html .= Html::rawElement(
 			'div',
 			[ 'id' => 'cosmos-userButton-icon', 'class' => 'cosmos-dropdown-icon cosmos-bannerOption-dropdownIcon' ],
 			Icon::getIcon( 'dropdown' )->makeSvg( 14, 14 )
 		);
 
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::openElement( 'div', [ 'class' => 'body cosmos-personalTools-list cosmos-dropdown-list' ] );
 		$html .= Html::openElement( 'ul' );
 
 		$personalTools = $this->get( 'personal_urls' );
 
 		unset(
 			$personalTools[ 'notifications-notice' ],
 			$personalTools[ 'notifications-alert' ],
 			$personalTools[ 'adminlinks' ]
 		);
 
 		foreach ( $personalTools as $key => $item ) {
 			switch ( $key ) {
 				case 'userpage':
 					$item['text'] = $this->getMsg( 'cosmos-personaltools-userpage' )
 						->escaped();
 					break;
 				case 'mytalk':
 					$item['text'] = $this->getMsg( 'cosmos-personaltools-usertalk' )
 						->escaped();
 					break;
 				case 'anontalk':
 					$item['text'] = $this->getMsg( 'cosmos-personaltools-anontalk' )
 						->escaped();
 					break;
 				default:
 					break;
 			}
 
 			$tooltipMsg = $this->getMsg( "tooltip-pt-{$key}" );
 
 			if ( !$tooltipMsg->isDisabled() ) {
 				$item['title'] = $tooltipMsg->text();
 			}
 
 			$html .= Html::rawElement( 'li', [
 				'id' => "pt-{$key}",
 				'class' => [
 					'active' => $item['active'] ?? false,
 				],
 			], Html::rawElement( 'a', [
 				'class' => $item['link-class'] ?? $item['class'] ?? false,
 				'href' => $item['href'] ?? false,
 				'title' => $item['title'] ?? false,
 			], $item['text'] ?? false ) );
 		}
 
 		$html .= Html::closeElement( 'ul' );
 		$html .= Html::closeElement( 'div' );
 
 		$html .= Html::closeElement( 'div' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildNotifications() {
 		$skin = $this->getSkin();
 
 		$html = '';
 
 		if ( ExtensionRegistry::getInstance()->isLoaded( 'Echo' ) ) {
 			$personalTools = $skin->getPersonalToolsForMakeListItem( $this->get( 'personal_urls' ) );
 
 			$notificationIcons = [];
 			$notificationIcons['notifications-alert'] = $personalTools['notifications-alert'];
 			$notificationIcons['notifications-notice'] = $personalTools['notifications-notice'];
 
 			$iconList = '';
 
 			foreach ( $notificationIcons as $key => $item ) {
 				$iconList .= $skin->makeListItem( $key, $item );
 			}
 
 			$html .= Html::rawElement(
 				'div',
 				[ 'id' => 'cosmos-notification-icons' ],
 				Html::rawElement(
 					'div',
 					[ 'id' => 'cosmos-notifsButton-icon', 'class' => 'cosmos-bannerOption-icon' ],
 					$iconList
 				)
 			);
 		}
 
 		return $html;
 	}
 
 	/**
 	 * Builds HTML code to present the search form to the user, and appends it to
 	 * string passed to it.
 	 *
 	 * @return string
 	 */
 	protected function buildSearchBar() {
 		$skin = $this->getSkin();
 
 		$html = '';
 
 		// Open container div
 		$html .= Html::openElement( 'div', [
 			'id' => 'p-search',
 			'class' => [
 				'cosmos-banner-search',
 				'cosmos-search-box',
 			],
 		] );
 
 		// Open search form
 		$html .= Html::openElement( 'form', [
 			'action' => $this->get( 'wgScript' ),
 			'id' => 'searchform',
 			'class' => 'cosmos-search-box-form',
 		] );
 
 		$html .= Html::openElement( 'div', [
 			'id' => 'simpleSearch',
 		] );
 
 		// Insert search bar
 		$html .= $skin->makeSearchInput( [ 'id' => 'searchInput', 'class' => 'cosmos-search-input' ] );
 
 		// Insert hidden search title
 		$html .= Html::hidden( 'title', $this->get( 'searchtitle' ) );
 
 		$html .= Html::openElement(
 			'div',
 			[ 'id' => 'cosmos-search-buttonContainer', 'class' => 'cosmos-bannerOption-button' ]
 		);
 
 		// Insert search icon
 		$html .= Html::rawElement(
 			'div',
 			[ 'id' => 'cosmos-search-buttonIcon', 'class' => 'cosmos-bannerOption-icon' ],
 			Icon::getIcon( 'search' )->makeSvg( 28, 28 )
 		);
 
 		// Insert search button
 		$html .= $skin->makeSearchButton( 'go', [ 'id' => 'searchButton', 'class' => 'cosmos-search-button' ] );
 
 		// Insert fallback search button
 		$html .= $skin->makeSearchButton(
 			'fulltext',
 			[ 'id' => 'mw-searchButton', 'class' => 'mw-fallbackSearchButton cosmos-search-button' ]
 		);
 
 		$html .= Html::closeElement( 'div' );
 
 		// Close form
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'form' );
 
 		// Close container div
 		$html .= Html::closeElement( 'div' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildWikiHeader() {
 		$skin = $this->getSkin();
 		$user = $skin->getUser();
 
 		$canCreate = $this->permissionManager->userHasRight( $user, 'createpage' );
 		$canEdit = $this->permissionManager->userHasRight( $user, 'edit' );
 		$canRead = $this->permissionManager->userHasRight( $user, 'read' );
 		$canUpload = $this->permissionManager->userHasRight( $user, 'upload' );
 		$canAddVideo = $this->permissionManager->userHasRight( $user, 'addvideo' );
 		$canViewAdminLinks = $this->permissionManager->userHasRight( $user, 'adminlinks' );
 
 		$uploadsEnabled = $this->config->get( 'EnableUploads' );
 
 		$specialUploadURL = SpecialPage::getTitleFor( 'Upload' )->getFullURL();
 		$recentChangesURL = SpecialPage::getTitleFor( 'Recentchanges' )->getFullURL();
 
 		$uploadNavigationURL = $this->config->get( 'UploadNavigationUrl' );
 
 		$uploadURL = $uploadNavigationURL ?: $specialUploadURL;
 
 		$videoExtensionLoaded = ExtensionRegistry::getInstance()->isLoaded( 'Video' );
 		$adminLinksExtensionLoaded = ExtensionRegistry::getInstance()->isLoaded( 'Admin Links' );
 
 		$recentChangesMessage = $this->getMsg( 'recentchanges' );
 
 		$cosmosAddNewPageTextMessage = $this->getMsg( 'cosmos-add-new-page-text' );
 
 		$isAnon = !$this->get( 'username' );
 
 		$html = '';
 
 		$html .= Html::openElement(
 			'header',
 			[ 'class' => 'cosmos-header' ]
 		);
 
 		$html .= $this->buildWordmark();
 		$html .= Html::openElement( 'div', [ 'class' => 'cosmos-header__top-container' ] );
 		$html .= Html::openElement( 'div', [ 'class' => 'cosmos-header__sitename' ] );
 		$html .= Html::rawElement(
 			'a',
 			[ 'href' => $this->data['nav_urls']['mainpage']['href'] ?? '#' ],
 			$this->getMsg( 'cosmos-tagline' )->escaped()
 		);
 
 		$html .= Html::closeElement( 'div' );
 
 		if ( $canRead ) {
 			$html .= Html::openElement( 'div', [ 'class' => 'cosmos-header__counter' ] );
 			$html .= Html::element( 'span', [
 					'class' => 'cosmos-header__counter-value'
 				],
 				$skin->getLanguage()->formatNum( SiteStats::articles() )
 			);
 
 			$html .= Html::rawElement(
 				'span',
 				[ 'class' => 'cosmos-header__counter-label' ],
 				$this->getMsg( 'cosmos-counter-label' )->numParams( SiteStats::articles() )->escaped()
 			);
 
 			$html .= Html::closeElement( 'div' );
 			$html .= Html::openElement( 'div', [ 'class' => 'cosmos-header__wiki-buttons wds-button-group' ] );
 
 			if ( $canCreate && $canEdit ) {
 				$newPageIcon = Icon::getIcon( 'newpage' )->makeSvg(
 					1000,
 					1000,
 					[
 						'class' => 'wds-icon wds-icon-small',
 						'id' => 'wds-icons-page-small',
 						'style' => ( !$isAnon && $canViewAdminLinks ? 'margin-right: 0;' : null )
 					]
 				);
 
 				if ( $canViewAdminLinks ) {
 					$newPageText = $isAnon ? $cosmosAddNewPageTextMessage->escaped() : null;
 				} else {
 					$newPageText = $isAnon
 						? $this->getMsg( 'cosmos-anon-add-new-page-text' )->escaped()
 						: $cosmosAddNewPageTextMessage->escaped();
 				}
 
 				$html .= Html::rawElement(
 					'a',
 					[
 						'class' => 'wds-button wds-is-secondary createpage',
 						'id' => 'createpage',
 						'href' => '#create-article',
 						'title' => $this->getMsg( 'cosmos-add-new-page-title' )->text()
 					],
 					$newPageIcon . $newPageText
 				);
 			}
 
 			if ( !$isAnon || ( !$canEdit && !$canCreate ) ) {
 				$recentChangesIcon = Icon::getIcon( 'recentchanges' )->makeSvg(
 					22,
 					22,
 					[
 						'class' => 'wds-icon-small',
 						'id' => 'wds-icons-activity-small',
 						'stroke' => 'currentcolor',
 						'stroke-linecap' => 'round',
 						'stroke-linejoin' => 'round',
 						'stroke-width' => 2
 					]
 				);
 
 				$recentChangesText = !$canEdit && !$canCreate
 					? '&nbsp;&nbsp;' . $recentChangesMessage->escaped()
 					: null;
 
 				$html .= Html::rawElement(
 					'a',
 					[
 						'class' => 'wds-button wds-is-secondary',
 						'href' => $recentChangesURL,
 						'title' => ucwords( $recentChangesMessage->text() )
 					],
 					$recentChangesIcon . $recentChangesText
 				);
 			}
 
 			if ( $canViewAdminLinks && $adminLinksExtensionLoaded ) {
 				$html .= Html::rawElement(
 					'a',
 					[
 						'class' => 'wds-button wds-is-secondary',
 						'href' => SpecialPage::getTitleFor( 'AdminLinks' )->getFullURL(),
 						'title' => ucwords( $this->getMsg( 'adminlinks' )->text() )
 					],
 					Icon::getIcon( 'admindashboard' )->makeSvg(
 						24,
 						24,
 						[ 'class' => 'wds-icon-small', 'id' => 'wds-icons-dashboard-small' ]
 					)
 				);
 			}
 
 			if (
 				( !$isAnon && ( ( $canUpload && $uploadsEnabled ) ||
 				( $canAddVideo && $videoExtensionLoaded ) ) ) ||
 				( ( ( $canUpload && $uploadsEnabled ) ||
 				( $canAddVideo && $videoExtensionLoaded ) ) && !$canEdit && !$canCreate )
 			) {
 				$moreIcon = Icon::getIcon( 'more' )->makeSvg(
 					384,
 					384,
 					[ 'class' => 'wds-icon wds-icon-small', 'id' => 'wds-icons-more' ]
 				);
 
 				if ( $canUpload && $uploadsEnabled ) {
 					$newImageHTML = '<li id="m-add-new-image"><a href="' .
 						htmlspecialchars( $uploadURL ) .
 						'">' . $this->getMsg( 'cosmos-add-new-image' )->escaped() . '</a></li>';
 				} else {
 					$newImageHTML = null;
 				}
 
 				if ( $canAddVideo ) {
 					$newVideoHTML = '<li id="m-add-new-video"><a href="' .
 						htmlspecialchars(
 							SpecialPage::getTitleFor( 'AddVideo' )->getFullURL()
 						) .
 						'">' . $this->getMsg( 'cosmos-add-new-video' )->escaped() . '</a></li>';
 				} else {
 					$newVideoHTML = null;
 				}
 
 				$html .= Html::rawElement(
 					'div',
 					[ 'class' => 'wds-dropdown', 'id' => 'p-more' ],
 					'<div class="wds-button wds-is-secondary wds-dropdown__toggle">' . $moreIcon . '</div>' .
 						'<div class="wds-dropdown__content wds-is-not-scrollable wds-is-right-aligned">' .
 						'<ul class="wds-list wds-is-linked">' . $newImageHTML . $newVideoHTML .
 						'<li id="m-recentchanges"><a href="' . htmlspecialchars( $recentChangesURL ) . '">' .
 						$recentChangesMessage->escaped() . '</a></li></ul></div>'
 				);
 			}
 
 			$html .= Html::closeElement( 'div' );
 		}
 
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::openElement(
 			'nav',
 			[ 'class' => 'cosmos-header__local-navigation', 'id' => 'p-cosmos-navigation' ]
 		);
 
 		$html .= $this->buildNavigation();
 		$html .= Html::closeElement( 'nav' );
 		$html .= Html::closeElement( 'header' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildWordmark() {
 		$html = '';
 
 		if ( $this->wordmarkLookup->getWordmarkUrl() ) {
 			// Open container div for logo
 			$html .= Html::openElement( 'div', [ 'class' => 'cosmos-header__wordmark' ] );
 
 			// Open link element
 			$html .= Html::openElement(
 				'a',
 				array_merge(
 					[ 'href' => $this->data['nav_urls']['mainpage']['href'] ?? '#' ],
 					Linker::tooltipAndAccesskeyAttribs( 'p-logo' )
 				)
 			);
 
 			// Insert wordmark
 			$logoSrc = $this->wordmarkLookup->getWordmarkUrl();
 
 			$html .= Html::rawElement(
 				'img',
 				[ 'src' => $logoSrc, 'alt' => $this->get( 'sitename' ) ]
 			);
 
 			// Close link element
 			$html .= Html::closeElement( 'a' );
 
 			// Close container div
 			$html .= Html::closeElement( 'div' );
 		}
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildWiki() {
 		$html = '';
 
 		// Open container element for page body
 		$html .= Html::openElement( 'section', [ 'id' => 'mw-content' ] );
 
 		$html .= Html::openElement( 'div', [
 			'id' => 'content',
 			'class' => [
 				'cosmos-pageAligned',
 				'mw-body',
 			]
 		] );
 
+		$html .= Html::element( 'a', [ 'id' => 'top' ], '' );
+
 		// Build the header
 		$html .= $this->buildHeader();
 
 		// Build the article content
 		$html .= Html::rawElement( 'div',
 			[ 'class' => 'cosmos-articleContainer' ],
 			$this->buildArticle() . $this->cosmosRailBuilder->buildRail()
 		);
 
 		// Close container element for page body
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'section' );
 
 		$html .= $this->buildFooter();
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildHeader() {
 		$html = '';
 
 		// Open container element for header
 		$html .= Html::openElement( 'header', [ 'id' => 'cosmos-page-header' ] );
 
 		// Build article header
 		$html .= $this->buildArticleHeader();
 
 		// Close container element
 		$html .= Html::closeElement( 'header' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildArticle() {
 		$html = '';
 
 		// Open container element for article
 		$html .= Html::openElement( 'article', [ 'id' => 'cosmos-pageBody-content' ] );
 
 		// If it exists, insert the page subtitle
 		if ( $this->data['subtitle'] ) {
 			$html .= Html::rawElement( 'div', [ 'id' => 'cosmos-pageContent-subtitle' ], $this->get( 'subtitle' ) );
 		}
 
 		// If it exists, insert the article undelete message
 		if ( $this->data['undelete'] ) {
 			$html .= Html::rawElement( 'div', [ 'id' => 'cosmos-pageContent-undelete' ], $this->get( 'undelete' ) );
 		}
 
 		// If it exists, display the site notice at the top of the article
 		// Check for dissmissable site notice extension
 		$request = $this->getSkin()->getRequest();
 
 		if ( ExtensionRegistry::getInstance()->isLoaded( 'DismissableSiteNotice' ) && $this->data['sitenotice'] ) {
 			$html .= Html::rawElement( 'div', [ 'id' => 'siteNotice' ], $this->get( 'sitenotice' ) );
 		} elseif (
 			$this->data['sitenotice'] &&
 			(
 				!$request->getCookie( 'CosmosSiteNoticeState' ) ||
 				$request->getCookie( 'CosmosSiteNoticeState' ) !== 'closed'
 			)
 		) {
 			$html .= Html::openElement(
 				'div',
 				[
 					'id' => 'cosmos-content-siteNotice',
 					'data-site-notice-hash' => hash( 'crc32b', $this->get( 'sitenotice' ) )
 				]
 			);
 
 			// Display the site notice close button
 			$html .= Html::rawElement(
 				'div',
 				[ 'class' => 'cosmos-button cosmos-button-primary', 'id' => 'cosmos-siteNotice-closeButton' ],
 				Icon::getIcon( 'close' )->makeSvg( 14, 14, [ 'id' => 'cosmos-siteNotice-closeIcon' ] )
 			);
 
 			$html .= Html::rawElement( 'div', [ 'id' => 'siteNotice' ], $this->get( 'sitenotice' ) );
 
 			$html .= Html::closeElement( 'div' );
 		}
 
 		$html .= $this->get( 'bodytext' );
 
 		// If appropriate, insert the category links at the bottom of the page
 		if ( $this->data['catlinks'] ) {
 			$html .= Html::rawElement( 'span', [ 'id' => 'cosmos-content-categories' ], $this->get( 'catlinks' ) );
 		}
 
 		// If there is any additional data or content to show, insert it now
 		if ( $this->data['dataAfterContent'] ) {
 			$html .= Html::rawElement(
 				'span',
 				[ 'id' => 'cosmos-content-additionalContent' ],
 				$this->get( 'dataAfterContent' )
 			);
 		}
 
 		// Close container element for article
 		$html .= Html::closeElement( 'article' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildArticleHeader() {
 		$html = '';
 
 		$html .= $this->buildArticleCategories();
 		$html .= $this->buildArticleInterlang();
 		$html .= Html::openElement( 'div', [ 'id' => 'cosmos-header-articleHeader' ] );
-		$html .= Html::openElement( 'h1', [ 'id' => 'cosmos-articleHeader-title', 'class' => 'firstHeading' ] );
+		$html .= Html::openElement( 'h1', [ 'id' => 'firstHeading', 'class' => 'firstHeading' ] );
 		$html .= Html::rawElement( 'span', [ 'id' => 'cosmos-title-text' ], $this->get( 'title' ) );
 		$html .= $this->getIndicators();
 		$html .= Html::closeElement( 'h1' );
 		$html .= Html::openElement( 'div', [ 'id' => 'cosmos-articleHeader-actions' ] );
 		$html .= $this->buildActionButtons();
 		$html .= Html::closeElement( 'div' );
 		$html .= Html::closeElement( 'div' );
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildArticleCategories() {
 		$skin = $this->getSkin();
 		$context = $skin->getContext();
 
 		$categories = [];
 		$categoryNames = $context->getOutput()->getCategories( 'normal' );
 
 		foreach ( $categoryNames as $categoryName ) {
 			$categoryTitle = $this->titleFactory->newFromText( $categoryName, NS_CATEGORY );
 
 			if ( empty( $categoryTitle ) ) {
 				continue;
 			}
 
 			array_push( $categories, $categoryTitle );
 		}
 
 		$hasMoreCategories = count( $categories ) > 4;
 
 		$categoriesLinks = [];
 		$categoriesArray = $hasMoreCategories ?
 			array_slice( $categories, 0, 3 ) :
 			$categories;
 
 		foreach ( $categoriesArray as $i => $category ) {
 			$categoriesLinks[] = Html::element( 'a', [
 					'href' => $category->getLocalURL(),
 					'id' => 'categories-top-' . $i,
 				], $category->getText()
 			);
 		}
 
 		$categoriesHTML = implode( ', ', $categoriesLinks );
 
 		if ( $hasMoreCategories ) {
 			$categoriesHTML .= $this->getMsg( 'cosmos-article-header-categories-more-separator' )->escaped();
 		}
 
 		$moreCategories = $hasMoreCategories ? array_slice( $categories, 3 ) : [];
 
 		$inCategoriesText = $this->getMsg( 'cosmos-article-header-categories-in' )->escaped();
 		$moreCategoriesText = $this->getMsg( 'cosmos-article-header-categories-more' )
 			->numParams( count( $moreCategories ) )
 			->escaped();
 
 		if ( $context->canUseWikiPage() && $context->getWikiPage()->getTitle()->isMainPage() ) {
 			$hasVisibleCategories = false;
 		} else {
 			$hasVisibleCategories = count( $categories ) > 0;
 		}
 
 		$html = '';
 		if ( $hasVisibleCategories ) {
 			$html .= Html::openElement( 'div', [
 					'class' => 'page-header__categories',
 				]
 			);
 
 			$html .= Html::rawElement( 'span', [
 					'class' => 'page-header__categories-in',
 				], $inCategoriesText
 			);
 
 			$html .= Html::openElement( 'div', [
 					'class' => 'page-header__categories-links',
 				]
 			);
 
 			$html .= $categoriesHTML;
 
 			if ( $hasMoreCategories ) {
 				$html .= Html::openElement( 'div', [
 						'class' => [
 							'wds-dropdown',
 							'page-header__categories-dropdown',
 						]
 					]
 				);
 
 				$html .= Html::rawElement( 'a', [
 						'class' => 'wds-dropdown__toggle',
 					], $moreCategoriesText
 				);
 
 				$html .= Html::openElement( 'div', [
 						'class' => [
 							'wds-dropdown__content',
 							'page-header__categories-dropdown-content',
 							'wds-is-left-aligned',
 						]
 					]
 				);
 
 				$html .= Html::openElement( 'ul', [
 						'class' => [
 							'wds-list',
 							'wds-is-linked',
 						]
 					]
 				);
 
 				foreach ( $moreCategories as $i => $category ) {
 					$html .= Html::openElement( 'li' );
 
 					$html .= Html::element( 'a', [
 							'href' => $category->getLocalURL(),
 							'id' => 'categories-top-more-' . $i,
 						], $category->getText()
 					);
 
 					$html .= Html::closeElement( 'li' );
 				}
 
 				$html .= Html::closeElement( 'ul' );
 				$html .= Html::closeElement( 'div' );
 				$html .= Html::closeElement( 'div' );
 			}
 
 			$html .= Html::closeElement( 'div' );
 			$html .= Html::closeElement( 'div' );
 		}
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildArticleInterlang() {
 		$skin = $this->getSkin();
 		$html = '';
 
 		if ( count( $this->data['content_navigation']['variants'] ?? [] ) != 0 || $this->get( 'language_urls' ) ) {
 			$html .= Html::openElement( 'div', [ 'id' => 'cosmos-header-interlang' ] );
 
 			$dropdownIcon = Icon::getIcon( 'dropdown' )->makeSvg( 14, 14, [
 				'id' => 'wds-icons-dropdown-tiny',
 				'class' => [
 					'wds-icon',
 					'wds-icon-tiny',
 					'wds-dropdown__toggle-chevron',
 				],
 			] );
 
 			// Language variant (varlang) links
 			if ( count( $this->data['content_navigation']['variants'] ?? [] ) != 0 ) {
 
 				// Special casing for variant to change label to selected.
 				// Check the class of the item for a `selected` class and if so, propagate the items label to the main
 				// label.
 				$variantLabel = $this->getMsg( 'variants' )->text();
 				foreach ( $this->data['content_navigation']['variants'] ?? [] as $item ) {
 					if ( stripos( $item['class'] ?? '', 'selected' ) !== false ) {
 						$variantLabel = $item['text'];
 						break;
 					}
 				}
 
 				$variantLinks = '';
 				foreach ( $this->data['content_navigation']['variants'] ?? [] as $module ) {
 					$variantLinks .= Html::rawElement(
 						'li', [
 							'class' => [
 								$module['class'] ?? '',
 								'ca-variants-' . $module['hreflang'],
 								'mw-list-item',
 								'wds-tabs__tab',
 								'variant-link',
 								'variant-' . $module['hreflang'],
 							],
 							'id' => $module['id']
 						],
 						Html::element(
 							'a', [
 								'href' => $module['href'],
 								'lang' => $module['lang'],
 								'hreflang' => $module['hreflang'],
 								'id' => 'variant-' . $module['hreflang']
 							], $module['text']
 						)
 					);
 				}
 
 				$html .= Html::rawElement(
 					'div', [
 						'class' => [
 							'wds-dropdown',
 							'page-header__variants',
 							'mw-portlet',
 							'mw-portlet-variants',
 						],
 						'id' => 'p-variants',
 						'aria-labelledby' => 'p-variants-label'
 					],
 					Html::rawElement(
 						'div', [
 							'class' => [
 								'wds-tabs__tab-label',
 								'wds-dropdown__toggle',
 							],
 							'id' => 'p-lang-label',
 						],
 						Html::element(
 							'span', [
 								'class' => 'user-variant',
 								'style' => 'padding-top: 2px; font-size: 14px;',
 							], $variantLabel
 						)
 					) . $dropdownIcon . Html::rawElement(
 						'div', [
 							'class' => [
 								'wds-dropdown__content',
 								'wds-is-not-scrollable',
 								'wds-is-right-aligned',
 							],
 						],
 						Html::rawElement(
 							'ul', [
 								'class' => [
 									'wds-list',
 									'wds-is-linked',
 								],
 							], $variantLinks
 						)
 					)
 				);
 			}
 
 			// Interlanguage (languages) links
 			if ( $this->get( 'language_urls' ) ) {
 				$title = $skin->getTitle();
 
 				// Special casing for Language to change label to current page content language (not view language).
 				$interlangLabel = $this->getMsg( 'otherlanguages' )->text();
 				$pageLanguage = $title->getPageLanguage()->getCode();
 
 				// Fix cases including special pages and Scribunto Lua module pages
 				if ( $title->getNamespace() == NS_SPECIAL || !( $title->hasContentModel( CONTENT_MODEL_WIKITEXT ) ) ) {
 					$pageLanguage = $this->contentLanguage->getCode();
 				}
 
 				$interlangLabel = $this->languageNameUtils->getLanguageName( $pageLanguage );
 
 				$interlangLinks = '';
 				foreach ( $this->get( 'language_urls', [] ) as $module ) {
 					$interlangLinks .= Html::rawElement(
 						'li', [
 							'class' => [
 								'wds-tabs__tab',
 								'interlanguage-link',
 								'interwiki-' . $module['hreflang'],
 							],
 						],
 						Html::element(
 							'a', [
 								'href' => $module['href'],
 								'lang' => $module['lang'],
 								'hreflang' => $module['hreflang'],
 								'title' => $module['title'],
 								'id' => 'lang-' . $module['hreflang'],
 							], $module['text']
 						)
 					);
 				}
 
 				$html .= Html::rawElement(
 					'div', [
 						'class' => [
 							'wds-dropdown',
 							'page-header__languages',
 							'mw-portlet',
 							'mw-portlet-lang',
 						],
 						'id' => 'p-lang',
 						'aria-labelledby' => 'p-lang-label'
 					],
 					Html::rawElement(
 						'div', [
 							'class' => [
 								'wds-tabs__tab-label',
 								'wds-dropdown__toggle',
 							],
 							'id' => 'p-lang-label',
 						],
 						Html::element(
 							'span', [
 								'class' => 'user-language',
 								'style' => 'padding-top: 2px; font-size: 14px;',
 							], $interlangLabel
 						)
 					) . $dropdownIcon . Html::rawElement(
 						'div', [
 							'class' => [
 								'wds-dropdown__content',
 								'wds-is-right-aligned',
 							],
 						],
 						Html::rawElement(
 							'ul', [
 								'class' => [
 									'wds-list',
 									'wds-is-linked',
 								],
 							], $interlangLinks
 						)
 					)
 				);
 			}
 
 			$html .= Html::closeElement( 'div' );
 		}
 
 		return $html;
 	}
 
 	/**
 	 * @return string
 	 */
 	protected function buildActionButtons() {
 		$skin = $this->getSkin();
 		$title = $skin->getRelevantTitle();
 
 		$talkTitle = empty( $title ) ? null : $title->getTalkPageIfDefined();
 
 		$isEditing = false;
 		$isViewSource = false;
 		$isHistory = false;
 		$isSpecialAction = false;
 		$isTalkPage = !empty( $title ) ? $title->isTalkPage() : false;
 
 		$view = null;
 		$edit = null;
 		$talk = null;
 
 		$dropdown = [];
 
 		$html = '';
 
 		// Sort through the flat content actions array provided by the API, and
 		// extract, discard and modify what is necessary
 		foreach ( $this->data['content_actions'] as $key => $tab ) {
 			switch ( $key ) {
 				// If the action is edit or view source, assign the tab array to the
 				// edit variable, and specify the path to the image to use as the
 				// button's icon
 				case 'edit':
 					$edit = $tab;
 					$edit['imgType'] = 'svg';
 					$edit['imgSrc'] = 'edit';
 					if ( stripos( $tab['class'], 'selected' ) !== false ) {
 						$isEditing = true;
 					}
 					break;
 				case 'viewsource':
 					$edit = $tab;
 					$edit['imgType'] = 'svg';
 					$edit['imgSrc'] = 'view';
 
 					if ( stripos( $tab['class'], 'selected' ) !== false ) {
 						$isViewSource = true;
 					}
 					break;
 
 				// If the action is talk, assign the tab array to the talk variable and
 				// specify the path to the button icon
 				case 'talk':
 					$talk = $tab;
 					$talk['imgType'] = 'svg';
 					$talk['imgSrc'] = 'talk';
 					break;
 
 				// If the action is add section, then replace the tooltip (which is, by
 				// default, just a '+') with 'Add new section', a more appropriate
 				// message for a drop-down list format and then DELIBERATELY fall
 				// through to the default case
 				case 'addsection':
 					$tab['text'] = $this->getMsg( 'cosmos-action-addsection' )->text();
 
 				// Finally, if the content action is none of the above, add it to the
 				// growing array of miscellaneous content actions to be displayed in a
 				// drop-down list beneath the edit/view soure button
 				default:
 					if ( substr( $key, 0, 6 ) === 'nstab-' ) {
 						$view = $tab;
 					} elseif ( substr( $key, 0, 8 ) !== 'varlang-' ) {
 						if ( stripos( $tab['class'] ?? '', 'selected' ) === false ) {
 							$dropdown[$key] = $tab;
 						} else {
 							if ( $key === 'history' ) {
 								$isHistory = true;
 							} else {
 								$isSpecialAction = true;
 							}
 						}
 					}
 					break;
 			}
 		}
 
 		// Add Cosmos-specific classes to the view, edit and talk buttons
 		if ( !empty( $view ) ) {
 			$view['class'] .= ' cosmos-actions-view';
 		}
 
 		if ( !empty( $edit ) ) {
 			$edit['class'] .= ' cosmos-actions-edit';
 		}
 
 		if ( !empty( $talk ) ) {
 			$talk['class'] .= ' cosmos-actions-talk';
 		}
 
 		$primary = '';
 		$secondary = '';
 
 		if ( $isEditing || $isSpecialAction ) {
 			if ( $isTalkPage ) {
 				// Primary button leads back to talk page
 				if ( !empty( $talk ) ) {
 					$talk['imgType'] = 'svg';
 					$talk['imgSrc'] = 'cancel';
 					$talk['text'] = $this->getMsg( 'cosmos-action-cancel' )->text();
 
 					// Set href to the talk URL, so that if the talk page doesn't exist,
 					// clicking the button while editing it doesn't use the redlink URL
 					// that would take the user straight back to edit page
 					if ( !empty( $talkTitle ) ) {
 						$talk['href'] = $talkTitle->getLinkURL();
 					}
 
 					$primary = $talk;
 				}
 
 				// Secondary button leads back to article
 				if ( !empty( $view ) ) {
 					$view['imgType'] = 'svg';
 					$view['imgSrc'] = 'back';
 					$view['text'] = $this->getMsg( 'cosmos-action-backtopage', $view['text'] ?? false )->text();
 					$secondary = $view;
 				}
 			} else {
 				// Primary button leads back to article
 				if ( !empty( $view ) ) {
 					$view['imgType'] = 'svg';
 					$view['imgSrc'] = 'cancel';
 					$view['text'] = $this->getMsg( 'cosmos-action-cancel' )->text();
 
 					// Set href to the page URL, so that if the page doesn't exist,
 					// clicking the button while editing it doesn't use the redlink URL
 					// that would take the user straight back to edit page
 					if ( !empty( $title ) ) {
 						$view['href'] = $title->getLinkURL();
 					}
 					$primary = $view;
 				}
 
 				// Secondary button leads to talk page
 				if ( !empty( $talk ) ) {
 					$talk['imgType'] = 'svg';
 					$talk['imgSrc'] = 'talk';
 					$secondary = $talk;
 				}
 			}
 
 			// Edit pushed to dropdown
 			if ( !$isEditing && !empty( $edit ) ) {
 				array_unshift( $dropdown, $edit );
 			}
 
 		} elseif ( $isHistory || $isViewSource ) {
 			if ( $isTalkPage ) {
 				// Primary button leads back to talk page
 				if ( !empty( $talk ) ) {
 					$talk['imgType'] = 'svg';
 					$talk['imgSrc'] = 'back';
 					$talk['text'] = $this->getMsg( 'cosmos-action-back' )->text();
 					$primary = $talk;
 				}
 
 				// Secondary button leads back to article
 				if ( !empty( $view ) ) {
 					$view['imgType'] = 'svg';
 					$view['imgSrc'] = 'back';
 					$view['text'] = $this->getMsg( 'cosmos-action-backtopage', $view['text'] ?? false )->text();
 					$secondary = $view;
 				}
 
 			} else {
 				// Primary button leads back to article
 				if ( !empty( $view ) ) {
 					$view['imgType'] = 'svg';
 					$view['imgSrc'] = 'back';
 					$view['text'] = $this->getMsg( 'cosmos-action-back' )->text();
 					$primary = $view;
 				}
 
 				// Secondary button leads to talk page
 				if ( !empty( $talk ) ) {
 					$secondary = $talk;
 				}
 			}
 			// Edit pushed to dropdown
 			if ( !$isViewSource && !empty( $edit ) ) {
 				array_unshift( $dropdown, $edit );
 			}
 		} else {
 			if ( $isTalkPage ) {
 				// Primary button leads to talk page edit
 				if ( !empty( $edit ) ) {
 					$primary = $edit;
 				}
 
 				// Secondary button leads back to article
 				if ( !empty( $view ) ) {
 					$view['imgType'] = 'svg';
 					$view['imgSrc'] = 'back';
 					$view['text'] = $skin->msg( 'cosmos-action-backtopage', $view['text'] ?? false )->text();
 					$secondary = $view;
 				}
 			} else {
 				// Primary button leads to article edit
 				if ( !empty( $edit ) ) {
 					$primary = $edit;
 				}
 
 				// Secondary button leads to talk page
 				if ( !empty( $view ) ) {
 					$secondary = $talk;
 				}
 			}
 		}
 
 		// Add Cosmos-specific classes to the primary and secondary buttons
 		if ( !empty( $primary ) ) {
 			$primary['class'] .= ' cosmos-button cosmos-button-primary cosmos-button-action';
 		}
 
 		if ( !empty( $secondary ) ) {
 			$secondary['class'] .= ' cosmos-button cosmos-button-secondary cosmos-button-action';
 		}
 
 		// If the primary content action is available, display it as a button
 		if ( !empty( $primary ) ) {
 			$html .= $this->buildActionButton( $primary );
 		}
 
 		// If there are one or more miscellaneous content actions available,
 		// display them as a drop-down list following the primary button
 		if ( count( $dropdown ) > 0 ) {
 			$html .= $this->buildActionDropdown( $dropdown );
 		}
 
 		// If the secondary content action is available, display it as a button
 		if ( !empty( $secondary ) ) {
 			$html .= $this->buildActionButton( $secondary );
 		}
 
 		return $html;
 	}
 
 	/**
 	 * Builds HTML code to for an individual content action button, and appends
 	 * it to the string passed
 	 *
 	 * @param array $info An array with the necessary info to build the button
 	 * @return string
 	 */
 	protected function buildActionButton( array $info ) {
 		$html = '';
 
 		// If the button links to another page, surround it in an <a> element that
 		// links there
 		if ( !empty( $info['href'] ) ) {
 			$html .= Html::openElement( 'a', [ 'href' => $info['href'], 'title' => $info['title'] ?? '' ] );
 		}
 
 		// Open a <div> for the button
 		$html .= Html::openElement( 'div', [ 'id' => $info['id'], 'class' => $info['class'] ] );
 
 		if ( isset( $info['imgSrc'] ) ) {
 			// If the button is to have an icon, display the icon in the format
 			// corresponding to the given image type
 			switch ( $info['imgType'] ) {
 				case 'svg':
 					$icon = Icon::getIcon( $info['imgSrc'] );
 					if ( !isset( $icon ) ) {
 						break;
 					}
 
 					$html .= $icon->makeSvg( 28, 28, [ 'class' => 'cosmos-button-icon' ] );
 					break;
 				default:
 					$stylePath = $this->getSkin()
 						->getConfig()
 						->get( 'StylePath' );
 
 					$html .= Html::rawElement(
 						'img',
 						[ 'src' => $stylePath . '/Cosmos/resources/icons/' . $info['imgSrc'] ]
 					);
 					break;
 			}
 		}
 
 		// Place the button text in a <span> element
 		$html .= Html::element( 'span', [ 'class' => 'cosmos-button-text' ], $info['text'] );
 
 		// Close the main button <div> element
 		$html .= Html::closeElement( 'div' );
 
 		// If necessary, close the <a> element surrounding the button too
 		if ( isset( $info['href'] ) ) {
 			$html .= Html::closeElement( 'a' );
 		}
 
 		return $html;
 	}
 
 	/**
 	 * Builds HTML code to for a drop-down list of selectable content actions,
 	 * and appends it to a given string
 	 *
 	 * @param array $items An array of items which should be placed in the list
 	 * @return string
 	 */
 	protected function buildActionDropdown( array $items ) {
 		$skin = $this->getSkin();
 
 		$html = '';
 
 		// Open a <div> element to contain the entire drop-down
 		$html .= Html::openElement( 'div', [
 			'class' => 'cosmos-dropdown',
 			'id' => 'cosmos-actions-actionsList'
 		] );
 
 		// Open a div for a button that will display the list when hovered over
 		// (this is achieved via CSS styling of the cosmos-dropdown,
 		// cosmos-dropdown-button, cosmos-dropdown-icon and cosmos-dropdown-list classes)
 		$html .= Html::openElement( 'div', [
 			'class' => [
 				'cosmos-button cosmos-button-primary',
 				'cosmos-button-action',
 				'cosmos-dropdown-button'
 			],
 			'id' => 'cosmos-actionsList-button'
 		] );
 
 		// Insert the dropdown icon
 		$html .= Html::rawElement( 'div', [
 			'id' => 'cosmos-actionsList-dropdownIcon',
 			'class' => 'cosmos-dropdown-icon'
 		], Icon::getIcon( 'dropdown' )->makeSvg( 14, 14 ) );
 
 		// Close the button div
 		$html .= Html::closeElement( 'div' );
 
 		// Open an <ul> element to contain the list itself
 		$html .= Html::openElement( 'ul', [ 'class' => 'cosmos-dropdown-list', 'id' => 'cosmos-actionsList-list' ] );
 
 		// Step through the array and use the makeListItem to convert each of the
 		// items into a properly formatted HTML <li> element
 		foreach ( $items as $key => $value ) {
 			$html .= $skin->makeListItem( $key, $value );
 		}
 
 		// Close the <ul> list container
 		$html .= Html::closeElement( 'ul' );
 
 		// Close the <div> container
 		$html .= Html::closeElement( 'div' );
 
 		return $html;
 	}
 
 	/**
 	 * Builds HTML code for the page foooter, and appends it to the string passed
 	 * to it.
 	 *
 	 * @return string
 	 */
 	protected function buildFooter() {
 		$html = '';
 
 		// Open container element for footer
 		$html .= Html::openElement( 'footer', [ 'id' => 'cosmos-footer' ] );
 
 		// Open container element for footer content
 		$html .= Html::openElement( 'div', [ 'class' => 'cosmos-pageAligned' ] );
 
 		$html .= Html::openElement( 'div', [ 'id' => 'cosmos-footer-footerContent' ] );
 
 		$html .= Html::openElement( 'div', [ 'class' => 'cosmos-articleContainer' ] );
 
 		// Build the footer links
 		$html .= $this->buildFooterLinks();
 
 		// Build the footer icons
 		$html .= $this->buildFooterIcons();
 
 		$html .= Html::closeElement( 'div' );
 
 		$html .= Html::closeElement( 'div' );
 
 		// Close container element for footer content
 		$html .= Html::closeElement( 'div' );
 
 		// Close container element for footer
 		$html .= Html::closeElement( 'footer' );
 
 		return $html;
 	}
 
 	/**
 	 * Builds HTML code to display the footer icons, and appends it to the string
 	 * that is passed to it.
 	 *
 	 * @return string
 	 */
 	protected function buildFooterIcons() {
 		$footerIcons = $this->get( 'footericons' );
 
 		if ( count( $footerIcons ) <= 0 ) {
 			return '';
 		}
 
 		$skin = $this->getSkin();
 
 		$html = '';
 
 		// Open container div for icons
 		$html .= Html::openElement(
 			'div',
 			[ 'id' => 'cosmos-footerContent-footerIcons', 'class' => 'cosmos-sidebarAligned' ]
 		);
 
 		// Open unordered list element for icon list
 		$html .= Html::openElement( 'ul', [ 'id' => 'cosmos-footerIcons-list' ] );
 
 		// Loop through each footer icon and generate a list item element
 		// which contains the icon to display
 		foreach ( $footerIcons as $blockName => $footerIcons ) {
 			foreach ( $footerIcons as $icon ) {
 				$html .= Html::openElement(
 					'li',
 					[ 'id' => "cosmos-footerIcons-{$blockName}", 'class' => 'cosmos-footerIcons-listItem' ]
 				);
 
 				if ( is_string( $icon ) || isset( $icon['src'] ) ) {
 					$html .= $skin->makeFooterIcon( $icon );
 				}
 
 				$html .= Html::closeElement( 'li' );
 			}
 		}
 
 		// Close unordered list element
 		$html .= Html::closeElement( 'ul' );
 
 		// Close container div
 		$html .= Html::closeElement( 'div' );
 
 		return $html;
 	}
 
 	/**
 	 * Builds HTML code to display the footer links, and appends it to the string
 	 * that is passed to it.
 	 *
 	 * @return string
 	 */
 	protected function buildFooterLinks() {
 		$html = '';
 
 		// Open container div for footer links
 		$html .= Html::openElement(
 			'div',
 			[ 'id' => 'cosmos-footerContent-footerLinks', 'class' => 'cosmos-articleAligned' ]
 		);
 
 		foreach ( $this->getFooterLinks() as $category => $links ) {
 			// Open unordered list element for link list
-			$html .= Html::openElement(
-				'ul',
-				[ 'id' => "cosmos-footerLinks-{$category}", 'class' => 'cosmos-footerLinks-list' ]
-			);
+			$html .= Html::openElement( 'ul', [
+				'id' => Sanitizer::escapeIdForAttribute(
+					"footer-{$category}"
+				),
+				'class' => 'cosmos-footerLinks-list',
+			] );
 
-			foreach ( $links as $key ) {
-				$html .= Html::rawElement( 'li', [ 'class' => 'cosmos-footerLinks-listItem' ], $this->get( $key ) );
+			foreach ( $links as $link ) {
+				$html .= Html::rawElement( 'li', [
+					'id' => Sanitizer::escapeIdForAttribute(
+						"footer-{$category}-{$link}"
+					),
+					'class' => 'cosmos-footerLinks-listItem',
+				], $this->get( $link ) );
 			}
 
 			// Close unordered list element
 			$html .= Html::closeElement( 'ul' );
 		}
 
 		// Close container div
 		$html .= Html::closeElement( 'div' );
 
 		return $html;
 	}
 
 	/**
 	 * Builds HTML code for the toolbar that is displayed at the bottom of the
 	 * page, and appends it to the string of HTML that is it passed.
 	 *
 	 * @return string
 	 */
 	protected function buildToolbar() {
 		$skin = $this->getSkin();
 
 		$html = '';
 
 		// Open container element for toolbar
 		$html .= Html::openElement( 'section', [ 'id' => 'cosmos-toolbar' ] );
 
 		// Open container div for toolbar content
 		$html .= Html::openElement( 'div', [ 'id' => 'p-tb', 'class' => 'cosmos-toolbar-tools' ] );
 
 		// Begin unordered list to contain tool links
 		$html .= Html::openElement( 'div', [ 'class' => 'body cosmos-tools-list' ] );
 		$html .= Html::openElement( 'ul' );
 
 		// Make a list item for each of the tool links
 		foreach ( $this->data['sidebar']['TOOLBOX'] as $key => $toolbarItem ) {
 			$html .= $skin->makeListItem( $key, $toolbarItem );
 		}
 
 		// Support CreateRedirect extension
 		if ( ExtensionRegistry::getInstance()->isLoaded( 'CreateRedirect' ) ) {
 			$action = $skin->getRequest()->getText( 'action', 'view' );
 			$title = $skin->getRelevantTitle();
 
 			$href = SpecialPage::getTitleFor( 'CreateRedirect', $title->getPrefixedText() )->getLocalURL();
 			$createRedirect = Html::rawElement(
 				'li',
 				[ 'id' => 't-createredirect' ],
 				Html::element( 'a', [ 'href' => $href ], $this->getMsg( 'createredirect' )->text() )
 			);
 
 			if ( $action == 'view' || $action == 'purge' || !$title->isSpecialPage() ) {
 				$html .= $createRedirect;
 			}
 		}
 
 		// End unordered list
 		$html .= Html::closeElement( 'ul' );
 		$html .= Html::closeElement( 'div' );
 
 		// Close container div
 		$html .= Html::closeElement( 'div' );
 
 		// Close container element
 		$html .= Html::closeElement( 'section' );
 
 		if ( ExtensionRegistry::getInstance()->isLoaded( 'CookieWarning' ) ) {
 			$cookieWarningHooks = new CookieWarningHooks();
 			$html .= $cookieWarningHooks->onSkinAfterContent( $html, $skin );
 		}
 
 		return $html;
 	}
 }
diff --git a/resources/skins.cosmos.styles/common.less b/resources/skins.cosmos.styles/common.less
index a4ef155c..71b53c78 100644
--- a/resources/skins.cosmos.styles/common.less
+++ b/resources/skins.cosmos.styles/common.less
@@ -1,2604 +1,2608 @@
 body {
 	background: @main-background-color;
 }
 
 #mw-content,
 #catlinks {
 	background: @content-background-color;
 }
 
 #cosmos-footer {
 	margin-bottom: 150px;
 }
 
 .mw-prefs-buttons {
 	background: @content-background-color;
 }
 
 .skin-cosmos {
 	#managewiki .managewiki-submit-formfields {
 		background: @content-background-color;
 	}
 }
 
 .mw-changeslist-legend {
 	background-color: #fff;
 }
 
 body .oo-ui-tabOptionWidget {
 	color: @font-color;
 }
 
 body .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
 	background-color: rgba( 255, 255, 255, 0.8 );
 }
 
 .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
 	border-color: #c8ccd1;
 	background-color: #c8ccd1;
 	color: #666;
 }
 
 body .oo-ui-buttonElement-framed:not( .oo-ui-flaggedElement-primary ):not( .oo-ui-buttonElement-active ) > .oo-ui-buttonElement-button {
 	color: #000;
 }
 
 #mw-indicator-mw-helplink a {
 	padding-left: 0;
 	background-image: none;
 }
 
 body a,
 body a:hover,
 body a:focus {
 	text-decoration: none;
 }
 
 .cosmos-search-box-form {
 	display: flex;
 	width: 100%;
 	align-items: center;
 }
 
 #p-search {
 	display: flex;
 	width: 100%;
 	margin: 0 10px;
 }
 
 #cosmos-actionsList-list {
 	z-index: 100;
 	overflow: auto;
 	min-width: 160px;
 	margin: 0;
 	box-shadow: 0 8px 16px 0 rgba( 0, 0, 0, 0.2 );
 
 	a {
 		display: block;
 		padding: 12px 16px;
 		color: #000;
 		text-decoration: none;
 
 		&:hover {
 			background-color: #ddd;
 		}
 	}
 }
 
 .cosmos-dropdown#p-personal ul a.new {
 	color: #000;
 }
 
 .cosmos-dropdown-list {
 	position: absolute;
 	z-index: 999;
 	top: 100%;
 	right: 0;
 	display: none;
 	min-width: 200px;
 	padding: 7px 0;
 	border: 1px solid #ccc;
 	margin: 0;
 	background-color: #fff;
 	border-radius: 4px;
 	box-shadow: 0 8px 16px 0 rgba( 0, 0, 0, 0.3 );
 	font-size: 14px;
 
 	> ul,
 	> ul > li,
 	> li {
 		padding: 0;
 		margin: 0;
 		list-style: none;
 
 		>* {
 			&:only-child {
 				display: block;
 				padding: 11px 9px;
 				margin: 0 9px;
 				color: #39424d;
 				font-weight: bold;
 				text-decoration: none;
 			}
 		}
 
 		>a {
 			&:only-child {
 				padding: 11px 9px;
 				margin: 0 9px;
 
 				&:hover {
 					background-color: rgba( 0, 108, 176, 0.1 );
 					color: #0645ad;
 				}
 			}
 		}
 	}
 }
 
 #mw-content {
 	position: relative;
 	z-index: 1;
 	min-height: 250px;
 	padding: 10px 40px;
 	border: 0;
 	word-wrap: break-word;
 }
 
 body > #mw-content-container {
 	padding-top: 8%;
 }
 
 #searchform {
 	display: flex;
 	width: 100%;
 }
 
 #searchform input {
 	left: auto;
 	width: 100%;
 	height: 36px;
 	padding: 5px 20px;
 	border: 0;
 	margin: 0;
 	-webkit-appearance: none;
 	background: @banner-search-background;
 	border-radius: 0;
 	box-shadow: none;
 	color: @banner-font-color;
 	outline: 0;
 	transition: background 250ms ease;
 
 	&:focus {
 		background: @banner-search-focus-background;
 	}
 }
 
 #p-search {
 	.cosmos-search-button,
 	.wvui-input__start-icon,
 	.wvui-typeahead-search__suggestions-footer-article-icon {
 		display: none;
 	}
 
 	.wvui-typeahead-search,
 	#simpleSearch {
 		display: flex;
 		width: 100%;
 		align-items: center;
 		border: 0;
 		background-color: transparent;
 		border-radius: 0;
 	}
 
 	.wvui-button {
 		z-index: 3;
 	}
 
 	.wvui-typeahead-search__suggestions {
 		top: auto;
 	}
 
 	input[ type='search' ] {
 		box-sizing: content-box;
 	}
 }
 
 #cosmos-search-buttonContainer {
 	position: relative;
 	width: 46px; // wider click area
 	height: 36px; // search bar height
 	margin-left: -46px; // width
 
 	&:hover {
 		>#cosmos-search-buttonIcon {
 			stroke: @banner-font-color;
 		}
 	}
 }
 
 .cosmos-search-button {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	padding: 0;
 	border: 0;
 	margin: 0;
 	background: transparent;
 	color: transparent;
 	transition: background 250ms ease;
 
 	&:hover {
 		background: @banner-search-button-hover-background;
 	}
 
 	&:active {
 		background: @banner-search-button-active-background;
 	}
 }
 
 #cosmos-banner-userOptions {
 	display: flex;
 	align-items: center;
 	margin: 0 10px;
 }
 
 #cosmos-notifications-list {
 	min-width: 350px;
 }
 
 #cosmos-messages-list {
 	min-width: 350px;
 }
 
 .articleProposals {
 	width: 100%;
 	padding: 0;
 	margin: 0.3em 0 0 1.6em;
 	list-style: none;
 }
 
 .articleProposals li {
 	width: 50%;
 	float: left;
 }
 
 #cosmos-userButton-avatar {
 	margin-right: 10px;
 
 	>img {
 		width: 30px;
 		height: 30px;
 		border: 2px solid @banner-font-color;
 		border-radius: 16px;
 	}
 }
 
 .cosmos-userButton-label {
 	display: block;
 	margin-top: 4px;
 	color: @banner-font-color;
 	font-size: 20px;
 	-webkit-touch-callout: none;
 	-webkit-user-select: none;
 	-khtml-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	white-space: nowrap;
 }
 
 .cosmos-userOptions-personalTools {
 	&:hover {
 		.cosmos-userButton-label {
 			color: @banner-font-color;
 		}
 
 		#cosmos-userButton-avatar {
 			>img {
 				border-color: @banner-font-color;
 			}
 		}
 	}
 }
 
 .cosmos-button.cosmos-button-secondary {
 	color: @alt-font-color;
 	stroke: @alt-font-color;
 	stroke-width: 2px;
 
 	&:hover {
 		border: 1px solid @border-color;
 		opacity: 0.8;
 		transition: 0.4s;
 	}
 }
 
 .cosmos-dropdown {
 	position: relative;
 
 	&-icon {
 		transition: transform 250ms ease;
 	}
 
 	&:hover {
 		>.cosmos-button-secondary {
 			opacity: 0.8;
 			transition: 0.4s;
 		}
 
 		>.cosmos-dropdown-list {
 			display: block;
 		}
 
 		.cosmos-dropdown-icon {
 			transform: rotate( 180deg );
 		}
 	}
 }
 
 .cosmos-button-text {
 	margin: auto;
 	text-decoration: none;
 }
 
 .cosmos-bannerOption {
 	display: flex;
 	height: 100%;
 
 	&:hover {
 		>.cosmos-bannerOption-button {
 			display: inline-flex;
 			align-items: center;
 			margin-top: 0;
 			margin-bottom: 0;
 			justify-items: center;
 			stroke: @banner-font-color;
 			stroke-width: 2px;
 			transition: 0.4s;
 		}
 
 		.cosmos-bannerOption-icon {
 			stroke: @banner-font-color;
 		}
 
 		.cosmos-bannerOption-dropdownIcon {
 			fill: @banner-font-color;
 			stroke: @banner-font-color;
 		}
 	}
 }
 
 .cosmos-bannerOption-button {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	cursor: pointer;
 }
 
 .cosmos-bannerOption-icon {
 	display: flex;
 	height: 28px;
 	align-items: center;
 	fill: none;
 	justify-items: center;
 	stroke: @banner-font-color;
 	stroke-width: 2px;
 }
 
 .cosmos-bannerOption-dropdownIcon {
 	display: flex;
 	height: auto;
 	margin-left: 7px;
 	fill: @banner-font-color;
 	stroke: @banner-font-color;
 	stroke-width: 2px;
 }
 
 .cosmos-emptyListMessage {
 	padding: 10px 10px 10px 15px;
 	font-style: italic;
 }
 
 #cosmos-footerIcons-list {
 	margin: 0 0 -15px 0;
 }
 
 .cosmos-footerIcons-listItem {
 	display: inline-block;
 	margin: 0 0 15px 15px;
 }
 
 .cosmos-notifications-numNotifs {
 	position: absolute;
 	top: 5px;
 	left: 5px;
 	display: flex;
 	min-width: 13px;
 	height: 13px;
 	align-content: center;
 	justify-content: center;
 	padding: 3px;
 	background-color: #f00;
 	border-radius: 9px;
 	color: @banner-font-color;
 	font-size: 8pt;
 	font-weight: bolder;
 	-webkit-touch-callout: none;
 	-webkit-user-select: none;
 	-khtml-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 }
 
 #cosmos-banner {
 	position: fixed;
 	z-index: 1000;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 55px;
 	padding: 0;
 	margin: 0;
 	background-color: @banner-background-color;
 	font-size: 15px;
 }
 
 #cosmos-banner-content {
 	display: flex;
 	height: 100%;
 	justify-content: space-between;
 	margin: 0 6px;
 }
 
 body > .suggestions .suggestions-results {
 	border-color: mix( @border-color, @font-color, 45% );
 	background: @border-color;
 	color: @alt-font-color;
 }
 
 body > .suggestions .suggestions-special {
 	border-color: mix( @border-color, @font-color, 45% );
 	background: @border-color;
 	color: @alt-font-color;
 }
 
 body > .suggestions .suggestions-special * {
 	color: @alt-font-color;
 }
 
 body > .suggestions {
 	position: absolute;
 	z-index: 20000;
 	top: 0;
 	left: 0;
 	overflow: hidden;
 	width: 0;
 	padding: 0;
 	border: 0;
 	margin: -1px 0 0 0;
 
 	* {
 		color: @alt-font-color;
 	}
 
 	*:hover {
 		color: #fff;
 	}
 }
 
 .cosmos-button-icon {
 	fill: none;
 }
 
 #cosmos-articleHeader-actions {
 	z-index: 10000;
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	padding: 5px 0;
 
 	.cosmos-button {
 		height: 24px;
 		margin-right: 5px;
 	}
 }
 
 .cosmos-button-primary {
 	background-color: @button-background-color;
 	color: @button-font-color;
 	stroke: @button-font-color;
 	stroke-width: 2px;
 	transition: filter 250ms ease;
 
 	&:hover {
 		filter: brightness( 110% );
 	}
 }
 
 .cosmos-button {
 	display: flex;
 	align-content: center;
 	align-items: center;
 	padding: 8px 16px;
 	border: 1px solid transparent;
 	border-radius: 4px;
 	cursor: pointer;
 	font-size: 14px;
 	font-weight: bold;
 	text-decoration: none;
 	text-transform: uppercase;
 	-webkit-touch-callout: none;
 	-webkit-user-select: none;
 	-khtml-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 
 	> svg {
 		width: auto;
 		height: 20px;
 		margin-right: 8px;
 	}
 }
 
 .cosmos-actions-edit {
 	border-radius: 4px 0 0 4px;
 }
 
-#cosmos-articleHeader-title {
+#firstHeading {
 	display: flex;
 	align-items: center;
 	padding: 10px 0;
 
 	.mw-indicators {
 		display: flex;
 		align-items: center;
 		padding: 10px 0;
 		margin-left: 15px;
 		font-size: 15px;
 	}
 }
 
 #cosmos-actions-actionsList {
 	margin-left: -3px;
 }
 
 #cosmos-actionsList-button {
 	border-radius: 0 4px 4px 0;
 	cursor: auto;
 }
 
 #cosmos-actionsList-dropdownIcon {
 	fill: @button-font-color;
 }
 
 .wds-button {
 	display: inline-flex;
 	min-height: 18px;
 	box-sizing: content-box;
 	align-items: center;
 	justify-content: center;
 	padding: 7px 18px;
 	border-width: 1px;
 	border-style: solid;
 	margin: 0;
 	-webkit-appearance: none;
 	background: 0 0;
 	border-radius: 3px;
 	cursor: default;
 	font-size: 12px;
 	font-weight: 600;
 	letter-spacing: 0.15px;
 	line-height: 16px;
 	outline: 0;
 	text-decoration: none;
 	text-transform: uppercase;
 	vertical-align: top;
 
 	&:disabled {
 		cursor: default;
 		opacity: 0.5;
 		pointer-events: none;
 	}
 
 	&:active {
 		text-decoration: none;
 	}
 
 	&:focus {
 		&:not( :disabled ) {
 			text-decoration: none;
 		}
 	}
 
 	&:hover {
 		&:not( :disabled ) {
 			text-decoration: none;
 		}
 	}
 
 	.wds-icon {
 		align-self: center;
 		pointer-events: none;
 
 		&:not( :only-child ) {
 			&:first-child {
 				margin-right: 6px;
 			}
 
 			&:last-child {
 				margin-left: 6px;
 			}
 		}
 	}
 
 	.wds-list {
 		color: #1a1a1a;
 		font-weight: normal;
 		letter-spacing: normal;
 		text-align: left;
 		text-transform: none;
 	}
 
 	.wds-dropdown__content {
 		top: calc( 100% + 1px );
 	}
 }
 
 .wds-dropdown__content {
 	.wds-list.wds-is-linked {
 		.wds-dropdown-level-2 {
 			.wds-dropdown-level-2__content {
 				.wds-list.wds-is-linked {
 					>li {
 						>a {
 							font-size: 12px;
 						}
 					}
 				}
 				position: absolute;
 				top: -8px;
 				left: 100%;
 				display: none;
 				padding: 7px 0;
 				border: 1px solid #ccc;
 				background-color: #fff;
 				border-radius: 4px;
 			}
 			margin-right: 0;
 
 			>a {
 				display: flex;
 				justify-content: space-between;
 				padding-right: 18px;
 			}
 
 			.wds-dropdown-chevron {
 				margin-left: 18px;
 				transform: rotate( -90deg );
 			}
 
 			&:not( .wds-is-touch-device ) {
 				&:hover {
 					.wds-dropdown-level-2__content {
 						display: block;
 					}
 				}
 			}
 		}
 
 		>li {
 			padding: 0;
 
 			>a {
 				&:not( .wds-button ) {
 					padding-right: 9px;
 					padding-left: 9px;
 					color: #39424d;
 					text-decoration: none;
 				}
 			}
 
 			&:hover {
 				>a {
 					&:not( .wds-button ) {
 						background-color: rgba( 8, 132, 136, 0.1 );
 						color: #088488;
 					}
 				}
 			}
 		}
 
 		>li.wds-is-selected {
 			>a {
 				&:not( .wds-button ) {
 					background-color: rgba( 8, 132, 136, 0.1 );
 					color: #088488;
 				}
 			}
 		}
 
 		.wds-dropdown-level-2.wds-is-sticked-to-parent {
 			position: relative;
 
 			.wds-dropdown-level-2__content {
 				top: auto;
 				bottom: -8px;
 			}
 		}
 
 		.wds-dropdown-level-2.wds-is-active {
 			.wds-dropdown-level-2__content {
 				display: block;
 			}
 		}
 	}
 	position: absolute;
 	z-index: 1;
 	top: 100%;
 	left: 50%;
 	display: none;
 	min-width: 70%;
 	padding: 7px 0;
 	border: 1px solid #ccc;
 	background-color: #fff;
 	border-radius: 4px;
 	transform: translateX( -50% );
 
 	&:not( .wds-is-not-scrollable ) {
 		.wds-list {
 			position: relative;
 			z-index: 1;
 			max-height: 270px;
 			background-image: radial-gradient( farthest-side at 50% 0, rgba( 26, 26, 26, 0.12 ), transparent ), radial-gradient( farthest-side at 50% 100%, rgba( 26, 26, 26, 0.12 ), transparent );
 			background-position: 0 0, 0 100%;
 			background-repeat: no-repeat;
 			background-size: 100% 9px;
 			overflow-y: auto;
 
 			&:after {
 				position: relative;
 				z-index: -1;
 				display: block;
 				height: 30px;
 				margin: -29px 0 0;
 				background-color: #fff;
 				content: '';
 			}
 
 			&:before {
 				position: relative;
 				z-index: -1;
 				display: block;
 				height: 30px;
 				margin: 0 0 -30px;
 				background-color: #fff;
 				content: '';
 			}
 		}
 	}
 
 	.wds-list {
 		padding: 0;
 
 		>li {
 			padding-right: 9px;
 			padding-left: 9px;
 			margin: 0 9px;
 			white-space: nowrap;
 		}
 	}
 }
 
 .wds-button.wds-is-secondary {
 	border-color: #5f7a7b;
 	color: #5f7a7b;
 
 	&:active {
 		border-color: #94abac;
 	}
 
 	&:focus {
 		&:not( :disabled ) {
 			border-color: #94abac;
 		}
 	}
 
 	&:hover {
 		&:not( :disabled ) {
 			border-color: #94abac;
 		}
 	}
 }
 
 .wds-button.wds-is-secondary.wds-is-active {
 	border-color: #94abac;
 }
 
 .wds-button.wds-is-text {
 	border: 0;
 	color: #5f7a7b;
 }
 
 a.wds-button {
 	cursor: pointer;
 }
 
 button.wds-button {
 	cursor: pointer;
 }
 
 .wds-button.wds-is-active {
 	text-decoration: none;
 }
 
 .wds-button-group {
 	>.wds-button {
 		&:not( .wds-is-secondary ) {
 			&:not( :last-child ) {
 				border-right: 1px solid #fff;
 			}
 
 			&:not( :first-child ) {
 				border-left: 1px solid #fff;
 			}
 		}
 		height: auto;
 		padding: 7px 12px;
 		margin-right: -1px;
 		margin-left: auto;
 		border-radius: 0;
 
 		&:first-child {
 			border-bottom-left-radius: 3px;
 			border-top-left-radius: 3px;
 		}
 
 		&:last-child {
 			border-bottom-right-radius: 3px;
 			border-top-right-radius: 3px;
 		}
 
 		&:hover {
 			z-index: 1;
 		}
 	}
 
 	>.wds-dropdown {
 		&:not( :last-child ) {
 			.wds-button {
 				border-right: 1px solid #fff;
 			}
 		}
 
 		&:not( :first-child ) {
 			.wds-button {
 				border-left: 1px solid #fff;
 			}
 		}
 
 		&:first-child {
 			.wds-button {
 				border-radius: 3px 0 0 3px;
 			}
 		}
 
 		&:last-child {
 			.wds-button {
 				border-radius: 0 3px 3px 0;
 			}
 		}
 	}
 	display: inline-flex;
 	align-items: stretch;
 	justify-content: flex-start;
 }
 
 .wds-dropdown {
 	position: relative;
 	display: flex;
 	height: 100%;
 
 	&:after {
 		position: absolute;
 		z-index: 2;
 		bottom: -1px;
 		left: 50%;
 		display: none;
 		width: 0;
 		height: 0;
 		border: 8px solid transparent;
 		border-bottom-color: #fff;
 		margin-left: -8px;
 		content: '';
 		pointer-events: none;
 	}
 
 	&:before {
 		position: absolute;
 		z-index: 2;
 		bottom: -1px;
 		left: 50%;
 		display: none;
 		width: 0;
 		height: 0;
 		border: 9px solid transparent;
 		border-bottom-color: #ccc;
 		margin-left: -9px;
 		content: '';
 		pointer-events: none;
 	}
 
 	&:not( .wds-is-touch-device ) {
 		&:not( .wds-is-not-hoverable ) {
 			&:hover {
 				&:not( .wds-no-chevron ) {
 					&:after {
 						display: block;
 					}
 
 					&:before {
 						display: block;
 					}
 				}
 
 				.wds-dropdown__content {
 					display: inline-block;
 				}
 
 				.wds-dropdown__toggle-chevron {
 					transform: rotate( 180deg );
 					transition: 0.4s;
 				}
 			}
 
 			&:hover.wds-has-dark-shadow {
 				&:before {
 					display: none;
 				}
 			}
 
 			&:hover.wds-has-shadow {
 				&:before {
 					display: none;
 				}
 			}
 		}
 	}
 }
 
 .wds-dropdown__toggle {
 	position: relative;
 	cursor: default;
 }
 
 .wds-dropdown__content.wds-is-right-aligned {
 	right: 0;
 	left: auto;
 	transform: none;
 }
 
 .wds-dropdown__content.wds-is-left-aligned {
 	left: 0;
 	transform: none;
 }
 
 .wds-dropdown__content.wds-is-not-scrollable {
 	.wds-list {
 		position: relative;
 	}
 }
 
 .wds-input {
 	position: relative;
 	margin: 30px 0 18px;
 
 	&:first-of-type {
 		margin-top: 18px;
 	}
 
 	textarea.wds-input__field {
 		line-height: 1.5em;
 	}
 }
 
 .wds-dropdown.wds-is-active {
 	&:not( .wds-no-chevron ) {
 		&:after {
 			display: block;
 		}
 
 		&:before {
 			display: block;
 		}
 	}
 
 	.wds-dropdown__content {
 		display: inline-block;
 	}
 
 	.wds-dropdown__toggle-chevron {
 		transform: rotate( 180deg );
 	}
 }
 
 .wds-dialog__title {
 	padding: 24px 24px 0;
 	font-size: 24px;
 	font-weight: bold;
 	line-height: 28px;
 }
 
 .wds-dialog__content {
 	padding: 24px;
 	font-size: 16px;
 	line-height: 24px;
 }
 
 .wds-dialog__actions {
 	display: flex;
 	height: 40px;
 	justify-content: flex-end;
 	padding: 5px 0 8px;
 	border-top: 1px solid #e6e6e6;
 }
 
 .cosmos-header__local-navigation {
 	display: flex;
 	height: 46px;
 	padding-left: 11px;
 
 	.wds-dropdown__toggle-chevron {
 		opacity: 0.5;
 	}
 
 	a[ href='#' ] {
 		cursor: default;
 	}
 
 	.wds-dropdown {
 		&:hover {
 			.wds-dropdown__toggle-chevron {
 				opacity: 1;
 			}
 		}
 	}
 }
 
 .wds-icon {
 	width: 24px;
 	min-width: 24px;
 	height: 24px;
 	fill: currentcolor;
 }
 
 .wds-icon-small {
 	width: 18px;
 	min-width: 18px;
 	height: 18px;
 }
 
 .wds-icon-tiny {
 	width: 12px;
 	min-width: 12px;
 	height: 12px;
 }
 
 .wds-icon-small#wds-icons-activity-small {
 	fill: none;
 }
 
 .wds-input__field {
 	width: 100%;
 	box-sizing: border-box;
 	padding: 0 0 2px;
 	border: 0;
 	border-bottom: 1px solid #c5ced9;
 	color: #39424d;
 	font-size: 16px;
 	line-height: 1em;
 	resize: none;
 
 	&:focus {
 		outline: 0;
 	}
 }
 
 .wds-list {
 	padding: 7px 18px;
 	margin: 0;
 	list-style-type: none;
 
 	>li {
 		padding: 11px 0;
 		font-size: 14px;
 		font-weight: normal;
 		line-height: 1em;
 	}
 }
 
 .wds-list.wds-has-bolded-items {
 	>li {
 		font-weight: bold;
 	}
 }
 
 .wds-list.wds-is-linked {
 	>li {
 		padding: 0;
 
 		>a {
 			display: block;
 			padding: 11px 0;
 		}
 	}
 }
 
 .wds-tabs {
 	display: flex;
 	align-items: flex-end;
 	padding: 0;
 	margin: 0;
 	list-style: none;
 
 	.wds-tabs__tab-label {
 		color: @header-font-color;
 	}
 
 	.wds-tabs__tab.wds-is-current {
 		box-shadow: inset 0 -2px 0 0 #088488;
 	}
 
 	.wds-tabs__tab.wds-is-active {
 		.wds-tabs__tab-label {
 			color: @header-font-color;
 
 			>a {
 				color: @header-font-color;
 			}
 		}
 	}
 
 	.wds-tabs__tab {
 		&:hover {
 			.wds-tabs__tab-label {
 				color: @header-font-color;
 				opacity: 0.8;
 
 				>a {
 					color: @header-font-color;
 					opacity: 0.8;
 				}
 			}
 		}
 
 		&:hover.wds-is-current {
 			box-shadow: inset 0 -2px 0 0 #005252;
 		}
 	}
 
 	.wds-tabs__tab.wds-is-active.wds-is-current {
 		box-shadow: inset 0 -2px 0 0 #005252;
 	}
 }
 
 .wds-tabs__tab {
 	position: relative;
 	display: block;
 	height: 100%;
 	flex-shrink: 0;
 	margin: 0;
 	cursor: default;
 	line-height: 14px;
 
 	.wds-dropdown__content {
 		left: -7px;
 		transform: none;
 	}
 }
 
 .wds-tabs__tab-label {
 	display: flex;
 	align-items: center;
 	padding: 11px 0;
 	margin: 0 9px;
 	font-size: 12px;
 	font-weight: bold;
 	text-decoration: none;
 	text-transform: uppercase;
 	white-space: nowrap;
 
 	>a {
 		display: flex;
 		height: 100%;
 		align-items: center;
 		text-decoration: none;
 	}
 
 	&:not( :first-child ) {
 		&:not( :only-child ) {
 			margin-left: 4px;
 		}
 	}
 }
 
 .wds-tabs__tab.wds-is-current {
 	transition: box-shadow 0.1s;
 }
 
 .wds-toggle__label {
 	&:before {
 		position: absolute;
 		top: 50%;
 		left: 6px;
 		width: 34px;
 		height: 14px;
 		margin: 0;
 		background-color: #878c8d;
 		border-radius: 8px;
 		content: '';
 		outline: 0;
 		transform: translateY( -50% );
 	}
 
 	&:after {
 		position: absolute;
 		top: 50%;
 		left: 5px;
 		width: 20px;
 		min-width: 20px;
 		height: 20px;
 		margin: 0;
 		background-color: #fff;
 		border-radius: 50%;
 		box-shadow: 0 3px 1px -2px rgba( 0, 0, 0, 0.14 ), 0 2px 2px 0 rgba( 0, 0, 0, 0.098 ), 0 1px 5px 0 rgba( 0, 0, 0, 0.084 );
 		content: '';
 		outline: 0;
 		transform: translateY( -50% );
 	}
 	position: relative;
 	padding: 7px 5px 7px 52px;
 	cursor: pointer;
 	font-size: 16px;
 
 	&:empty {
 		padding-left: 45px;
 	}
 }
 
 .cosmos-header {
 	position: relative;
 	z-index: 2;
 	background-color: @header-background-solid-color;
 	background-position: right center;
 	background-repeat: no-repeat;
 	background-size: auto;
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 
 	& when not( @wiki-header-background-image = 0 ) {
 		background-image: @wiki-header-background-image;
 	}
 
 	&:before {
 		position: absolute;
 		z-index: -1;
 		display: block;
 		width: 100%;
 		height: 100%;
 		background: @header-background-color;
 		content: '';
 	}
 
 	.wds-dropdown__content {
 		border-color: #ccc;
 		background-color: #fff;
 		color: #3a3a3a;
 
 		&:not( .wds-is-not-scrollable ) {
 			.wds-list {
 				position: relative;
 				z-index: 1;
 				max-height: 270px;
 				background-image: radial-gradient( farthest-side at 50% 0, rgba( 26, 26, 26, 0.12 ), transparent ), radial-gradient( farthest-side at 50% 100%, rgba( 26, 26, 26, 0.12 ), transparent );
 				background-position: 0 0, 0 100%;
 				background-repeat: no-repeat;
 				background-size: 100% 9px;
 				overflow-y: auto;
 
 				&:after {
 					position: relative;
 					z-index: -1;
 					display: block;
 					height: 30px;
 					margin: -29px 0 0;
 					background-color: #fff;
 					content: '';
 				}
 
 				&:before {
 					position: relative;
 					z-index: -1;
 					display: block;
 					height: 30px;
 					margin: 0 0 -30px;
 					background-color: #fff;
 					content: '';
 				}
 			}
 		}
 
 		.wds-list.wds-is-linked {
 			li {
 				>a {
 					&:not( .wds-button ) {
 						color: #3a3a3a;
 					}
 				}
 
 				&:hover {
 					>a {
 						&:not( .wds-button ) {
 							background-color: rgba( 0, 108, 176, 0.1 );
 							color: @link-color;
 						}
 					}
 				}
 			}
 
 			.wds-dropdown-level-2 {
 				.wds-dropdown-level-2__content {
 					border-color: #ccc;
 					background-color: #fff;
 					color: #3a3a3a;
 				}
 			}
 		}
 	}
 
 	.wds-dropdown {
 		&:after {
 			border-bottom-color: #fff;
 		}
 
 		&:before {
 			border-bottom-color: #ccc;
 		}
 	}
 
 	.wds-button.wds-is-secondary {
 		border-color: #fff;
 		background-color: rgba( 0, 30, 59, 0.2 );
 		color: #fff;
 
 		&:hover {
 			border-color: rgba( 255, 255, 255, 0.8 );
 			background-color: rgba( 0, 30, 59, 0.4 );
 			opacity: 0.8;
 
 			a {
 				opacity: 0.8;
 			}
 		}
 	}
 
 	.wds-button-group {
 		>.wds-button {
 			&:not( .wds-is-secondary ) {
 				&:not( :last-child ) {
 					border-right-color: #fff;
 				}
 
 				&:not( :first-child ) {
 					border-left-color: #fff;
 				}
 			}
 		}
 
 		>.wds-dropdown {
 			&:not( :last-child ) {
 				.wds-button {
 					border-right-color: #fff;
 				}
 			}
 
 			&:not( :first-child ) {
 				.wds-button {
 					border-left-color: #fff;
 				}
 			}
 		}
 	}
 
 	.wds-tabs {
 		.wds-tabs__tab-label {
 			color: @header-font-color;
 
 			a {
 				color: @header-font-color;
 			}
 		}
 
 		.wds-tabs__tab {
 			&:hover {
 				.wds-tabs__tab-label {
 					opacity: 0.8;
 
 					a {
 						color: @header-font-color;
 					}
 				}
 			}
 		}
 	}
 
 	.cosmos-header__sitename {
 		a {
 			color: @header-font-color;
 
 			&:hover {
 				opacity: 0.8;
 			}
 		}
 	}
 
 	.cosmos-header__counter {
 		color: @header-font-color;
 	}
 }
 
 .cosmos-header__wordmark {
 	width: auto;
 	max-width: 250px;
 	height: 65px;
 	margin: 20px 0 20px 20px;
 	float: left;
 
 	img {
 		width: auto;
 		max-width: 100%;
 		height: auto;
 		max-height: 100%;
 	}
 }
 
 .cosmos-header__top-container {
 	display: flex;
 	height: 59px;
 }
 
 .cosmos-header__sitename {
 	overflow: hidden;
 	flex: 1;
 	margin: 25px 0 0 18px;
 	font-size: 28px;
 	font-weight: 600;
 	line-height: 1;
 
 	a {
 		text-decoration: none;
 	}
 }
 
 .cosmos-header__counter {
 	margin: 17px 0 20px 20px;
 	font-weight: 600;
 	text-align: right;
 }
 
 .cosmos-header__counter-value {
 	display: block;
 	font-size: 24px;
 	line-height: 1;
 }
 
 .cosmos-header__counter-label {
 	display: block;
 	margin-top: 3px;
 	font-size: 12px;
 	line-height: 1;
 	text-transform: uppercase;
 }
 
 .cosmos-header__wiki-buttons {
 	margin: 20px 20px auto 15px;
 
 	.wds-dropdown__toggle {
 		padding: 7px 3px;
 	}
 }
 
 .cosmos-modal {
 	position: fixed;
 	z-index: 4;
 	top: 0;
 	left: 0;
 	display: none;
 	overflow: auto;
 	width: 100%;
 	height: 100%;
 	background-color: rgba( 0, 0, 0, 0.8 );
 }
 
 .cosmos-modal-content {
 	width: auto;
 	min-width: 280px;
 	max-width: 640px;
 	padding: 20px;
 	border: 1px solid #888;
 	margin: auto;
 	background-color: #fefefe;
 }
 
 .wds-icon-tiny {
 	width: 2em;
 }
 
 .cosmos-header {
 	.wds-dropdown__content {
 		.wds-list.wds-is-linked {
 			.wds-dropdown-level-2 {
 				.wds-dropdown-level-2__content {
 					background-color: #fff;
 				}
 			}
 		}
 		background-color: #fff;
 	}
 }
 
 .mw-editsection {
 	a {
 		margin-right: 0;
 	}
 }
 
 .wikitable {
 	>tr {
 		>th {
 			background: @content-background-color;
 			color: @font-color;
 		}
 	}
 
 	>* {
 		>tr {
 			>th {
 				background: @content-background-color;
 				color: @font-color;
 			}
 
 			>td {
 				background: @content-background-color;
 			}
 		}
 	}
 
 	&:not( [ style*='background-color' ] ) {
 		>* {
 			>tr {
 				>td {
 					background: @content-background-color;
 				}
 			}
 		}
 		color: @font-color;
 	}
 	color: @font-color;
 }
 
 .mw-htmlform-ooui {
 	.mw-htmlform-matrix {
 		tbody {
 			tr {
 				&:hover {
 					td {
 						background-color: transparent;
 						color: @font-color;
 					}
 				}
 
 				&:nth-child( even ) {
 					td {
 						background-color: transparent;
 						color: @font-color;
 					}
 				}
 			}
 		}
 	}
 }
 
 .oo-ui-buttonElement-framed {
 	&:not( .oo-ui-flaggedElement-primary ) {
 		&:not( .oo-ui-buttonElement-active ) {
 			>.oo-ui-buttonElement-button {
 				color: #e6e6e6;
 			}
 		}
 	}
 }
 
 .skin-cosmos .mw-dismissable-notice {
 	z-index: 100;
 	width: auto;
 	border: 0;
 	background: transparent;
 	color: @font-color;
 	opacity: 1;
 
 	.wikitable {
 		td {
 			border: 0;
 			background: transparent;
 		}
 		border: 0;
 		background: transparent;
 	}
 }
 
 .mw-dismissable-notice-close {
 	cursor: pointer;
 }
 
 #centralNotice * {
 	color: #222;
 }
 
 .editOptions {
 	border-width: 0 1px 1px;
 	background-color: transparent;
 	color: #000;
 }
 
 .oo-ui-window-head {
 	label {
 		color: #000;
 	}
 }
 
 .oo-ui-messageDialog-text {
 	label {
 		color: #000;
 	}
 }
 
 .oo-ui-processDialog-content {
 	.oo-ui-window-body {
 		background: @content-background-color;
 		color: @font-color;
 	}
 }
 
 .oo-ui-labelElement,
 .oo-ui-labelWidget.oo-ui-inline-help {
 	color: @font-color;
 }
 
 .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
 	background: #fff;
 }
 
 .mw-changeslist-legend {
 	color: #000;
 }
 
 .close {
 	border: -;
 	color: #aaa;
 	float: right;
 	font-size: 28px;
 	font-weight: bold;
 
 	&:hover {
 		color: #000;
 		cursor: pointer;
 		text-decoration: none;
 	}
 
 	&:focus {
 		color: #000;
 		cursor: pointer;
 		text-decoration: none;
 	}
 }
 
 body pre {
 	overflow: auto;
 	padding: 12px;
 	border: 1px solid @border-color;
 	background-color: mix( @content-background-color, @code-background-color, 90% );
 	color: @alt-font-color;
 	line-height: 14px;
 	word-break: break-all;
 }
 
 body code {
 	border: 1px solid @border-color;
 	background-color: mix( @content-background-color, @code-background-color, 70% );
 	color: @alt-font-color;
 }
 
 .codeEditor-status-worker {
 	color: #000;
 }
 
 #mw-content-container {
 	border: 0;
 }
 
 #mw-searchoptions {
 	border: 0;
 	background: transparent;
 	color: @font-color;
 
 	table {
 		width: 100%;
 
 		td {
 			width: 50%;
 		}
 	}
 }
 
 #mw-content .toggleSymbol,
 .toctogglelabel {
 	color: @link-color;
 }
 
 #mw-content h2 {
 	overflow: hidden;
 	padding-bottom: 4px;
 	border-bottom: solid 1px @border-color;
 	font-weight: normal;
 }
 
 #mw-content .toctitle h2 {
 	border-bottom: 0;
 	font-size: 14px;
 	font-weight: bold;
 }
 
 #mw-content .toc > ul {
 	padding: 10px;
 	border-top: solid 1px @border-color;
 	margin: 0;
 }
 
 body .oo-ui-tabSelectWidget-framed {
 	border: 0;
 	background: @tabs-background-color;
 	color: @font-color;
 }
 
 #contentSub {
 	color: @font-color;
 }
 
 #searchInput {
 	&::placeholder {
 		opacity: 0.9;
 	}
 }
 
 .skin-cosmos .toc {
 	display: table;
 	padding: 0;
 	border: 1px solid @border-color;
 	margin: 1em 0;
 	background-color: @toc-background-color;
 
 	.toctitle {
 		position: relative;
 		padding: 8px 16px;
 
 		.toctogglespan {
 			position: absolute;
 			top: 0;
 			right: 0;
 			left: 0;
 			height: 100%;
 			transition: background 250ms ease;
 
 			&:before,
 			&:after {
 				content: none;
 			}
 
 			&:hover {
 				background-color: rgba( 0, 0, 0, 0.1 );
 			}
 
 			.toctogglelabel {
 				display: block;
 				height: 100%;
 				font-size: 0;
 			}
 		}
 	}
 
 	.tocnumber {
 		color: @font-color;
 	}
 
 	.toctogglecheckbox {
 		display: none !important;
 	}
 }
 
 body {
 	* {
 		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 	}
 
 	.create-title {
 		color: @font-color;
 	}
 
 	#mw-content {
 		color: @font-color;
 	}
 
 	.mw-changeslist-line {
 		color: @font-color;
 	}
 }
 
 body #mw-content-text {
 	color: @font-color;
 	line-height: 1.5;
 }
 
 .category-gallery-item {
 	.snippet {
 		.text {
 			font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 		}
 	}
 }
 
 input {
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 }
 
 .button {
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 }
 
 button {
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 }
 
 select {
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 }
 
 ul.tabbernav {
 	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 }
 
 .mw-body {
 	h1.firstHeading {
 		padding: 0;
 		border: 0;
 		margin: 0;
 		color: @alt-font-color;
 		font-size: 36px;
 		font-weight: bold;
 		line-height: 1;
 		opacity: 0.9;
 		word-wrap: break-word;
 	}
 
 	h1 {
 		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 	}
 
 	h2 {
 		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 	}
 
 	h3 {
 		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 	}
 
 	h4 {
 		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 	}
 
 	h5 {
 		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 	}
 
 	h6 {
 		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 	}
 
 	dt {
 		font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 	}
 }
 
 h1 {
 	display: block;
 	font-size: 2em;
 	font-weight: bold;
 	margin-block-end: 0.67em;
 	margin-block-start: 0.67em;
 	margin-inline-end: 0;
 	margin-inline-start: 0;
 }
 
 h2 {
 	display: block;
 	font-size: 1.5em;
 	font-weight: bold;
 	margin-block-end: 0.83em;
 	margin-block-start: 0.83em;
 	margin-inline-end: 0;
 	margin-inline-start: 0;
 }
 
 h3 {
 	display: block;
 	font-size: 1.17em;
 	font-weight: bold;
 	margin-block-end: 1em;
 	margin-block-start: 1em;
 	margin-inline-end: 0;
 	margin-inline-start: 0;
 }
 
 h4 {
 	font-size: 14px;
 	line-height: 1.5;
 }
 
 h5 {
 	display: block;
 	font-size: 0.83em;
 	font-weight: bold;
 	margin-block-end: 1.67em;
 	margin-block-start: 1.67em;
 	margin-inline-end: 0;
 	margin-inline-start: 0;
 }
 
 h6 {
 	display: block;
 	font-size: 0.67em;
 	font-weight: bold;
 	margin-block-end: 2.33em;
 	margin-block-start: 2.33em;
 	margin-inline-end: 0;
 	margin-inline-start: 0;
 }
 
 .toctitle {
 	h2 {
 		border-bottom: 0;
 	}
 }
 
 #mw-content {
 	h2 {
 		&:after {
 			display: none;
 		}
 	}
 
 	a {
 		&:not( .new ) {
 			color: @link-color;
 			text-decoration: none;
 		}
 	}
 }
 
 body {
 	a {
 		&:not( .new ) {
 			color: @link-color;
 			text-decoration: none;
 		}
 	}
 }
 
 .oo-ui-toolbar {
 	* {
 		color: #000;
 	}
 }
 
 #catlinks {
 	padding: 10px;
 	padding-top: 1em;
 	border: 1px solid @border-color;
 	margin-top: 2em;
 	margin-bottom: 2em;
 	clear: both;
 	color: @font-color;
 	line-height: 1.8em;
 }
 
 .oo-ui-fieldLayout-header {
 	color: @font-color;
 }
 
 #cosmos-footer-footerContent {
 	padding: 0 20px 10px 20px;
 }
 
 #cosmos-footerContent-footerLinks {
 	padding-top: 15px;
 }
 
-#cosmos-footerLinks-info {
+#footer-info {
 	padding: 0;
 	margin: 0;
 }
 
 .cosmos-footerLinks-list {
 	padding: 0;
 	margin: 0;
 	color: @footer-font-color1;
 	font-size: 10pt;
 	list-style: none;
 
 	li {
 		a {
 			color: @footer-font-color2;
 		}
 	}
 }
 
-#cosmos-footerLinks-places {
+#footer-places {
 	>li {
 		display: inline;
 		padding: 0 0 5px 0;
 
 		&:not( :first-child ) {
 			&:before {
 				color: @footer-font-color1;
 				content: ' | ';
 			}
 		}
 	}
 }
 
 #cosmos-footerContent-footerIcons {
 	padding-top: 15px;
 	margin-left: auto;
 }
 
 #cosmos-footerIcons-list {
 	margin: 0 0 -15px 0;
 	direction: rtl;
 	list-style: none;
 }
 
 .cosmos-footerIcons-listItem {
 	display: inline-block;
 	margin: 0 0 15px 15px;
 }
 
 #cosmos-footer {
 	width: 100%;
 	border: 0;
 	margin: 0;
 	background-color: @footer-background-color;
 }
 
 .editOptions {
 	p {
 		color: #000;
 	}
 
 	.oo-ui-fieldLayout-body {
 		.oo-ui-labelElement-label {
 			color: #000;
 		}
 	}
 }
 
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled {
 	>.oo-ui-buttonElement-button {
 		color: #000;
 	}
 }
 
 #cosmos-page-header {
 	padding: 20px 0 10px 0;
 }
 
 .page-header__categories {
 	position: relative;
 	z-index: 30000;
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	width: fit-content;
 	align-items: flex-start;
 	font-size: 12px;
 
 	&-in {
 		padding-right: 4px;
 		font-weight: 600;
 		white-space: nowrap;
 	}
 
 	&-dropdown {
 		z-index: 99999;
 		padding-bottom: 12px;
 
 		&-content {
 			font-style: normal;
 			overflow-x: hidden;
 		}
 
 		li {
 			white-space: normal;
 		}
 	}
 
 	&-links {
 		font-style: italic;
 		line-height: 16px;
 		overflow-wrap: break-word;
 		-ms-word-break: break-all;
 		word-break: break-word;
 		word-wrap: break-word;
 
 		> :last-child {
 			display: inline-block;
 			padding-bottom: 10px;
 		}
 	}
 }
 
 #cosmos-header-interlang {
 	position: relative;
 	z-index: 20000;
 	display: flex;
 	flex-flow: row nowrap;
 	align-items: center;
 	justify-content: flex-end;
 	margin-top: -30px;
 	margin-right: -9px;
 	margin-bottom: -7px;
 
 	.wds-dropdown {
 		flex-direction: row;
 		align-items: center;
 
 		.wds-dropdown__toggle-chevron {
 			display: unset;
 		}
 
 		.wds-tabs__tab-label {
 			border-bottom: 0;
 		}
 	}
 }
 
 #cosmos-header-articleHeader {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	justify-content: space-between;
 }
 
 .cosmos-pageAligned .mw-mmv-filepage-buttons .mw-mmv-view-expanded,
 .cosmos-pageAligned .mw-mmv-filepage-buttons .mw-mmv-view-config {
 	line-height: 1.5em;
 }
 
 #mw_metadata {
 	color: #000;
 }
 
 #catlinks {
 	li {
 		&:not( :nth-of-type( 1 ) ) {
 			border-left: 1px solid @font-color;
 		}
 	}
 }
 
 .cosmos-header__sitename {
 	a {
 		&:any-link {
 			color: @header-font-color;
 		}
 	}
 }
 
 #mw-content-text {
 	overflow-wrap: break-word;
 }
 
 body .wikitable > tr > th,
 body .wikitable > tr > td,
 body .wikitable > * > tr > th,
 body .wikitable > * > tr > td {
 	background-color: @content-background-color;
 	color: @font-color;
 }
 
 body h1,
 body h2,
 body h3,
 body h4,
 body h5,
 body h6 {
 	color: @font-color;
 }
 
 @toolbar-background-color1: mix(@toolbar-background-color2, @toolbar-background-color-mix, 25%);
 
 #cosmos-toolbar {
 	position: sticky;
 	z-index: 399;
 	right: 9px;
 	bottom: 9px;
 	display: flex;
 	width: fit-content;
 	max-width: 50%;
 	height: auto;
 	min-height: 25px;
 	align-items: center;
 	padding: 5px;
 	margin: 0;
 	background-image: -moz-linear-gradient( left, @toolbar-background-color1 0, @toolbar-background-color2 50%, @toolbar-background-color1 100% );
 	background-image: -webkit-gradient( linear, 0% 0%, 100% 0%, color-stop( 0, @toolbar-background-color1 ), color-stop( 50%, @toolbar-background-color2 ), color-stop( 100%, @toolbar-background-color1 ) );
 	background-image: -o-linear-gradient( left, @toolbar-background-color1 0, @toolbar-background-color2 50%, @toolbar-background-color1 100% );
 	background-image: -ms-linear-gradient( left, @toolbar-background-color1 0, @toolbar-background-color2 50%, @toolbar-background-color1 100% );
 	border-radius: 20px;
 	box-shadow: 0 0 10px 0 @content-background-color;
 	float: right;
 }
 
 .mw-special-ManageWiki #cosmos-toolbar,
 .mw-special-Preferences #cosmos-toolbar {
 	display: none;
 }
 
 #mw-data-after-content .mw-cookiewarning-container {
 	display: none;
 }
 
 .cosmos-toolbar-tools {
 	display: -webkit-box;
 	display: flex;
 	align-items: center;
 	padding-left: 5px;
 	-webkit-box-align: center;
 	font-size: 12px;
 }
 
 .cosmos-tools-list,
 .cosmos-tools-list ul {
 	padding: 0;
 	margin: 0;
 	list-style: none;
 	text-align: center;
 
 	li {
 		padding: 1px 8px 0;
 		margin: 2px 0;
 	}
 
 	li,
 	ul {
 		display: inline;
 		color: @toolbar-font-color;
 
 		>a {
 			color: @toolbar-font-color;
 		}
 
 		&:not( :last-of-type ) {
 			border-right: 1px solid @toolbar-font-color;
 		}
 	}
 }
 
 .oo-ui-buttonElement-frameless.oo-ui-widget-enabled {
 	>.oo-ui-buttonElement-button {
 		&:hover {
 			background-color: initial;
 		}
 	}
 }
 
 #cosmos-content-siteNotice {
 	min-height: 36px;
 	padding: 15px 15px 15px 15px;
 	border: 1px solid @button-font-color;
 	margin: 0 15px 15px 15px;
 	background-color: @button-background-color;
 	color: @button-font-color;
 }
 
 #cosmos-content-siteNotice * {
 	color: @button-font-color;
 }
 
 #cosmos-pageBody-content {
 	padding: 0 0 15px 0;
 }
 
 body:not( .mw-special-ManageWiki ):not( .mw-special-Preferences ) #cosmos-pageBody-content {
 	overflow-x: auto;
 	overflow-y: hidden;
 }
 
 #cosmos-siteNotice-closeButton {
 	position: relative;
 	z-index: 2;
 	float: right;
 }
 
 #localNotice {
 	margin-bottom: 11px;
 }
 
 .diff-context {
 	border-color: #a3a3a3;
 	background-color: transparent;
 	color: @alt-font-color;
 }
 
 .diff-addedline {
 	border-color: #01af3c;
 	background-color: #636262;
 
 	.diffchange {
 		background-color: #01af3c;
 		color: #0e191a;
 	}
 }
 
 .diff-deletedline {
 	border-color: #ef6881;
 	background-color: #636262;
 
 	.diffchange {
 		background-color: #ef6881;
 		color: #fff;
 	}
 }
 
 #wds-icons-page-small {
 	margin-right: 5px;
 }
 
 .cosmos-mobile-navigation {
 	display: none;
 }
 
 #mw-content .wikiEditor-ui-toolbar,
 #mw-content .wikiEditor-ui-toolbar .tabs,
 #mw-content .wikiEditor-ui-toolbar .section-main {
 	height: auto;
 }
 
 #mw-content .wikiEditor-ui-toolbar {
 	position: initial;
 }
 
 body .mw-notification {
 	background: @button-background-color;
 	color: @button-font-color;
 }
 
 body .postedit:after {
 	top: auto;
 	bottom: 1.5px;
 	background: url( 'data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" stroke="%23@{notice-close-button-color}" width="20" height="20" viewBox="0 0 20 20"%3E %3Cpath d="M3.636 2.222l14.142 14.142-1.414 1.414L2.222 3.636z%22/%3E %3Cpath d="M17.778 3.636L3.636 17.778l-1.414-1.414L16.364 2.222z"/%3E %3C/svg%3E' ) no-repeat;
 }
 
 body .postedit-container {
 	position: absolute;
 	z-index: 10000;
 	top: 0;
 	right: 0;
 	width: 20em;
 	padding: 1em;
 	line-height: 1.35;
 }
 
 #p-personal #pt-uls .uls-trigger {
 	display: block;
 	padding-left: 11px;
 	background-image: none;
 }
 
 #p-personal #pt-uls .uls-trigger:before {
 	display: none;
 }
 
 table.mw-datatable {
 	color: #000;
 }
 
 .cosmos-dropdown-list #ca-wikilove a {
 	width: auto;
 	padding: 12px 16px;
 	margin-bottom: 0;
 	background-image: none;
 	text-indent: 0;
 }
 
 .flaggedrevs_reviewform {
 	background-color: transparent;
 	color: @font-color;
 }
 
 .flaggedrevs-unreviewed {
 	padding: 5px;
 	border: 1px solid @alt-font-color;
 	margin-top: 10px;
 	background-color: transparent;
 	color: @font-color;
 }
 
 .client-js.ve-activated .ve-init-mw-desktopArticleTarget-uneditableContent {
 	opacity: 1;
 	pointer-events: auto;
 	-webkit-user-select: auto;
 	-moz-user-select: auto;
 	-ms-user-select: auto;
 	user-select: auto;
 }
 
 #cosmos-dashboard-icon-circle,
 #cosmos-dashboard-icon-path,
 .cosmos-dashboard-icon-line {
 	fill: none;
 	stroke: currentcolor;
 	stroke-linecap: round;
 }
 
 #cosmos-dashboard-icon-circle,
 .cosmos-dashboard-icon-line {
 	stroke-miterlimit: 10;
 }
 
 #cosmos-dashboard-icon-path {
 	stroke-linejoin: round;
 }
 
 #mw-content .mw-editsection-divider,
 .mediawiki .mw-content-ltr .mw-editsection-bracket:first-of-type,
 .mediawiki .mw-content-ltr .mw-editsection-bracket:not( :first-of-type ) {
 	color: @font-color;
 }
 
 .client-js.ve-activated .mw-dismissable-notice,
 .ve-activated #ca-talk,
 .action-edit #ca-talk {
 	display: none;
 }
 
 .ve-activated #cosmos-pageBody-content {
 	width: 100%;
 }
 
 .oo-ui-window-body {
 	background: #000;
 }
 
 .ve-activated .ve-ui-mwNoticesPopupTool-item .warningbox {
 	padding: 0.5em 1em;
 	border: 1px solid;
 	margin-bottom: 1em;
 	background: none;
 }
 
 .ve-ui-toolbar-saveButton span {
 	color: #fff;
 }
 
 .ve-ui-mwNoticesPopupTool-item .warningbox {
 	padding: 0.5em 1em;
 	border: 1px solid;
 	margin-bottom: 1em;
 	background: none;
 }
 
 .ve-active .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link {
 	background-color: #808080;
 }
 
 .ve-ui-mwSaveDialog .oo-ui-window-frame {
 	width: 60%;
 	height: 60%;
 }
 
 .ve-init-mw-tempWikitextEditorWidget {
 	background: transparent;
 }
 
 .ve-activated .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active > .oo-ui-window-frame {
 	max-width: 60%;
 	max-height: 60%;
 }
 
 .ve-activated .ve-ui-mwSaveDialog-savePanel .oo-ui-fieldLayout-header {
 	color: #000;
 }
 
 .ve-ui-toolbar:not( .ve-ui-toolbar-floating ) .oo-ui-toolbar-bar {
 	position: initial;
 }
 
 body .oo-ui-icon-tray,
 .mw-ui-icon-tray:before {
 	background: url( "data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' stroke='%23@{banner-echo-font-color}' stroke-width = '2px' fill='none' viewBox='0 0 28 28'%3e%3cpath d='M 2 5 L 26 5 L 26 23 L 2 23 Z M 2 9 L 14 19 L 26 9 L 26 23 L 2 23 Z M 2 23 L 10 15 Z M 26 23 L 18 15 Z'/%3e%3c/svg%3e" ) no-repeat;
 	background-size: cover;
 }
 
 body .oo-ui-icon-bell,
 .mw-ui-icon-bell:before {
 	background: url( "data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' stroke='%23@{banner-echo-font-color}' stroke-width = '2px' fill='none' viewBox='0 0 28 28'%3e%3cpath d='M 2 21 L 6 15 L 6 10 A 5 5 180 0 1 22 10 L 22 15 L 26 21 Z M 18 21.5 A 4 4.5 180 0 1 10 21.5'/%3e%3c/svg%3e" ) no-repeat;
 	background-size: cover;
 }
 
 table.mw-interwikitable.body td.mw-interwikitable-local-yes {
 	background: @content-background-color;
 }
 
 .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
 	color: #fff;
 }
 
 .cosmos-header {
 	border-bottom: 0;
 }
 
 #mw-content-wrapper {
 	position: relative;
 	margin: 0 auto;
 }
 
 #mw-content .infobox {
 	float: right;
 }
 
 .CosmosRail .module h3 {
 	border-bottom: 3px solid @rail-header-bottom-border;
 }
 
 div.thumbinner {
 	padding: 0;
 	border: 0;
 
 	.thumbcaption {
 		padding: 10px;
 		border-right: 1px solid @border-color;
 		border-bottom: 1px solid @border-color;
 		border-left: 1px solid @border-color;
 		color: #3a3a3a;
 	}
 }
 
 .language-settings-dialog {
 	top: 30% !important;
 	left: 50% !important;
 	overflow: auto;
 	width: auto;
 	min-width: unset !important;
 	max-width: 99%;
 	transform: translate( -50%, -50% );
 }
 
 #mw-content .navigation-preview .wds-tabs .wds-tabs__tab-label a {
 	color: @header-font-color;
 }
+
+.skin-cosmos .jsbc-breadcrumbs {
+	top: 0;
+}
diff --git a/resources/skins.cosmos.styles/print.less b/resources/skins.cosmos.styles/print.less
index 95e562d7..5fd0155c 100644
--- a/resources/skins.cosmos.styles/print.less
+++ b/resources/skins.cosmos.styles/print.less
@@ -1,199 +1,200 @@
 /* Styles for printing */
 
 .cosmos-header,
 .CosmosRail,
 #cosmos-banner,
 #cosmos-articleHeader-actions,
 #cosmos-toolbar,
 #createPageModal,
 #cosmos-footerContent-footerIcons,
-#cosmos-footerLinks-places,
-#catlinks {
+#footer-places-privacy,
+#catlinks,
+#mwext-bc {
 	display: none;
 }
 
 .toc,
 body {
 	padding: 10px;
 	font-family: serif;
 }
 
 .printfooter,
 .thumb,
 table,
 ol,
 dl,
 ul,
 h3,
 h4,
 h5,
 h6 {
 	font-family: sans-serif;
 }
 
 img {
 	font-family: serif;
 }
 
 .mw-body a:not( .image ) {
 	border-bottom: 1px solid #aaa;
 }
 
 .firstHeading {
 	padding-bottom: 5px;
 	margin-bottom: 20px;
 	font-size: 25pt;
 	line-height: 28pt;
 }
 
 .firstHeading,
 h2 {
 	overflow: hidden;
 	border-bottom: 2px solid #000;
 }
 
 h3,
 h4,
 h5,
 h6 {
 	margin: 30px 0 0;
 }
 
 h2,
 h3,
 h4,
 h5,
 h6 {
 	position: relative;
 	padding: 0;
 }
 
 h2 {
 	margin-bottom: 0.25em;
 	font-size: 18pt;
 	line-height: 24pt;
 }
 
 h3 {
 	font-size: 14pt;
 	line-height: 20pt;
 }
 
 h4,
 h5,
 h6 {
 	font-size: 12pt;
 	line-height: 16pt;
 }
 
 p {
 	margin-top: 5px;
 	font-size: 12pt;
 	line-height: 16pt;
 	text-align: justify;
 
 	&:before {
 		display: block;
 		overflow: hidden;
 		width: 120pt;
 		content: '';
 	}
 }
 
 blockquote {
 	padding-left: 20px;
 	border-left: 2px solid #000;
 }
 
 ol,
 ul {
 	padding: 0;
 	margin: 10px 0 0 1.6em;
 
 	li {
 		padding: 2px 0;
 		font-size: 12pt;
 
 		table & {
 			font-size: inherit;
 		}
 	}
 }
 
 .toc {
 	display: table;
 	border: 0;
 	background: none;
 	page-break-after: avoid;
 	page-break-before: avoid;
 
 	a {
 		border: 0;
 		font-weight: normal;
 	}
 
 	> ul {
 		> li {
 			margin-bottom: 4px;
 			font-weight: bold;
 		}
 	}
 
 	ul {
 		margin: 0;
 		list-style: none;
 
 		ul {
 			padding-left: 30px;
 		}
 	}
 
 	li.toclevel-1 {
 		> a {
 			font-size: 12pt;
 			font-weight: bold;
 		}
 	}
 }
 
 .mw-jump-link,
 .toc .tocnumber {
 	display: none;
 }
 
 .printfooter {
 	padding-top: 10px;
 	border-top: 3px solid #000;
 	margin-top: 10px;
 	clear: both;
 	font-size: 10pt;
 }
 
 #cosmos-footer {
 	padding-top: 5px;
 	border-top: 1px solid #eee;
 	margin-top: 12px;
 }
 
-#cosmos-footerLinks-info {
+#footer-info {
 	padding: 0;
 	margin: 0;
 
 	li {
 		display: block;
 		padding-bottom: 10px;
 		color: #999;
 		font-size: 10pt;
 		list-style: none;
 
 		a {
 			color: #999 !important;
 		}
 	}
 }
 
-#cosmos-footerLinks-info > .cosmos-footerLinks-listItem:nth-of-type( 1 ) {
+#footer-info > .cosmos-footerLinks-listItem:nth-of-type( 1 ) {
 	color: #000;
 	font-size: 12pt;
 	font-weight: bold;
 }