#header {padding: 10px 10px; height: 38px; border-bottom: 1px solid var(--border); background: linear-gradient(180deg, #e4f4ff 0%, #ffffff 100%);}
body.narrow #header {border-bottom: 0px;}
#header * {vertical-align: middle;}
#header a {text-decoration: none;}
#header a.homelogo { display: inline-block; background-image: url(logo.png); width: 149px; height: 38px;}
#header span.nearhomelogo { display: inline-block; margin-left: 15px; border-left: 1px solid #999999; padding-left: 15px; color: #999999; font-size: 1.25em;}
@media(max-width: 800px) { #header span.nearhomelogo { display: none; } }
[dir="ltr"] #header div.topright {display: inline-block; position: absolute; top: 18px; right: 20px; color: #666666; z-index: 1;}
[dir="rtl"] #header div.topright {display: inline-block; position: absolute; top: 18px; left: 20px; color: #666666; z-index: 1;}
#header div.topright > div.one {display: inline-block; margin-inline-start: 1em;}

#pagebody div.field {max-width: 1300px; margin: 150px auto 50px auto; font-size: 1rem; }
@media(max-width: 1400px) {#pagebody div.field {margin: 100px 20px 50px 20px;}}
[dir="ltr"] div.signposts {float: left; margin-right: 30px; margin-bottom: 40px; min-width: 250px; x-max-width: 275px;}
[dir="rtl"] div.signposts {float: right; margin-left: 30px; margin-bottom: 40px; min-width: 250px; x-max-width: 275px;}
[dir="ltr"] div.signposts div.title {border-bottom: 1px dotted #cccccc; padding: 0px 0px 15px 0px; margin: 60px 0px 20px 0px; font-size: 1.25rem; color: #666666;}
[dir="rtl"] div.signposts div.title {border-bottom: 1px dotted #cccccc; padding: 15px 0px 0px 0px; margin: 60px 0px 20px 0px; font-size: 1.25rem; color: #666666;}
div.signposts div.title:first-child {margin-top: 0px;}
@media(max-width: 1300px) {div.signposts div.title {padding-inline-end: 0px;}}

div.field div.dominator {margin-bottom: 75px;}

@media(max-width: 1300px) {
  div.signposts {margin-bottom: 20px; margin-inline-end: 20px;}
  div.field div.dominator {margin-bottom: 40px;}
}


[dir="ltr"] div.signpost {background-image: url(signpost-ltr.png); background-position: top+1px left+1px; background-size: 28px 28px; background-repeat: no-repeat; min-height: 30px; margin: 0px 30px 20px 0px;  }
[dir="rtl"] div.signpost {background-image: url(signpost-rtl.png); background-position: top+1px right+1px; background-size: 28px 28px; background-repeat: no-repeat; min-height: 30px; margin: 0px 0px 20px 30px;  }
[dir="ltr"] div.signpost:hover {background-position: top left; background-size: 30px 30px;}
[dir="rtl"] div.signpost:hover {background-position: top right; background-size: 30px 30px;}
[dir="ltr"] div.signpost a {font-size: 1.15rem;  display: inline-block; padding: 7px 10px 7px 40px; text-decoration: none; color: var(--link)}
[dir="rtl"] div.signpost a {font-size: 1.15rem;  display: inline-block; padding: 7px 40px 7px 10px; text-decoration: none; color: var(--link)}
div.signpost a:hover {color: var(--link-hover);}
div.signpost.disabled a {color: #999999; cursor: not-allowed;}

[dir="ltr"] div.signposts div.subsignpost {margin: -15px 30px 15px 0px; position: relative;}
[dir="rtl"] div.signposts div.subsignpost {margin: -15px 0px 15px 30px; position: relative;}
[dir="ltr"] div.signposts div.subsignpost::before {content: "—"; position: absolute; left: 40px; top: 0.3em; color: #999999;}
[dir="rtl"] div.signposts div.subsignpost::before {content: "—"; position: absolute; right: 40px; top: 0.3em; color: #999999;}
[dir="ltr"] div.signposts div.subsignpost a {font-size: 1.05rem;  display: inline-block; padding: 7px 10px 7px 65px; text-decoration: none; color: var(--link)}
[dir="rtl"] div.signposts div.subsignpost a {font-size: 1.05rem;  display: inline-block; padding: 7px 65px 7px 10px; text-decoration: none; color: var(--link)}
div.signposts div.subsignpost a:hover {color: var(--link-hover);}
div.signposts div.subsignpost.disabled a {color: #999999; cursor: not-allowed;}

[dir="ltr"] div.field > div.clear {clear: left;}
[dir="rtl"] div.field > div.clear {clear: right;}