body { font-size: 50%; }

@media (max-height:595px) {
	body { font-size: 44%; }

	.helpMenu li a { height: 2.5em; line-height: 2.5em; }
}

article .contentPanel { padding: 0 0 0 48px; padding: 0; position: relative; top: 20%; top: 0; height: 80%; height: 100%; width: 348px; background-color: transparent; }

article:not(.helpMenu) .contentPanel { }

article .contentPanel .panelButtons { display: none; }

.pageCounter { display: block; position: fixed; right: 2em; bottom: .5em; left: auto; }

article .helpContent.padLayoutWrap,
article .helpContent { position: relative; height: 70%; top: 20%; top: 10%; padding: 2% 144px 2% 64px; background-color: transparent; overflow: auto; -webkit-overflow-scrolling: touch; /*line-height: 1;*/ }

article .contentPanel .backLink { /*position: fixed; top: 1em; left: 1em; margin: 0; background-position-y: 2.25em;*/ }

article .contentPanel .backLink:focus { background-position-y: 2.25em; }
.articles article:not(.helpMenu) .articleTitle { top: 3.8em; left: 1.5em; height: 2em; }
#TOC .articleTitle { left: 1.75em; }
article .contentPanel .articleTitle { /*position: fixed; top: 1.85em; left: 4em; height: 3em; overflow: hidden;*/ display: block; width: 70%; margin-left: 48px; }

.helpMenu li a { /*width: 100%;*/ display: block; /*padding-bottom: .25em;*/ }

.navLinks a, .navLinks a:focus, .navLinks a:hover:not(:focus) { border: none; background-color: transparent; outline: 0; box-shadow: none; }