#manualLogo
{
    width: clamp(15em, 40vw, 30em);
}

.manualSubTitle
{
    letter-spacing: 0;
    font-style: italic;
    font-size: 0.8em;
    margin: 0 0 1vh;
}

#manualDocDIV
{
    margin-top: clamp(1em, 8vw, 8em);
    margin-left: unset;
    transform: unset;
}

.toc
{
    margin-left: 50%;
    transform: translateX(-50%);
}

#manualBody
{
    margin-top: clamp(4em, 12vw, 10em);
    margin-left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: left;
}

#manualBody a,
#manualBody a:visited
{
    color: #006579;
    font-weight: bold;
    font-style: italic;
    cursor: pointer;
}

#backToTop
{
    position: fixed;
    top: clamp(0.5em, 3vw, 2em);
    background: url(images/angle-up-solid.svg);
    background-repeat: no-repeat !important;
    filter: sepia(1) hue-rotate(210deg) saturate(19) brightness(0.5);
    pointer-events: all;
    cursor:pointer;
    margin: 0 50%;
    transform: translateX(-50%);
    width: clamp(1em, 5vw, 4em);
    height: clamp(1em, 5vw, 4em);
    background-size: clamp(1em, 2.4vw, 1.9em);
    background-color: rgba(255,255,255,0.3);
    background-position: center;
    border-radius: clamp(0.1em, 1vw, 1em);
}




.tocTitle
{
    font-size: clamp(0.5em, 1.6vw, 1.4em);
    letter-spacing: 0.1vw;
    margin-bottom: 0;
    text-align: center;
}






.tocSection,
.tocSection > h2,
.tocSubSec1,
.tocSubSec1 > h3,
.tocSubSec2,
.tocSubSec2 > h4
{
    cursor:pointer;
    pointer-events: all;
}


.tocSection > h2,
.manualSection > h2
{
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

.tocSubSec1 > h3
{
    margin-top: 0;
}

.tocSubSec2 > h4
{
    margin-top: 0;
    font-weight: normal;
}


.tocSection
{
    margin-top: clamp(0.6em, 1.8vw, 1.9em);
    margin-bottom: clamp(1em, 6vw, 5em);
    column-count: 2;
    text-align: left;
}

.tocSubSec1
{
    margin-top: clamp(0.2em, 0.6vw, 0.5em);
}

.tocSubSec2
{
    margin-bottom: clamp(0.2em, 0.7vw, 0.5em);
}



.tocSection > h2
{
    font-size: clamp(0.3em, 1vw, 0.8em);
}

.tocSubSec1 > h3
{
    margin-bottom: clamp(0.1em, 0.2vw, 0.2em);
    margin-left: clamp(0.4em, 2vw, 2em);
    font-size: clamp(0.2em, 0.9vw, 0.7em);
}

.tocSubSec2 > h4
{
    margin-bottom: clamp(0.1em, 0.3vw, 0.3em);
    margin-left: clamp(0.8em, 4vw, 4em);
    font-size: clamp(0.1em, 0.7vw, 0.55em);
}



.manualSection
{
    margin-top: clamp(1em, 4vw, 3em);
}

.manualSubSec1
{
    margin-top: clamp(0.3em, 1.8vw, 1.5em);
}

.manualSection > h2
{
    font-size: clamp(0.5em, 2vw, 1.6em);
}

.manualSection p
{
    font-size: clamp(0.7em, 1.2vw, 1.3em);
    margin-top: clamp(0.2em, 0.7vw, 0.7em);
    margin-bottom: 0;
}

.manualSection > p
{
    line-height: clamp(0.1em, 1.5vw, 1.4em);
}

.manualSubSec1 > p
{
    line-height: clamp(0.1em, 1.1vw, 1.2em);
}

.manualSubSec1 > h3
{
    font-size: clamp(0.3em, 1.5vw, 1.2em);
    margin-top: clamp(0.3em, 2.1vw, 1.4em);
    margin-bottom: clamp(0.3em, 1vw, 0.5em);
}

.manualSubSec1 > h3,
.manualSubSec1 p
{
    margin-left: clamp(0.4em, 2vw, 2em);
}

.manualSubSec1 p
{
    font-size: clamp(0.2em, 0.9vw, 0.7em);
    margin-bottom: 0;
    margin-top: clamp(0.1em, 0.4vw, 0.4em);
}

.manualSubSec2 > h4
{
    font-size: clamp(0.2em, 1vw, 0.9em);
    margin-top: clamp(0.3em, 2.1vw, 1.4em);
    margin-bottom: clamp(0.3em, 1vw, 0.5em);
}

.manualSubSec2 > h4,
.manualSubSec2 p
{
    margin-left: clamp(0.8em, 4vw, 4em);
}












.manual_toc
{
    counter-reset: tocSection;
}

.tocSection
{
    counter-increment: tocSection;
    counter-reset: tocSubSec1;
}

.tocSubSec1 > h3
{
    counter-increment: tocSubSec1;
    counter-reset: tocSubSec2;
}

.tocSubSec2 > h4
{
    counter-increment: tocSubSec2;
}

.tocSection > h2::before
{
  content: counter(tocSection) ".\2004\2004";
}

.tocSubSec1 > h3::before
{
  content: counter(tocSection) "." counter(tocSubSec1) "\2004\2004";
}

.tocSubSec2 > h4::before
{
  content: counter(tocSection) "." counter(tocSubSec1) counter(tocSubSec2, lower-alpha) "\2004\2004";
}



#manualBody
{
    counter-reset: manualSection;
}

.manualSection
{
    counter-increment: manualSection;
    counter-reset: manualSubSec1;
}
.manualSubSec1 > h3
{
    counter-increment: manualSubSec1;
    counter-reset: manualSubSec2;
}

.manualSubSec2 > h4
{
    counter-increment: manualSubSec2;
}

.manualSection > h2::before
{
  content: counter(manualSection) ".\2004\2004";
}

.manualSubSec1 > h3::before
{
  content: counter(manualSection) "." counter(manualSubSec1) "\2004\2004";
}

.manualSubSec2 > h4::before
{
  content: counter(manualSection) "." counter(manualSubSec1) counter(manualSubSec2, lower-alpha) "\2004\2004";
}

.manualImageXLarge
{
    width: clamp(1em, 56vw, 46em) !important;
}

.manualImageLarge
{
    width: clamp(1em, 47vw, 39em) !important;
}

.manualImageMedium
{
    width: clamp(1em, 33vw, 27em) !important;
}

.manualImageSmall
{
    width: clamp(1em, 16vw, 13em) !important;
}

.manualImageXSmall
{
    width: clamp(0.5em, 8vw, 6em) !important;
}

#manualBody img
{
    margin: clamp(0.1em, 1vw, 1em);
}

.manualSubSec2 > ul
{
    margin-left: clamp(0.1em, 4vw, 5em);
    font-size: clamp(0.1em, 0.7vw, 0.6em);
    line-height: clamp(0.1em, 1vw, 1.4em);
}