@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic);
@import "noto.css";

:root {
  --answer-blauw: #4183c4;
  --answer-label__border-color: var(--answer-blauw);
  --answer-label__color: var(--answer-blauw);
  --answer-label__border-color-selected: var(--answer-label__border-color);
  --answer-label__background-color-selected: yellow;
  --jb-blauw: #253776;
  --jb-blauw-rgb: 37,55,118;
  --jb-lichtblauw: #0071a7;
  --jb-geel: #DBBD00;
  --jb-wit: #FFFFFF;
  --jb-grijs: #969696;
  --jb-rood: #9E3224;
  --jb-oranje: #FF6505;
  --code-default: #58595b;
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote, label {
	margin: 0; padding: 0; border: 0;
}
body {
/*	== taken out for frame-grid; should not be part of article.css anyway.
 * display: block;
	width: 100%;
	height:100%;
	margin:auto;
	height:auto;
 * */
	border: none;
	text-align:	left;
	font-family: "Noto Sans", "Noto Sans SC", sans-serif;
	font-size: var(--font-size);
	line-height: 1.75em;
	hyphens: auto;
	text-align: initial;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
}
.andron-scriptor-web {
    font-family:Andron Scriptor Web;
}
.inline-fn, .inline-cit {
    font-size:10.5pt;
    white-space:initial;
}
:lang(ar), :lang(fa) {
    text-align:right !important;
	direction:rtl;
}
:lang(en) {
  direction: ltr;
}
.line[lang=ar], td[lang=ar], .line[lang=fa], td[lang=fa] {
    text-align:left !important;
}
[lang=he] {
    direction:rtl;
}
[lang=zh] {
    font-style:normal;
}
h1, h2, h3, h4, h5, h6, details, footer, section, #header-content, .navigation, .heading-label, .caption, .toc-title, .toc-contributors, .issues, .boxed-text {
/*	font-family: "Noto Sans", sans-serif;*/
  position:relative;
}
/*
:lang(zh-Hant) {
    font-family:"Noto Sans CJK TC", Arial, Helvetica, sans-serif;
}*/
u {
    border-bottom:2px solid #aaa;
    text-decoration:none;
}
u.dotted {
	text-decoration: none; 
	border-bottom: 2px dotted; 
}
u.dashed {
	text-decoration: none; 
	border-bottom: 2px dashed; 
}
u.double {
	text-decoration: none; 
	border-bottom: 3px double; 
}
u.thick {
	text-decoration: none; 
	border-bottom: 3px solid; 
}
/*  - jf 16 Mar 2016
    - removing until this is required as it is causing problems in bulleted lists
.bullet::after {
	color: #253776;
	content: " • ";
	font-size:.9em;
}
*/
.found {
    background-color: yellow;
}
.button {
    text-align:center;
    margin:1em .5em;
}
.invisible {
    visibility:collapse;
}
fieldset {
    border: 2px solid #253776;
    padding: 1em;
    background-color: #fafafa;
    line-height: 2.5em;
}
input {
	border: solid 1px #ccc;
    font-weight: normal;
    color:black;

}
#key-trigger, #mc-trigger {
    display: none;
}
#key-trigger:checked ~ div.key {
    display:block;
}
#key-trigger:checked + label .showkey::before {
    content:"Hide ";
}
.key, .answer-set {
    background-color: #eee;
    padding: 1em;
    font-size: .9em;
    margin-bottom: 3em;
}
.key {
    display:none;
}
.question-label {
    float:left;
}
.question .question {
    padding-top:.5em;
}
.answer-set {
    margin-top:1em;
    position:relative;
    padding-bottom:3em;
    clear:both;
}
.answer-set label {
    bottom:0;
}
.answer-set p {
    line-height:2.5em;
}
.answer-set p + p, .funding p + p {
    text-indent:0;
}
.answer-set .label {
    padding:.15em .7em;
    font-weight:bold;
    font-size:1.05em;
    letter-spacing:.07em;
    text-transform:uppercase;
    border: 1.5px solid var(--answer-label__border-color);
    color: var(--answer-label__color);
    border-radius:.25em;
    margin-inline-end:1em;
    background-color:#fff;
    cursor:pointer;
}
input.mc-checkbox:checked ~ label div {
  outline: .15em solid var(--answer-label__border-color-selected);
  border-color:var(--answer-label__border-color-selected);
  background-color:var(--answer-label__background-color-selected);  
}

.showkey::before {
    content:"Show ";
    cursor: pointer;
    font-weight:bold;
}
label div, .answer-container p {
    display:inline-block;
}
label .showkey {
        margin-top:2em;
}
.answer {
    display:flex;
}
.answer-container {
    margin-top:1em;
    display:flex;
    clear:both;
}
.answer .list {
    clear:none;
    margin-top:0;
}
code {
    color: var(--pre__text,#253776);
    white-space: pre-wrap;
    font-size:.9em;
    overflow-x:auto;
    tab-size:3;
}
p > code {
    font-size:1em;
}

input[type=submit],input[type=reset] {
	padding:.25em .5em;
    font-weight: bold;
    color: white;
    margin-inline-start:1em;
    margin-top: 1em;
    background-color: #9e2330;
    text-transform: uppercase;
    letter-spacing: .1em;
    border:solid 1px #253776;
    cursor:pointer;
    border-radius:.15em;
}
input[type=text] {
    width:75%;
}
input[type=reset] {
    background-color: #666;
}
input[name="q"] {
    border: 0;
    border-bottom: solid 3px #253776;
    font-size: 1.2em;
	line-height:1.6em;
    padding-inline-start:1em;
}
input[name="q"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-bottom: solid 3px #ccc;
    background-color: #fff;
    outline: none;
}

@media screen {
    #main, .main {
    	padding: 1cm 8.5% 0 8.5%;
    	margin: 0;
    	background-color: white;
    }
}

.page {
	padding: 1.2cm 8.5%;
	padding-top: .8cm;
	text-align: left;
	background-color: white;
	font-size:.95em;
}
.pagenumber {
    background-color:#ccc;
    color:#666;
    padding:.2em .4em .2em .4em;
    margin-inline-end:.4em;
    border-radius:.25em;
    font-size:.7em;
    font-weight:bold;
    white-space: nowrap;
}
.pagenumber-invisible {
    visibility:collapse;
}
.entry .pagenumber {
    margin-inline-start:1em;
}
.entry .term {
    padding-inline-end:1em;
    font-weight: bold;
}

#sections {
	text-align:center;
	font-weight:bold;
	color:#444;
	word-spacing:1em;
	font-size:.95em;
	line-height:2.5em;
}

.short {
	display:inline;
	padding:.15em  .35em;
	background-color: #eee;
	color:#777;
	border:.1em;
    border-style:solid;
    border-radius:.15em;
    word-spacing:0;
    white-space: nowrap;
	}

div.letters {
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
	text-align: center;
	font-weight: bold;
	color:#444;
	line-height: 3em;
	word-spacing: .25em;
	font-size: .95em;
}
.letters button {
  margin-bottom:1em;
}
.letters .language {
    padding:0 .5em 0 .5em;
}
.salutation {
    margin-bottom: 1.5em;
}
div.figure {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.fig.panel, .table-wrap.panel {
    margin:1em 0;
/* PL: removed, left aligned is default for tables */    
/*    text-align:center;*/
    vertical-align:top;
    font-size:0.9em;
    position:relative;
}
.fig.panel {
  text-align:center;  
}
.lin-example {
    text-align:left;
}
.list .fig.panel {
    margin:0;
    text-align:inherit;
}
.table-wrap.panel {
    overflow: auto;
    font-size:0.9em;
}
.list-item-content .table-wrap.panel table {
    padding-top:0;
    margin-top:0;
}
.speech-item-content .array {
    display:inline;
}
.speech-item-content .speech-item-label {
    vertical-align:top;
}
.fig.panel p, .fig-group.panel {
    font-size:.95em;
}
.fig-group .fig.panel, .thumbholder {
    display:inline-block;
}
p span.thumbholder {
    display:inline;
}
div.thumbholder {
    margin-inline-end:1em;
    margin-top: .5em;
}
.main.object .thumbholder, .main.object .fig.panel {
    display:block;
}
.main.object object {
    width:100%;
}
.object svg {
    width:100% !important;
    height:100% !important;
}
object:target {
    transition:width 1s;
}
table {
	line-height: 1.6em;
	vertical-align: top;
	margin-top: .5em;
	margin-bottom: 1em;
	border:none;
	border-collapse: collapse;
	border-top: solid #253776 2px;
	border-bottom: solid #253776 2px;
	font-size:inherit;
}

tr {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
th {
	line-height:1.65em;
	color:#253776;
	padding:.5em 0;
	padding-inline-end: 1em;
}
.vertical-align-top {
    vertical-align:top !important;
}
.vertical-align-bottom {
    vertical-align:bottom !important;
}
.vertical-align-middle {
    vertical-align:middle !important;
}
.horizontal-align-left {
    text-align:left;
}
.horizontal-align-center {
    text-align:center !important;
}
.horizontal-align-right {
    text-align:right !important;
}
.diagonal-upwards {
    position: relative;
}
.diagonal-upwards:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 0.25px solid;
    border-color: inherit;

    -webkit-transform:rotate(-14deg);
    -moz-transform:rotate(-14deg);
    -ms-transform:rotate(-14deg);
    -o-transform:rotate(-14deg);
    transform:rotate(-14deg);
}

.diagonal-downwards {
    position: relative;
}
.diagonal-downwards:after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 0.25px solid;
    border-color: inherit;

    -webkit-transform:rotate(14deg);
    -moz-transform:rotate(14deg);
    -ms-transform:rotate(14deg);
    -o-transform:rotate(14deg);
    transform:rotate(14deg);
}
th .right {
    text-align: right!important;
    vertical-align: top;
}
th .left {
    text-align: left!important;
    vertical-align: bottom;
}
tbody th {
    color: #666;
}
table.booktext {
    width:100%;
}
.booktext th {
	border-bottom: 1px solid #253776;
}
.booktext tr {
	border-bottom: 1px solid #ccc;
}
thead > tr {
	vertical-align: text-top;
}
tbody tr {
    vertical-align: text-top;
}

tr.total {
    font-weight:bold;
}
td .list {
    margin-top:0em;
    margin-bottom:0em;
}
tr.padding.above td {
  padding-top:.5em;
}
td
{
	vertical-align: top;
	padding-inline-end:1em;
}
.right-rule {
    border-right:.25px solid black;
    padding-inline-start:0.1em;
}
.left-rule {
    border-left:.25px solid black;
    padding-inline-end:0.1em;
}
td.hdr {
	border-bottom: solid 1px;
}

td.hdrb {
	border-top: solid 1px;
	border-bottom: solid 1px;
}
tfoot {
    border-top: solid 1px;
    font-weight:bold;
}
tbody {
    vertical-align:bottom;
    border-top: 1px solid #253776;
}
tbody:last-of-type tr:last-child td {
    padding-bottom:0;
}
td:last-child, th:last-child {
    padding-inline-end: .1em;
}

.table-wrap td {
    border-top:1px solid #ddd;
}
/* 27/11/2015 - jf moved this line to bottom of th to ensure that multiple rows of th have a thin line beneath them - see new code below */
.table-wrap tr:first-child > td {
	border-top:solid #253776 1px;
}

table.array tr:first-child > td {
	border-top:none;
}
.table-wrap th {
	border-bottom:solid #253776 1px;
}
table.zerotable, .array table
{
	border: 0;
	line-height: 1.6em;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
	border: none;
	font-size:1em;
}
table.array {
	border-collapse: collapse;
    border:none;
    font-size:1em;
    line-height:2em;
    margin:0;
}
.list-item-content first-child::table.array {
    line-height:1.3em;
    margin-top:.4em;
}
table.array tbody{
    border:none;
}
table.array tr{
    border:none;
}
.array td {
	line-height:1.5em;
	padding-inline-end: .5em;
	text-align:left;
	vertical-align:top;
    border:none;
}
.play td {
    padding-inline-end:0em;
}
.array {
    display:block;
    clear:both;
    width:100%;
}
.array.inline {
    display:inline-block;
    width:auto;
    vertical-align:top;
}
.long-desc {
    padding-top:.7em;
    font-weight:normal;
}
section > table.array {
    margin:1em 0;
}
table.zerotable td
{
	padding: 0em;
	margin: 0em;
}
table.lines
{
	border: solid 1px black;
}
.concordance {
    white-space:pre;
    font-size:.8em;
}
.concordance tbody, table.concordance {
    border-top:none;
    border-bottom:none;
    line-height:1em;
}
.table-wrap .concordance td {
    border-top:none;
    padding-inline-end:.25em;
}
.table-wrap .concordance td:nth-of-type(2) {
    color:blue;
}
.table-wrap .concordance tr:first-child > td {
    border-top: none;
}
table.optimality-tableau {
    border:none;
}
.table-wrap .optimality-tableau tr:first-child > td {
    border-top: 0;
}
.optimality-tableau tr, table.optimality-tableau td {
    border-top:.25pt solid black;
    border-bottom:.25pt solid black;
    border-left:.25pt solid black;
    border-right:.25pt solid black;
    padding-inline-end:.5em;
    padding-inline-start:.5em;
}
.optimality-tableau tr:first-of-type {
    border-bottom:2pt double black;
}
.optimality-tableau td:first-of-type {
    border-right:2pt double black;
    white-space:nowrap;
}
.optimality-tableau .border-right-dashed {
    border-right:1pt dashed;
}
table.lines td
{
	border:solid 1px black;
	padding-inline-start: 1em;
	padding-inline-end: 1em;
	margin:0em;
}
table.example, table.subexample {
	margin-top: .6em;
	margin-bottom: .6em;
	border-top: none;
	border-bottom: none;
	font-size:1em;
}
table.subexample {
    margin-top:0;
    font-size:1em;
}

table.nextexample
{
	margin-top: -.4em;
	margin-bottom: .6em;
	border-top: none;
	border-bottom: none;
}
.example td
{
	vertical-align: top;
}
table.example td:first-child  {
    min-width:3.5em;
}
table.subexample td:first-child {
    min-width:2em;
}
table.enum
{
	margin-top: .6em;
	margin-bottom: .6em;
	border-top: none;
	border-bottom: none;
}
.enum td
{
	vertical-align: top;
	padding-inline-end: .5em;
}
table.nextenum
{
	margin-top: 0em;
	margin-bottom: 0em;
	border-top: none;
	border-bottom: none;
}

table.table {
	font-size: 10pt;
}

table caption {
	padding-top: .5em;
	text-align: left;
	font-size: 12pt;
}
.lin-example {
    display:inline-block;
    padding-inline-end:.1em;
}
.lin-example p {
    display:inline-block;
}
.line1, .line2, .line {
    display:block;
    text-indent:0;
}
/*.line2 {
    color:#777;
    line-height:1.6em;
}*/
.lin-example span.line:last-child, .glossed-example tr:last-child, .lin-example div.line:last-child, .glossed-example tr:last-child {
    color:#777;
    line-height:1.6em;
}
table.note-group
{
	margin-top: .6em;
	margin-bottom: .6em;
	border-top: solid 0px;
	border-bottom: solid 0px;
	width:100%;
}
.note{
	padding-bottom: .5em;
	font-size: .95em;
	line-height:1.6em;
}
.nonotenum {
	color: red;
}
.todo {
	font-weight: bold;
	background-color: yellow;
}
.main-unavailable
{
	font-weight: bold;
	color: #a0a0a0;
	cursor: help;
}
.main-missing
{
	color: #a0a0a0;
	cursor: help;
}
.back-section .note, .back-section table {
    font-size:1em;
}
.back-section .caption {
    font-size:1em;
}
.back-section .table-wrap-foot {
    font-size:.9em;
}

sup.note{
	color: red;
}
sup {
    position: relative;
    top: -.4em;
    font-size: .8em;
    vertical-align:initial;
}
sub {
    position: relative;
    bottom: -.4em;
    font-size: .8em;
    vertical-align:initial;
}
.empty {
	padding: 0;
	height: 20px;
}
.dummy {
	color: white;
}
.addresses {
    vertical-align:top;
    width:100%;
    text-align:left;
}
.addresses {
  column-count:2;
  text-align:left;
  hyphens:none;
}

section.address, section.author-info, .person-block, .funding {
  vertical-align:top;
  font-size:.9em;
  padding-inline-end:1em;
  display:inline-block;
}
section.author-info {
  display:block;
}
.author-info a {
  display:block;
}
.author-info {
  text-align:left;
  hyphens:none;
}
.author-info .item {
  display:inline-block;
}
.author-info .item+.item {
  padding-left:2em;
}
.address:lang(ar) {
  padding-inline-end:0;
}
.addressline {
  display:block;
}
.addresses .name, .author-info .name, .item .name {
  display:block;
  font-weight:bold;
}
.addresses .item, .author-info .item {
  page-break-inside:avoid;
  margin-bottom:.5em;
}
.addresses p {
  text-align:left;
}
.orcid {
    position:relative;
}
.mini-orcid-icon {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-inline-end: .3em;
}
.mini-ror-icon {
  position:relative;
  bottom:.35em;
  left:-.15em;
  }
.mini-ror-icon svg {
  width:.95em;
  height:auto;
}
.mini-ror-icon svg .st0 {
  stroke-width:0;
}
.mini-ror-icon::before { content: " "; }

.signature-block {
    text-align:right;
}
.sig-block,.signature {
    display:inline-block;
    text-align:left;
    margin-top:1em;
}
.signature .affiliation {
    color:inherit;
    
}
.verse {
    padding:.5em 0 .5em 4em;
}
p ~ .attrib {
    padding-bottom:3em;
}
/*
p ~ .verse {
    padding:0;
}
*/
blockquote .verse {
    padding-inline-start:0;
}
.verse-line {
    display:block;
    text-indent:0;
    position:relative;
    text-align:left;
}
.verse-line.inline {
    display:block;
}
td .verse {
    padding-inline-start:0;
}
.center {
    text-align:center;
}
.linenumber {
    margin-inline-start:-1em;
    min-width:1em;
    font-size:.8em;
}
.paragraph-number {
    font-size:.8em;
    font-weight:bold;
    display:inline-block;
    float:right;
}
.verse-line .linenumber {
    padding-inline-end:1em;
    margin-inline-start:-2em;
    min-width:2em;
    text-align:right;
}
.linenumber.right {
    margin-inline-start:3em;
}
.list-item-content .linenumber {
    float:right;
}
.target-linenumber {
    font-size:0.8em;
    margin-inline-start:1em;
    padding:0.1em;
    color:#fff;
    background-color:#253776;
}
.target-linenumber a {
    color:#fff;
}
blockquote.headline, blockquote.headline .attrib {
    text-align:center;
    display:block;
    float:none;
    padding-inline-start:0;
}
form { margin-bottom: 0em; }
table.form { border: solid 1px #e1bb4b; font-size: 11pt;}
table.form td { margin: .5em; padding: .5em; }
table.form table { border: 0; font-size: 11pt;}
table.form table td { margin: 0em; padding: 0em; }
table.vat	{ width: 100%; border:none; font-size: 11pt;}
table.vat td { vertical-align: top; }

table.license
{
	padding: 0;
	margin: 0;
	border: solid 1px black;
	border-spacing: 0;
	font-size: 11pt;
}
table.license td { margin: .5em; padding: .5em; }

form table,table.form tbody {
    background-color:#f7f7f7;
}

.bbr {
	color: red;
	padding: 0cm ;
	margin: 0;
	border: none;
}
.octicon-container {
  position:absolute;
  left:-2em;
  top:2em;
}
.rtl .octicon-container {
  left:initial;
  right:-2em;
}
section section .octicon-container {
  top:1.5em;
}
section section section .octicon-container {
  top:1em;
}
.octicon-container input {
  position:fixed;
  left:0;
  bottom:0;
  font-size:.1em;
  border:0;
} 

.octicon-container button {
  height:auto;
  margin:0;
  padding:0;
  background-color:initial;
  opacity:.15;
  border:none;
}
.octicon-container:hover button {
  opacity:1;
  border:none;
  outline:none;
}
@media print {
footer {
	font-size: .9em;
	margin: 0 6%;
	margin-top:2em;
    padding:.05em .5em .2em 2.5%;
	display:block;
	border:.1em;
    border-style:solid;
    border-radius:.35em;
    border-color:#bcc;
	text-align: left;
    vertical-align:middle;
	background-color: #dee;
	line-height:1.6em;
	height:auto;
	opacity:1;
	transition: all .5s;
}
}
footer a:link,footer a:visited, a.translation, a.translation:visited {
	font-weight: bold;
}
footer h3 {
    margin-top:0;
    padding-top:0;
    font-weight:bold;
}
.terms
{
	overflow: auto;
	border:2px solid black;
	padding:5px;
	background-color:white;
	font-size: 10pt;
}
.def-list.table {
    display:table;
}
.def-item.row {
    display:table-row;
}
.def-def.cell, .def-term.cell {
    display:table-cell;
    padding-bottom:1em;
    vertical-align:text-top;
}
.def-term {
    display:inline-block;
    min-width:6em;
    padding-inline-end:.5em;
}
.def-def {
    display:inline-block;
    margin-inline-start:2em;
}
.def-item {
    padding-bottom:.5em;
}

.new {
	color:red;
	background-color:white;
	padding: .1em .5em;
	margin-inline-start:1em;
	font-style:italic;
	font-weight:bold;
	border:.1em;
    border-style:solid;
    border-radius:.25em;
    border-color:#ddd;
    float:right;
}
details {
	color: #555;
	margin: 5% 1em 1em 8.5%;
    font-size:.9em;
    vertical-align:top;
    open:false;
    display:block;
}
details li {
    list-style-type:none;
}
details ul {
    padding:0;
    text-indent:1.5em;
    margin-inline-start:-1.5em;
}

details p, .abstract p {
    text-align: left;
}
summary {
	font-weight: bold;
}
details.toc {
	max-width: 45em;
	open: open;
	margin-top:1em;
}
details.related {
    max-width: 35%;
    position: relative;
    right:0;
}
.front details.abstract, 
.front details.keywords,
.front details.history, 
.front .abstract, 
.front .keywords, 
main > div.abstract, 
main details.abstract, 
main details.keywords, 
main > div.keywords {
  margin: 1em 0 0 6%;
  padding:.05em 0 .2em 2.5%;
  font-size:.9em;
  padding-inline-end:1em;
  max-width:40em;
}
.front details.abstract[lang=fa], .front details.abstract[lang=ar] {
  margin:5% 8.5% 1em 1em;
}
.front details.keywords, 
.front .keywords,
main .keywords {
  display:inline-block;
  margin-inline-end: 5%;
  word-break:keep-all;
}
details.footer {
    margin:0;
    padding:0;
    color:#fff;
}
.front .keywords summary {
    display:inline;
    padding-inline-end:1em;
}
.front .keywords ul,
main .keywords ul {
    display:inline;
    padding-inline-start:0;
    margin:0;
    text-indent:0;
}
.front .keywords li,
main .keywords li {
    display: inline-block;
    margin-inline-end:.2em;
}
.front .keywords li,
main .keywords li {
	word-break:keep-all;
}

.keyrefs {
	display: block;
	color: gray;
	margin-top: 1em;
}
.translation, .translator {
	color: #253776;
}
.transliteration {
  display:none;
}
h1 .transliteration {
  display:inherit;
}
.address .transliteration, .author-info .transliteration {
  display:inline;
}
details .erratum {
    font-size:.9em;
    line-height:1.5em;
}

blockquote, q, h1.dissertation {
    font-size:.95em;
    padding: 1em 0 1em 4em;
    line-height:1.75em;
}
blockquote p.next, q p.next {
    text-indent:0;
    padding-top:.5em;
}
blockquote p, q p {
    display:inline-block;
}
blockquote .list p, q .list p {
    display:block;
}
blockquote.next, q.next {
	padding-top: 0em;
}
blockquote + blockquote, q + q {
    padding-top: 0;
}
blockquote:after {
    content:"";
    clear:both;
    display:block;
}
q::before {
    content:"";
}
q::after {
    content:"";
    }

/* misc */

.stars {
	margin-top:1em;
	text-align: center;
}

.ss, .InputLabel, .InputField  {
	text-align: left;
	line-height:1.8em;
}

.home {
	border:.1em;
    border-style:solid;
    border-radius:.5em;
    width:100%;
}


/* heading styles */

h1.topbar {
	line-height: 1em;
	letter-spacing: .1em;
	color: #eee;
	text-align: right;
	font-size: 1.4em;
	padding: 0;
	padding-top: .65em;
	padding-inline-end: 2em;
}
h1 {
	padding: 2% 0;
	font-size:1.6em;
	color:#222;
	margin: 0em;
	display: block;
	text-align: left;
	line-height: 1.25em;
	font-weight: normal;
	hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	z-index:2;
}
h1.title, h1.subtitle, h2.subtitle, h1.review, h1.title.review-article, h1.small, div.subtitle, div.review {
    padding: 2% 8.5%;
    max-width: inherit;
    font-size:1.5rem;
    font-weight:bold;
	line-height:1.4em;
 	transition: font-size .5s, line-height .5s, padding .5s;
 	background-color:#831b30;
 	background-color:var(--main-content__title-background,#831b30);
 	color:#fff;
 	color:var(--main-content__title-text,#fff);
}
h1.title.review-article .product {
    font-size:.85em;
    display:block;
}
h1.dissertation, div.dissertation {
    font-weight:normal;
}
h1.title .details {
    font-size:.75em;
}
.review .details {
    margin-top:.5em
}
.product .isbn {
    white-space:nowrap;
}
.review-series-after-author:before {
    content: "= ";
}
.review-series-after-author {
    font-style:italic;
}

h1.subtitle, h2.subtitle, h2.review, div.subtitle {
    padding: 2% 8.5%;
    margin: 0em;
	background-color: #ddd;
	color: #9e2330;
	font-size: 1.3rem;
	line-height: 1.4em;
}
h1 .subtitle, h1 .chapter-subtitle, div.subtitle, div.chapter-subtitle {
	font-weight:normal;
	font-size:.9em;
	display:block;
}
h1 .dissertation-location {
    font-weight:normal;
}
.back-section h2:first-child {
    font-size:1.3rem;
    padding-top:2%;
}
.table-wrap-foot h2{
    font-style:italic;
    padding:0;
    margin:0;
    font-weight:normal;
    color:black;
    text-align:left;
}
section.references {
	padding-top: 1.4em;
	padding-bottom: .4em;
}
.back-section {
    font-size:.9em;
    line-height:1.6em;
}
.back-section > .back-section {
    font-size:1em;
}
.transparent {
	opacity: 0;
	display:none;
	transition: all .5s;
}
.titlesubtitle {
	opacity:1;
}
h1 .titlesubtitle .pipe {
    display:none;
}
h1 .toc-trans-title {
    display:block;
    font-size:.95em;
}
.toc-trans-title .titlesubtitle .pipe, .toc-trans-title .subtitle {
    display:inline-block;
    font-style:normal;
}
.toc-trans-title[lang=en] .pipe {
    padding-inline-end:.4em;
}
.toc-title .titlesubtitle .pipe, .toc-title .subtitle {
    display:inline;
    color:inherit;
}
.toc-title .dissertation-location {
    padding-inline-start:.3em;
    font-weight:normal;
}
.titlesubtitle .subtitle, .title .subtitle {
    font-weight:normal;
}
.issue-list-row {
  display:flex;
}
.page >.issue-list-row + .issue-list-row {
  margin-top:1em;
}
.issue-list-row .issue-label {
  flex-shrink:0;
  margin-inline-end:1em;
}
.issue-list-row .issue-title {
  font-weight:bold;
}
.monospace, tt {
/*	font-family: "Iosevka Web", "Courier New", Courier, monospace;*/
	font-family: "Iosevka Fixed Light", "Courier New", Courier, monospace;
}
.Arial {
	font-family: Arial Unicode MS;
}
/* jf edited to ensure that the sample code in instructions document displays properly - 17 dec 2015 */
pre {
/*	font-family: Courier New,Courier;*/
	font-family: "Iosevka Fixed Light", "Courier New", Courier, monospace;
	font-size: 0.8em;
	line-height: 1.2em;
    overflow-x:auto;
    background-color: #eee;
    padding: 10px;
    tab-size:4;
}
pre.dialogue, table.array.dialogue {
/*	font-family: Courier New,Courier;*/
	font-family: "Iosevka Fixed Light", "Courier New", Courier, monospace;
	font-size: 0.8em;
	line-height: 1.2em;
    overflow-x:auto;
    background-color: #fff;
    padding: 10px;
    padding-top:.7em;
    margin-top:0;
    tab-size:4;
}
pre.dialogue .thumbholder {
    text-align:left;
    /*width:100%;*/
    white-space:pre-line;
}
pre.dialogue-gray {
    background-color:#eee;
}
pre.play {
	font-family: "Noto Serif";
	color:#000;
	overflow-x:hidden;
	font-size:12pt;
	line-height:1.4em;
}
/* end jf edited */
h1.author, h1.collaborator, div.author, div.collaborator, div.translator {
    padding: 2% 8.5%;
	line-height: 1.4em;
	color: #253776;
	color: var(--main-content__author-name-text,#253776);
	font-size: 1.3em;
	padding-top: .5em;
	padding-bottom: .5em;
    background-color:#9ccef3;
    background-color:var(--main-content__author-background,#9ccef3);
}
div.translator {
  font-size:.95em;
}
div.collaborator {
    font-weight:normal;
    font-size:.9em;
}
.affiliation, .author-notes {
    padding-top:.15em;
    color: #555;
    color: var(--main-content__author-affiliation-text,#555);
    font-size:.75em;
    line-height:1.5em;
    font-style:normal;
}
h1.translation-supervisor .affiliation, h1.translation-reviewer .affiliation, div.translation-supervisor .affiliation, div.translation-reviewer .affiliation {
  font-size:.85em;
}
.affiliation p {
    display:inline;
}
.aff {
    white-space:normal;
    padding-inline-start:.25em;
}
.aff .notenum {
    left:-.25em;
}
.author-notes {
    padding-top:1em;
}
.translator-comment p {
    color: #555;
    font-size:.7em;
    font-weight:normal;
    line-height:1.1em;
    text-align:left;
}

h1.translator, h1.translation-supervisor, h1.translation-reviewer, div.translator, div.translation-supervisor, div.translation-reviewer {
	line-height: 1.4em;
	color: 	#009bc1;
	background-color: #ddd;
	font-size: 1.3em;
	padding: .5em 8.5%;
	margin-top: 	0em;
}
h1.translator .supervisor, div.translator .supervisor {
  font-size:.9em;
	display:block;
  color: var(--main-content__author-name-text,#253776);

}
h1.translation, h1.translation-supervisor, h1.translation-reviewer, div.translation, div.translation-supervisor, div.translation-reviewer {
	line-height: 1.2em;
	color: 	#666;
	background-color: #ddd;
	font-size: 12pt;
	padding-top: .5em;
	padding-bottom: .5em;
	margin-top: 	0em;
}
h1.translation-supervisor, h1.translation-reviewer, div.translation-supervisor, div.translation-reviewer {
	background-color: #eee;
}
.titleauthor {
	font-weight: normal;
	font-style: italic;
	font-size:.9em;
}
.sponsor_portrait {
	max-height: 100px;
	vertical-align: bottom;
	margin:.5em;
}
.sponsor_landscape {
	max-width: 100px;
	vertical-align: bottom;
	margin:.5em;
}
.sponsors {
	text-align: center;
}
h1.subtitle {
    font-size:1.5em;
}

h1.title.compact .article-type, h1.title.compact .chapter-label {
    display:none;
}
h1.title.compact .hidden {
    display:inline;
}

h1.compact:before {
    cursor:pointer;
    top:0px;
}

h1.sectl a, h2 a, h3 a, h4 a, h5 a {
	color: inherit;
}

h2,h1.sectl, .main-title {
    font-weight:normal;
    color:#253776;
    color:var(--main-content__header,#253776);
	line-height: 1.5em;
	padding: 0;
	margin:0;
	padding-top: 1.4em;
	padding-bottom: .4em;
	font-size: 1.2rem;
}
h2 .redline
	{
	font-style: italic;
}

h3, .section-title {
    font-weight:normal;
    font-style:normal;
    color:#253776;
    color:var(--main-content__subheader-label,#253776);
	margin:0;
	line-height: 1.5em;
	padding-top: 1.2em;
	padding-bottom: .6em;
	font-size: 1.1em;
}
h3 .redline
	{
	text-decoration: underline;
}
h4,.subsection-title, .block-title {
    font-weight:normal;
    font-style:normal;
    color:#253776;
	line-height: 1.5em;
	margin:0;
	padding-top: 1em;
	padding-bottom: .33em;
	font-size:1.05em;
}
.list .block-title {
    font-style:normal;
    font-weight:normal;
    color:black;
    font-size:1em;
    text-align:left;
    padding-top:.2em;
}
.verse .block-title {
    padding-top:0;
    padding-bottom:0;
}
.verse:after {
    content:"";
    clear:both;
    display:block;
}
.block-title {
    display:block;
}
h6, .subsubsection-title {
    font-weight:normal;
    font-style:normal;
    color:#253776;
	line-height: 1.5em;
	margin:0;
	padding-top: 0.5em;
	padding-bottom: .33em;
	font-size:1em;
	}
/* end jf added */
h5, .contribgroup_heading	{
	margin-top: .75em;
	font-style: normal;
	color: #555;
	font-size:1.1em;
	font-weight: bold;
}
h5.label {
    display:inline-block;
    color:#253776;
    padding-inline-end:.5em;
    vertical-align: top;
    margin-top:0;
    font-size:.9em;
}
.fig.panel h5.label {
    text-align:center;
    display:block;
}
h4 .redline {
	font-style: italic;
}
.heading-label, .note-label, .caption-label, .list-title-label {
    font-weight:bold;
    font-style:normal;
    padding-inline-end:.5em;
    color:#253776;
    color:var(--main-content__header-label,#253776);
    font-size:.95em;
}
.note-p {
    text-align:justify;
    position:relative;
}
.caption {
    font-size:inherit;
    margin-top: 1em;
    text-align:left;
    line-height:1.6em;
}
.list-item-content .caption {
    margin-top:0.33em;
}
p.caption {
	margin-top: .75em;
	line-height: 1.4em;
	font-size: 11pt;
}
.contribgroup {
    margin-top: .5em;
    vertical-align: top;
    font-weight: normal;
    padding-bottom: .35em;
    line-height:1.85em;
}
.contrib {
    white-space: normal;
    position: relative;
}
.single-name {
    white-space:nowrap;
    position: relative;
}

/* anchor styles */
a {
	color: #9e2330;
	color: var(--general-properties_hyperlink-text,#9e2330);
	text-decoration: none;
    cursor:pointer;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
a:hover {
    outline-bottom: .25em solid #e1bb4b;
    border-bottom: .25em solid var(--general-properties_hyperlink-text-underline,#e1bb4b);
}
a:active {
	border:0;
    color:#fff;
    color:var(--navigation__list-item-text-hover,#fff);
}
a.issue-list-row:hover
, li.article > a:hover
, li.article > a:hover div.toc-title-block
, li.article > a:hover div.toc-title
{
  border:none;
  background-color:#fed;
  margin: -.1em -.5em;
  padding: .1em .5em;
  border-radius:.25em;
}
a.shortnote:hover {
	border-bottom: 0;
}
.submenu a {
	color: #9e2330;
	font-weight: bold;
}
.subsubmenu a {
	color: #e1bb4b;
	font-weight: bold;
}
.jats-menu a {
	color: #c6371b;
	font-size:1.1em;
	font-weight: bold;
}
.entry {
	text-align:left;
	margin-inline-start:4em;
	text-indent:-4em;
	line-height: 2.2em;
	font-size: .9em;
}
.subentry {
	text-align:left;
	margin-inline-start:6em;
	text-indent:-4em;
	line-height: 1.75em;
	font-size: .85em;
}
.booktext {
    padding-top:.35em;
}

.entry a, .subentry a {
	font-weight: bold;
}
.index-letter {
	color: #555;
	margin-top: 2em;
	font-weight:bold;
}
.letters a {
	padding:.15em  .35em;
	background-color: #eee;
	font-weight: bold;
	color:#444;
	border:.05em;
    border-style:solid;
    border-radius:.15em;
}
, .letters button {
}
.short:hover, .letters a:hover {
	border-color: #fdb813;
	color: #9e2330;
}
.bbr span.title a {
	color: #eee;
}
a.crossref-main
{
	color: #444;
	font-weight: bold;
}
.crossref-main-missing
{
	font-weight: bold;
	color: #a0a0a0;
	cursor: help;
}
a.crossref-sub
{
	color: #444;
	font-weight: normal;
}
a.crossref
{
	color: #c6371b;
	font-weight: bold;
}
img.crossref
{
	border:0;
}

a.arabic
{
	color: #339966;
	font-weight: bold;
}
a.toc {
	color: #555;
	color: var(--toc__toc-text,#555);
}
.notenum, .table-fn {
	color: #9e2330;
	color:var(--main-content__page-note-number,#9e2330);
	font-weight: bold;
	font-style: normal;
 	position:relative;
 	top:-.4em;
    font-size: .8em;
    background-color:#ddd;
    background-color:var(--main-content__page-note-number-background,#ddd);
    border-radius:.25em;
    letter-spacing:.05em;
    word-break:keep-all;
}
.statement {
    background-color:#fff;
}
.statement {
    padding-top:0.6em;
    padding-bottom:0.6em;
}
pre .notenum {
	font-family: Roboto, Verdana, "Arial unicode ms", sans serif;
    font-size: 0.8em;
    top: -.2em;
    padding: 0 0.1em;
}
pre .inline-fn, .inline-paragraph {
    font-family: Roboto, Verdana, "Arial unicode ms", sans serif;
    overflow-x:visible;
}
.serif-font {
    font-family:Noto Sans;
}
.notenum + .notenum:before {
    content:",";
}
.author .notenum {
    background-color:inherit;
}
h1.title .notenum {
        color:#fff;
}
.comma + .notenum {
    margin-inline-start:-.3em;
}

div.coverimage {
    float:right;
    height: 300px;
    width: 225px;
    margin-top:5em; /* to let it sink under the title bar */
}
img.coverimage {
}
.imageContainer {
    float: right;
    height: 300px;
    margin: auto;
    margin-inline-start:2em;
    margin-top:1.5em;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    width: 225px;
}
.crossref-logo-container, .google-scholar-logo-container, .doi-logo-container {
    position:relative;
    top:.3em;
}
.crossref-logo-container > img {
    margin-top:-.6em;
    width:60px;
}
.doi-logo-container > img {
    margin-top:-.6em;
    width:20px;
}
.doi-logo-container > svg
{
    padding-left: .1em;
    height: 1.15em;
    width: 1.5em;
    transform: scale(1.25) translateY(-.1em);
}

.google-scholar-logo-container > img {
  margin-top:-.4em;
  height:1.4em;
}
.backlinks {
    display:inline;
}

a.outbound {
    background: url(/images/outbound.png) no-repeat scroll right center transparent;
    display: inline-block;
    padding-inline-end: 16px;
}
/*
a[name] {
	position:relative;
	display: block;
}
*/
a.shortnote[name] {
	display:inline;
}
a.shortnote:after {
	content: url('../images/arrowdown.svg');
	padding-inline-start:.5em;
}

span.refwrapper.active a.shortref:after, span.notewrapper.active a.shortnote:after {
	content: url('../images/arrowup.svg');
	top:.1em;
	left:.15em;
	position:relative;
	display: inline;
	padding-inline-start:.3em;
}
span.nowrap {
    white-space: nowrap;
}
.bbrlink {
	font-weight: bold;
	font-size: .8em;
	font-family: Verdana, sans serif;
	background-color: #f0f0f0;
	padding-top: 0;
	padding-bottom: .05em;
	padding-inline-start: .3em;
	padding-inline-end: .15em;
	letter-spacing: .1em;
	border:1px solid;
	border-radius:.35em;
	border-color: #ccc;
	vertical-align:.1em;
}
.crossref {
	border: 0px;
	padding-inline-end:.05em;
	padding-inline-start:.05em;
}
.pdflink, .attention, #article-footer .editing-link {
    margin-inline-start:1em;
    padding:.1em .25em;
    color:#fff;
    border:.1em solid #aaa;
    border-radius: .25em;
    letter-spacing:.1em;
    font-size:.85em;
    font-weight:bold;
    text-transform:uppercase;
    position:inherit;
}
#make-pdf .editing-link {
  margin-inline-start:0;
}
#editing-link-toggle {
  margin-top:1em;
}
#article-footer .editing-link {
    white-space:nowrap;
}
.attention {
    background-color:red;
}
.pdflink, #article-footer .editing-link {
    background-color:#9ccef3;
    background-color:var(--footer__doilink,#9ccef3) ;
}
#article-footer .pdflink a, #article-footer .editing-link a {
    color: #000;
}
#article-footer .pdflink a, #article-footer .editing-link.link-text {
    color:black;
}
#article-footer .pdflink:hover a, #article-footer .editing-link:hover a {
    color:white;
}
#article-footer .pdflink a:hover, #article-footer .editing-link a:hover {
    border-bottom:none;
}
#article-footer .metadata-entry {
    display:inline-block;
}
#article-footer .metadata-entry + .metadata-entry {
    padding-inline-start:.3em;
}
#article-footer button {
    margin-inline-start:.5em;
}
/*.meta {
	font-size: 10pt;
	color: #a65f66;
	text-align: left;
	margin: 0;
	padding: 0 6.5%;
}*/
.metarule {
	color: gray;
}
div.metadata-area, div.metadata-area p, div.metadata-area div  {
    display: inline-block;
}
b.wptoken {
	color: red;
}
ruby {
    padding:0;
    margin:0;
    display:ruby;
}
rb, rt {
    padding-inline-end:.5em;
}
rt {
    font-size:.8em;
    color:#c6371b;
}
rt {
    position:relative;
    bottom:-.25em;
}
rb, ruby.sign-modifier rb {
    color:black;
    padding-inline-end:0;
    text-align:left;
}
rt, ruby.sign-modifier rt, rp, ruby.sign-modifier rp {
    color:black;
    padding-inline-end:0;
    text-align:right;
    border-bottom:1px solid black;
    ruby-align:center;
}
rp {
    display:inline;
}
rt, ruby.sign-modifier-left rt {
    color:black;
    padding-inline-end:0;
    text-align:left;
    border-bottom:1px solid black;
    ruby-align:start;
}
rt {
    color:#333;
    padding-inline-end:0;
    text-align:center;
    border-bottom:none;
    ruby-align:start;
}
.sign-modifier .one-word {
	border-bottom:none;
	text-decoration:underline;
	text-underline-position:under;
}
/* list styles */
.list, .question {
   	margin-top: .6em;
	margin-bottom: .6em;
	border-top: none;
	border-bottom: none;
	width:100%;
	clear:both;
	/* overflow is causing some problems, but does help appearance of long examples within a list ... just needs tweaking in the future - jf 24 januari 2017
	overflow-x:auto;
	*/
}
/* jf added on 1 dec 2015 to remove extra margin space at top of nested lists */
.list .list {
    margin-top: 0em;
}
.list-title, .question-title {
    font-weight:bold;
    margin-top: 1em;
    text-align:left;
    line-height:1.6em;
}
.list.excerpt .list-title, .list.excerpt .caption-label, .list.dialogue .list-title {
    font-weight:normal;
}
.list.excerpt .list-item, .list.extract .list-item {
    display:block;
}
.list.excerpt .list-item-label, .list.excerpt .list-item-content, .list.extract .list-item-label, .list.extract .list-item-content {
	display:block;
}
.list.excerpt pre, .list.extract pre {
    padding-inline-start:0;
}
.list .columns-150 {
    -webkit-column-width: 150px;
       -moz-column-width: 150px;
            column-width: 150px;
}
.list .columns-300 {
    -webkit-column-width: 300px;
       -moz-column-width: 300px;
            column-width: 300px;
}
/* end jf added */
.list.example {
    font-size:.95em;
}
.list.example pre {
    margin-top:0.66em;
}
.list.toc {
    padding:0;
    margin:0;
}
.list.toc .list-item-label {
    font-weight:bold;
}
.list-item {
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
}
.list-item-with-title {
    margin-bottom:.5em;
}
.list-item-title {
    font-style:normal;
}
.disp-formula.panel {
    padding:1em 0 1em 0;
    display:flex;
    flex:1;
}
.disp-formula.panel div.thumbholder {
    display:inline;
    text-align:left;
}
.list-item-label, .disp-formula-label, .verse-group-label, .question-label {
    min-width:3em;
    padding-inline-end:.5em;
    text-indent:0;
}
.speech-item-label {
    display:inline;
    padding-inline-end:.3em;
    font-weight:bold;
}
td .list-item-label {
    min-width:1em;
    display:flex;
    flex: none;
}
.list.contributors .list-item {
    padding-top:.8em;
}
.list.contributors .list-item.list-item-content:first-child p {
    font-weight:bold;
}
.list-item-content, .question-content {
    -webkit-flex: 1;
    flex: 1;
    text-indent:0;
}
.list.paragraph>.list-item {
    text-indent:0;
    flex:none;
    display:block;
}
.list.paragraph>.list-item + .list-item {
    margin-top:0.3em;
}
.list.paragraph>.list-item>.list-item-content {
    text-indent:0;
    flex:none;
    display:block;
}
.list.paragraph>.list-item>.list-item-label {
    text-indent:0;
    flex:none;
    padding-inline-end:.5em;
    min-width:2em;
    float:left;
    display:run-in;
}
.list.paragraph .list.example {
    margin-top:0.6em;
}
.list.semantic-explication {
    color:darkgrey;
}
.list.semantic-explication>.list-item>.list-item-label {
    text-indent:0;
    margin-inline-start:0;
    padding-inline-start:0;
}
.semantic-explication {
    color:darkgrey;
}
.speech-item-content {
    display:block;
}
.speech-item-content + .speech-item-content {
    text-indent:2em;
    display:block;
    flex:0;
}
.list.toc .list-item .list-item-content p, .speech-item-content p {
    padding-inline-start:.4em;
}
.list-item-content p + p, .list-item-content .p + .p, .statement-book p + p  {
    text-indent:0;
}
.list-item-title + p {
    padding-inline-start:0em;
}
.list-item-content ul {
    margin-top:0em;
}
.list .speech {
    padding-top:0.1em;
}
.speech {
    display:block;
}
.speech-item-label {
    display:inline;
    padding-right:.3em;
    font-weight:bold;
}
.speech-item-content {
	display:inline;
}
.table-wrap-panel .speech {
    text-align:left;
}
.speech + .speech {
    padding-top:0em;
}

.disp-quote-item {
    display:flex;
    margin-top:0.6em;
    margin-bottom:0.6em;
    font-size:.95em;
}
.disp-formula-item {
    display:flex;
    padding-top:.6em;
    padding-bottom:.6em;
    flex:1;
}
.disp-quote-label {
    min-width:3em;
    display:flex;
    flex: none;
    padding-inline-end:1em;
}
.disp-formula-label {
    min-width:3em;
    float:right;
    text-align:right;
    padding-inline-start:1em;
}
.disp-quote-title {
    /*display:flex;*/
    min-width:6em;
    /*font-weight:bold;*/
    overflow:auto;
    margin-top:0.6em;
    padding-inline-start:4em;
}
.disp-quote-content, .disp-formula-content {
    -webkit-flex: 1;
          flex: 1;
    padding-inline-start:3em;
}
.disp-formula-content p + p {
    text-indent:0em;
}
.disp-quote-label ~ .disp-quote-content {
    padding-inline-start:0;
}
.list-item-content>.list-item-label, .speaker, .speech-item-content>.speech-item-label  {
    min-width:2em;
}
.bullet {
    list-style-type:disc;
}
.roman-upper, .upper-roman {
    list-style-type:upper-roman;
}
.roman-lower, .lower-roman {
    list-style-type:lower-roman;
}
.alpha-lower, .lower-alpha {
    list-style-type:lower-alpha;
}
.alpha-upper, .upper-alpha {
    list-style-type:upper-alpha;
}
.rotate-270 {
    text-align:center;
    padding-inline-end:.5em;
}
/* cell height, thead column properties */
 .rotated-text-outer {
     display: inline-block;
     overflow: hidden;
     position:relative;
     width: 1.2em;
     line-height: 1em;
/*   values below to be tweaked per table  */
     height:130px;
 }
/* actual transformation of inner values */
 .rotated-text-inner {
     display: inline-block;
     white-space: nowrap;
     transform-origin: left bottom;
     position:absolute;
     bottom: 0;
     left:1.5em;
 }
.rotate-270 .rotated-text-inner  {     
    transform: translate(-.25em,0px) rotate(-90deg);
}
.rotate-90 .rotated-text-inner  {     
    transform: translate(-.5em,0px) rotate(90deg);
}
ul, ol {
	margin-top: 0.33em;
	padding-inline-start: 2em;
	margin-bottom:.66em;
}
ul ul {
/* 	margin-inline-start: 1.5em; */
	padding: 0;
	margin: 0em;
	padding-inline-start: 1.2em;
/*	text-indent: -2em; */
}
ul ul ul {
	/*margin-inline-start: 1.5em;*/
	padding: 0;
	margin-top: 0em;
	padding-inline-start: 1.2em;
	text-indent: 0em;
}
dl {
    margin-top:.33em;
    margin-bottom:.66em;
}
dd {
    margin-bottom:.75em;
}

.toc-contrib {
	font-weight: normal;
	color: black;
}

.toc-title {
	font-weight: bold;
}
.toc-title.toc-review {
    font-weight:normal;
}
.toc-title .refsource {
    font-weight:bold;
    font-style:normal;
}
.product .refsource,.product .trans-source, h1.title .target-title {
    font-weight:normal;
    font-style:normal;
}
.product-authors, .target-authors {
    clear:both;
}
h1 .target-doi {
    display:block;
    font-size: .8em;
}
.toc_issue {
    font-weight: normal;
    color:#253776;
}
.toc-contributors {
    margin-inline-start:2em;
    display:inline-block;
    padding-inline-end:.5em;
}
.toc-contributors:hover {
    underline:none;
}
.toc_trans, .footer_trans {
    display:inline-block;
    margin-inline-start:.5em;
}
.toc_trans {
    color: #009bc1;
}
.toc-label {
    margin-top:.5em;
}
.translatedinto, .translatedby {
    font-weight:bold;
}
.translatedby .translator {
    font-weight:normal;
}
ul.articles, ul.clean {
    padding-inline-start:0;
    list-style-type:none;
}
.article-type, .chapter-label {
    font-size:.9em;
    text-transform: uppercase;
    color:#555;
    letter-spacing: .1em;
}
.article.commentary .toc-contrib {
    font-style:italic;
}
h1 .article-type, h1 .chapter-label {
    font-size:.7em;
    color:#444;
    color:var(--main-content__article-type,#444);
}
ul.articles .article-type, ul.articles .chapter-label {
    margin-top:1em;
    color:#253776;
    font-size:.9em;
}
div.toc {
	color: #555;
	margin: 4% 6.5%;
	font-size: 10pt;
}
ul.nomarker, ul.contribgroup_members, ul.simple {
    list-style-type:none;
    padding-inline-start:0;
    margin-inline-start:2em;
    text-indent:-2em;
    /* removed on 19 dec 2016 as this was causing problems with "missing" text in list-items -jf
    overflow-x:auto;
    */
}
ul.nomarker {
    margin-inline-start:0em;
    text-indent:0em;

}
ul.example {
    list-style-type:none;
    padding-inline-start:0;
    margin-inline-start:3em;
}
ul ul.bullet li {
    list-style-type:disc;
    padding-inline-start:0;
    margin-inline-start:0em;
    text-indent:0;
}
ul.nomarker li, .nomarker li {
    list-style-type:none;
    padding-inline-start:0;
    margin-inline-start:0em;
    text-indent:0;
}
.order {
    list-style-type:decimal;
}
ol.decimal {
    list-style:none;
    counter-reset: nlist 0;
}

ol.decimal > li {
    position:relative;
}
ol.decimal > li:before {
    position: absolute;
    left: -2em;
    content: counter(nlist, decimal) ".";
    counter-increment: nlist;
}
ol.lower-alpha {
    list-style:none;
    counter-reset: alist 0;
}
ol.lower-alpha > li {
    position:relative;
}
ol.lower-alpha > li:before {
    position: absolute;
    left: -2em;
    content: counter(alist, lower-alpha) ".";
    counter-increment: alist;
}
/* this was causing duplicate labels in output, so it should be okay to remove it now that .lower-roman is separately supported - jf 23 august 2017
.list-item-content ol.roman-lower li, ol.lower-roman li, .lower-roman {
    list-style-type:lower-roman;
    margin-inline-start:0.9em;
    text-indent:0;
}*/
ul ul li.toc {
	margin-inline-start:0;
}
.toc ul {
	margin-inline-start:0;
	text-indent:-1.2em;
	padding-inline-start:2.4em;
}
.toc ul ul {
	margin-inline-start:0;
	text-indent:-2.0em;
	padding-inline-start:2.0em;
}
.toc ul ul ul {
	margin-inline-start:0;
	text-indent:-2.6em;
	padding-inline-start:2.5em;
}
.toc ul ul ul ul {
	margin-inline-start:0;
	text-indent:-3.5em;
	padding-inline-start:3.6em;
}
li.toc, li.related, li.issue, li.article {
	display: list-item;
	margin-inline-start:0;
	padding:0;
	line-height:2em;
	list-style-type: none;
}
li.issue {
    margin-inline-start:5.75em;
    text-indent:-5.75em;
}
li.article {
    padding-bottom:.5em;
}
li.toc .redline {
	font-style: italic;
}
li.toc.h2 {
    margin-inline-start:1.5em;
}
li.toc.h3 {
    margin-inline-start:3.5em;
}
li.toc.h4 {
    margin-inline-start:6em;
}

li.art {
	list-style-type: none;
	margin: 0;
	padding:0;
}
ul.issues {
    padding-inline-start:0;
}

.pipe {
	color: #bbb;
	font-weight:normal;
}
.pipe.dark {
    color: #666;
}
h1.title .pipe {
    color:inherit;
    padding-right:.3em;
/*    font-style:italic;*/
}
.italic {
    font-style:italic;
}
.roman {
    font-style:normal;
    font-weight:normal;
}

.doilink {
	hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	word-break:keep-all;
}
/*.doilink:before {
    content:"doi:";
    padding-inline-end:.2em;
}*/
.details .doilink {
    display:inline-block;
    word-break:break-all;
}
/* 
.details .doilink::before {
    content: "doi: ";
} */
.details .doilink:hover {
    border-bottom: none;
    color:#9ccef3;
}
.list-item-content .boxed-text {
    border:.1em solid #666;
    border-radius:0em;
    padding:.3em 0 0 .3em;
    margin:0;
}
.boxed-text, .infobox {
    border:.15em solid #666;
    border-radius:.25em;
    padding:.1em 1em;
    margin:1em 0;
    background-color:#eee;
    font-size:.95em;
}
.box-main {
    padding:.5em .5em .75em .5em;
}
.boxed-text .box-section-title {
    font-size:inherit;
    font-weight:normal;
    padding-top:0.5em;
    padding-bottom:0.25em;
    color:black;
}
.boxed-text pre {
    background-color:inherit;
    padding-inline-start:0;
    padding-bottom:0;
    padding-top:0;
}
.boxed-text.reflection{
    border:none;
}
.boxed-text.code-sample {
    border:none;
    background-color:#eee;
    padding:0em;
}
.boxed-text.code-sample h4 {
    font-weight:bold;
}
.boxed-text .box-title {
    font-size:1em;
    font-weight:bold;
    color:#000;
    padding:0 .5em;
}
.boxed-text.example, .boxed-text.intro {
    border:.1em solid #000;
    padding:0;
    margin:1.5em 0;
    background-color:#eee;
}
.boxed-text.extract {
    border:0;
    padding:0;
    background-color:#eee;
}
.boxed-text.extract p + p {
    text-indent:0;
    padding-top:.7em;
}
.boxed-text.example .box-title, .boxed-text.intro .box-title {
    margin:0;
    text-indent:.2em;
    color:#fff;
    background-color:#999;
    border-bottom:1px solid #000;
}
.boxed-text .label {
    padding-inline-end:.5em;
}
.media-container, .media-text {
    display:inline;
}    
.media-container {
    position:relative;
    padding-inline-end:.5em;
}
.article .media-container {
        float:left;
}
.media-container svg {
    width:15px;
    height:15px;
}
.media-box .media-container svg {
    position:relative;
    top:-1px;
}
.article .media-container svg {
    position:absolute;
    left:-1.5em;
    top:.5em;
}
#media-svg-container path {
    fill:#253776 !important;
}
#article-footer #media-svg-container path {
    fill:white !important;
}
.boxed-text.media-box {
    border:.5pt solid #253776;
    border-radius:0;
    padding:.1em 0 .1em .5em;
    margin:1em 0;
    background-color:#fff;
    font-size:.85em;
	font-family:sans-serif;
}
.media-container, .media-text {
    display:inline;
}
.media-container {
    position:relative;
}
.toc-entry .media-container {
	position:absolute;
    float:left;
	display:run-in;
	padding-inline-end:.5em;
}
.toc-entry .media-container svg {
	position:relative;
	left:-4mm;

}
.media-container svg {
    width:15px;
    height:15px;
}
.boxed-text .media-container {
	top:0.275em;
	padding-inline-end:.5em;
}

.intro    {
	display: block;
	color: #052365;
	margin: 0pt;
	padding: 0pt;
}

.artgroup    {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#wrapper {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
    background-color: #c0c0c0;
    text-align:	center;
}
.highlight {
	background-color: #e1bb4c;
}
.highlight1 {
    background-color: #d3d3d3;
}
.highlight2 {
    background-color: #b9b9b9;
}
.highlight3 {
    background-color: #666;
}
.highlight4 {
    background-color: #000;
    color:#fff;
}

.background {
	background-color: #c0c0c0;
}
.blue-colour {
    color:cornflowerblue;
}
.orange-colour {
    color:orange;
}
.red-colour {
    color:indianred;
}
.green-colour {
    color:darkgreen;
}
.gray-colour, .grey-colour {
    color:lightgrey;
}

/* sectie voor references */

.hidden {
	display:none;
}
.inline-cit, .inline-fn {
	display:block;
	float:left;
	visibility:hidden;
	opacity:.1;
	padding:.5em 1em;
    background-color: #f0f0f0;
    color:black;
	font-weight:normal;
	line-height:1.5em;
	text-indent: 0;
	text-align: left;
	border:1px solid #aaa;
    border-radius:.5em;
    box-shadow: 2px 2px 20px 2px #c0c0c0;
    position:absolute;
    width:82.5vw;
    width:calc(85vw - 175px);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index:-1;
    right:8.5vw;
}
.inlineparagraph {
	color:black;
	font-style:normal;
	font-weight:normal;
	display:inline-block;
}
.inlineparagraph + .inlineparagraph {
    text-indent:2em;
}
.inlineparagraph + .inlineparagraph .no-indent {
    text-indent:-2em;
}
.inlineparagraph + .inlineparagraph.no-indent, .inlineparagraph + .inlineparagraph .inlinequote {
    text-indent:0;
}
.inlineparagraph .def-list .def-list.table {
    display:block;
}
.inlineparagraph .def-list .def-list.table .def-item.row {
    display:table-row;
}
.inlineparagraph .def-list .def-list.table .def-item.row .def-item.cell {
    display:table-cell;
}
.inlineparagraph .def-list .def-list.table .def-item.row .def-def.cell {
    display:table-cell;
}
.inlineparagraph + ol {
    color:magenta;
}
.caption p:first-of-type {
    display:block;
    text-indent:0;
}
.caption-label+ p {
    display:inline!important;
}  
.caption p + p {
    display:block;
    text-indent:2em;
}
.caption p.no-indent {
    display:inline-block;
}
.caption p.no-indent + p.no-indent {
    margin-top:0em;
    display:block;
}
.inlinequote {
	display:inline-block;
	margin: 1% 7.5%;
}
.cit-wrap {
    cursor:default;
    display:inline;
}
.cit-ref {
    color: #7c2529;
}
h1 .cit-ref {
    color: #fff;
}
.cit-wrap:hover .inline-cit, .fn-wrap:hover .inline-fn, .fn-wrap:active .inline-fn {
    visibility:visible;
    opacity:.96;
    z-index:1;

}
.inline-cit .refauth.hidden {
	display:inline;
}
.refline .inline-cit {
    right:0;
}
.inline-cit .inline-cit {
    position:static;
    width:95%;
}
.rtl {
    direction:rtl;
}
.rtl h1,.rtl h2,.rtl h3,.rtl h4, .rtl details, li.rtl, h2.rtl {
    text-align:right;
}
.rtl details {
    margin: 5% 8.5% 1em 1em;
}
.rtl li {
    margin-inline-end:0;
}
.rtl footer, .rtl .ref-list, .rtl nav {
    direction:ltr;
}
footer *:lang(ar), .ref-list:lang(ar), .refline:lang(ar), nav *:lang(ar), .related:lang(ar) {
    text-align:left;
}

p, .p {
	margin: 0em;
	text-align: justify;
	position:relative;
}
.page p {
	text-align: left;
}
th {
  text-align:left;
}
th p {
    text-align: inherit;
}
p.first	{
	margin-top: .5em;
	text-indent: 0;
}
/* removed .note p + p from below as this was causing issues with the indentation of second p */
.reference .note p, .note p.first, .ref-note-label {
    font-size:.95em;
    margin-top:0em;
    padding-inline-start:4.8em;
    padding-inline-end:0em;
    text-indent:0em;
    font-weight:normal;
}
p.next, p + p, .p +.p, li.list-item-with-title p + p {
	margin: 0em;
	text-indent: 2em;
}
.page p + p {
    text-indent:0;
    padding-top:.5em;
}
p.first[lang=ja], p.next[lang=ja] {
    text-indent:1em;
}
td p {
    text-align: inherit;
}
footer p.first[lang=ja], .example p.first[lang=ja], .table-wrap-foot p.first[lang=ja], td p.first[lang=ja] {
    text-indent:0;
}
footer p.next[lang=ja], .example p.next[lang=ja], .table-wrap-foot p.next[lang=ja], td p.next[lang=ja] {
    text-indent:0;
}
footer p + p, .example p + p, .table-wrap-foot p + p, td p + p, th p +p, .list-item-content p + p, .history p + p {
    text-indent:0;
}
li p + p, ul p + p {
    text-indent:0;
}
blockquote p + p {
    padding-top:0.5em;
    display: block;
    text-indent:0;
}
.table-wrap-foot {
    font-size:.8em;
    line-height:1.5em;
}
.table-wrap-foot .fn-group {
    text-align:left;
}
.example p {
    text-align:left;
    clear:both;
}
.example ol {
    margin-top:0;
}
p.attrib, div.attrib {
    display:block;
    text-align:right;
    float:right;
    text-indent:0;
}
.boxed-text .attrib {
    display:block;
    text-align:right;
}
.rtl p.attrib {
    float:left;
}
.end-synchronicity {
    text-align:right;
    float:right;
}
.begin-synchronicity {
    text-align:left;
    float:left;
}
.grammar-label {
    display:block;
    text-align:right;
    float:right;
    text-indent:0;
}
.down-below-descender {
    position: relative;
    bottom:-.25em;
}
.up-above-ascender {
    position: relative;
    top: -.25em;
    right: 0.15em;
	margin-inline-start:-.15em;
}
.down {
    position: relative;
    bottom:-.05em;
}
.right-five-percent {
    position: relative;
    right:-.05em;
}
.right-ten-percent {
    position: relative;
    right:-.1em;
}
.right-fifteen-percent {
    position: relative;
    right:-.15em;
}
.right-quarter-em {
    position: relative;
    right:-.25em;
    padding-inline-end:0.25em;
}
span.table-p {
    position:relative;
}
span.table-p + span.table-p {
    display:block;
}
span.attrib, span.source-label, span.language-label, .verse span.attrib, span.end-of-proof {
    text-align:right;
    float:right;
    /*float:none;*/
}
.fig span.attrib {
    text-align:left;
    float:none;
    display:block;
    font-size:.9em;
    line-height:1.6em;
}
.array span.attrib, .verse span.attrib, .boxed-text span.attrib {
    display:inline-block;
    text-align:right;
    float:right;
}
 .gm-box {
     position:relative;
 }

/* 2. inner box: absolute (?) positioning against the gm-box anchor */
.array .lin-example:first-child .line span.grammaticality-marker.first, .p .grammaticality-marker.first {
/*    border:1px solid red;*/
    margin-inline-start:-2mm;
    text-align:right;
 }
 
/* 3. fine-tuning #,? and others */
 .grammaticality-marker .other {
	font-size:0.8em;
	position:relative;
    top:-.4em;
    
}
/* old grammaticality marker styling that was removed from prince.css, but not here - 01/11/18 - jf
 .array .lin-example .line:first-child span.grammaticality-marker, tr:first-child td:first-child span.grammaticality-marker {
    position:absolute;
    margin-inline-start:-1.6em;
    text-align:right;
    min-width:1.5em;
    letter-spacing:-0.1em;
}
p .grammaticality-marker:first-child  {
    position:absolute;
    margin-inline-start:-1.6em;
    text-align:right;
    min-width:1.5em;
    letter-spacing:-0.1em;
}
.grammaticality-marker {
    font-size:0.9em;
    vertical-align:top;
}
 */
p.quotenext {
	margin-top: .25em;
}

.bio {
    margin-bottom:1em;
    font-size:.95em;
    line-height:1.5em;
}
.bio .item+.item {
    padding-top:1.285em;
}
.bio + .bio {
    margin-top:1.285em;
}
.ref-group {
	font-size: 10.5pt;
	text-indent: -1cm;
	margin:0em;
	margin-inline-start: 1cm;
	margin-top: .25em;
}
p.ref {
	text-align: left;
}

p.refnoyear {
	color: red;
}

p.refnoname {
	color: black;
	background-color: red;
}

p.refnoyearandname {
	color: maroon;
}

p.address, p.address-line, p.copyright {
    text-indent:0;
    line-height:1.5em;
}
.address a {
    display:block;
}
.reference {
	display: block;
	text-indent: -6.6em;
	margin:0em;
	margin-inline-start: 6.6em;
	line-height: 1.5em;
	margin-top: .25em;
	font-size: .9em;
	text-align: left;
}
.reference.uncited::before {
    content:"*";
}
.reference:lang(ar), .reference:lang(fa) {
    margin-inline-end:6.6em;
    margin-inline-start:0;
}
.back-section .reference {
    font-size:1em;
}
.refauth {
	font-weight: bold;
	color:#555;
}
.refauth.source {
  font-style:italic;
}
.refline {
	margin-top: .1em;
	margin-bottom:.5em;
	position:relative;
}
.refrole {
    min-width:3em;
    padding-inline-start:.75em;
    text-indent:0;
    display:inline-block;
}
.sourcefirst .refrole {
    min-width:0;
    padding-inline-start:0;
}
.sourcefirst {
    text-indent:-6.6em;
    margin-inline-start:0em;
}
.labelref .refrole, .inline-cit .refrole, .inline-fn .ref-role {
    position:static;
    float:none;
    min-width:initial;
    padding:0;
}

.refyear {
	color:#253776;
	font-weight:bold;
}
.refsource, .refissue {
	font-style:italic;
}
.reftranssource {
    font-style:italic;
}
.refsource:lang(zh-hant),.reftranssource:lang(zh-hant),
.refsource:lang(zh-hans),.reftranssource:lang(zh-hans),
.refsource:lang(zh),.reftranssource:lang(zh),
.refsource:lang(ja),.reftranssource:lang(ja),
.refsource:lang(ar),.reftranssource:lang(ar),
.refsource:lang(fa),.reftranssource:lang(fa),
.refsource:lang(ko),.reftranssource:lang(ko)
{
    font-style:normal;
}
.refseries {
	color:#118;
}
/* overrides for 'traditional' (not P&b style) reference presentation */
.traditional > .reference, .reference.traditional {
  margin-inline-start: 2em;
  text-indent: -2em;
}
.traditional .refline {
  display:inline;
}
.traditional  .refauth.hidden {
  display:inline;
}
.traditional .refrole {
  min-width:auto;
  padding-inline-start:0;
}
/* Index Styles for books*/
h1.index {
    color:#253776;
    font-weight:bold;
    font-size:1.1em;
    padding-top:1.0em;
    padding-inline-start:0em;
}
ul.index-entry-list {
    list-style-type:none;
    margin-top:0em;
    margin-bottom:0.33em;
    padding-inline-start:2em;
    text-indent:-2em;
}
ul.index-entry-list ul.index-entry-list {
    list-style-type:none;
    text-indent:-2em;
    margin-bottom:0;
}
ul.index-entry-list ul.index-entry-list ul.index-entry-list {
    list-style-type:none;
    text-indent:-2em;
    margin-bottom:0;
}
li.index-entry {
    font-size:0.9rem;
}
.index-term {
/*    padding-inline-end:0.3em;*/
}
.main-entry+.sub-entry {
    padding-inline-start:.3em;
}
.index-entry .main-entry {
    font-weight:bold;
}
.index-term+.pagenumbers {
    padding-inline-start:.3em;
}
.index-link { 
    color:#253776; font-style: underline; 
}
.index-see-also {
    /*padding-inline-start:.6em;*/
    padding-inline-end:.3em;
}
.index-see-also .label {
    font-style:italic;
}
a.pagenumbers {
    font-size:0.9em;
}
.space {
	display:inline-block;
	width:.33em;
}
/*.small-caps, .sc {
    text-transform:uppercase;
    font-size:.8em;
    letter-spacing:.05em;
}
 * replaced with instruction below 02/06/2023 to match Prince output style */
.small-caps, .sc {
  text-transform: lowercase;
  font-size: inherit; 
  letter-spacing: .05em;
  font-variant-caps: small-caps;
}
.phonetic, .math, .greek {
	font-family: "Arial Unicode MS", "Times New Roman";
}
.singleref {
	margin-bottom:.5em;
}
/*.singleref .refrole, .otherref .refrole {
    display:none;
}
*/
.firstref {
	margin-bottom:0;
	}
.nextref {
	margin-top: 0;
	margin-bottom:0;
}
.lastref {
	margin-top: 0;
}
.labelref {
    text-indent:0;
    margin-inline-start:0;
}
.labelfirst {
    text-indent:-2.5em;
}
.edited {
	text-indent: -6em;
}
.samedash {
	letter-spacing:-.15em;
	font-stretch: expanded;
}
.secondary {
    font-size:.85em;
}
.author-query {
    border:1px solid #fff;
    padding:1em;
    background-color:pink;
    font-size:0.9em;
}
.author-query p + p {
    text-indent:0;
}
.query-title, .author-query-header {
    font-weight:bold;
}
.editing-link {
  display:none;
}
.list-item-content>.editing-link {
    display:none;
}
/*  marginal logos */
.oa-logo-container
, .jbe-logo-container {
    display:inline;
    position:absolute;
    left:-1.5em;
}

.hanging-logo-container {
  display:inline;
  position:relative;
}
.hanging-logo-container img {
  position:absolute;
  left:-2rem;
  top:-.2rem;
}
.license.webfile .oa-logo-container {
    left: -2.75em;
    top: 0.4em;
}
.license.webfile .oa-logo-container img {
    height: 1.75em;
}
.jbe-logo-container {
  left: -1.75em;
  top:.75em;
  }
.oa-logo-container img {
    height:2em;
    padding-right:1em;
}

@media screen {
    /*  styling of links to oXygen */
    .editing-link {
      cursor:pointer;
      font-weight:bold;
      display:inline;
      height:1em;
      width:1em;
      position:relative;
      top:.33em;
      left:0;
      background-color:transparent;
      border:dotted .05em #ddd;
    }
/* temporary solution to keep text within tables from showing faulty alignment - jf 19/2/20 */
    table .editing-link {
        display:none;
    }
    .toc .editing-link {
        display:none;
    }
    .editing-link:hover {
      border:dotted .07em magenta;
    }
    .editing-link:after {
        content:"";
    }

    h1.title.compact {
    	font-size:1.2em;
    	line-height: 1.25em;
    	padding: 1% 8.5%;
    	position:fixed;
    	width:100%;
        box-shadow:0 3px 10px #c0c0c0;
        cursor:pointer;
        transition: width .5s;
    }
    h1.title.compact .toc-trans-title {
      font-size:0.1pt;
      color:transparent;
      line-height:0;
    }
    h1.topbar.compact {
    	font-size: 1.1em;
    }
    h1.title.compact .details, h1.title.compact .given-names {
        display:none;
    }
    h1.title.compact .product, h1.title.compact .hidden {
        font-size:.9em;
        line-height:1.1em;
    }
    h1.title.compact .transparent {
    	opacity: 1;
    }
    h1.title.compact .titlesubtitle {
    	display:none;
    	opacity:0;
    }
    footer.compact p {
    	opacity:.8;
    	transition: all .5s;
    	display:inline-block;
    	padding-inline-end:1em;
    }
    footer.compact {
        height:1.6em;
    	-webkit-animation-name: smallfooter;
    	-webkit-animation-duration:.5s;
    	animation-name: smallfooter;
    	animation-duration:.5s;
    	padding-top:0;
    }
    footer.compact .issn, footer.compact .history {
        display:none;
    }
}

@media screen and (max-width: 900px) {
    .inline-cit, .inline-fn {
    	right:8.5vw;
    	width:82.5vw;
    }
    details.abstract, details.keywords, details.toc, details.history {
        margin:0;
        padding:1% 8.5%;
        max-width:100%;
    }
    h1.title.compact {
        padding-inline-start:8.5%;
    }
    .thumbholder object {
        max-width:100%;
    }
    #article-footer, #issue-footer {
        left:0;
    }
    div.letters {
        justify-content:center;
    }
    .letters button {
        margin:.25em;
    }
}
@media screen and (max-width: 800px) {
    p {
        text-align:left;
    }
    .rtl p {
         text-align:right;
    }
    .rtl footer p {
         text-align:left;
    }
}
@media screen and (max-width: 700px) {
    body, .page {
        font-size:10.5pt;
    }
    h1.title {
        font-size:1.3em;
    }
    h1.author, h1.translator, div.author, div.translator {
        font-size:1.1em;
    }
    details.related {
        max-width: 100%;
        position:static;
    }
    div.coverimage {
        float:right;
        height: 150px;
        width: 113px;
        margin-inline-end:0;
    }
    div.coverimage img {
        height: 150px;
        width: 113px;
    }
    .coverimage, .imageContainer {
        width:150px;
        height:200px;
    }
    #article-footer, #issue-footer {
        width:100%;
        overflow-x:auto;
        max-height:6em;
    }
    .pdflink.disabled, .issn {
        display:none;
    }
    .issue-list-row {
      display:block;
    }
    .issue-list-row .issue-title-authors {
      margin-inline-start:1em;
      margin-bottom:.5em;
    }
}
@media screen and (max-width: 450px) {
    #article-footer, #issue-footer {
        padding:.5em 5vw;
    }
    #article-footer.compact {
        padding-top:.1em;
    }
    .page, .main {
        padding:.5cm 5vw 0 5vw;
    }
    .coverimage, .imageContainer {
        width:113px;
        height:150px;
    }
    h1, h1.title.compact, h1.title, h1.author, h1.translator, div.author, div.translator {
    	padding: 2% 5vw;

    }
    details.abstract, details.keywords, details.toc, details.history {
        margin:0;
        padding:1em 5vw;
    }
}
@media screen and (max-height: 600px) and (orientation:landscape)  {
    .page, .main {
        padding:.5cm 5% 0;
    }
    h1 {
        padding-inline-start:5vw;
    }
}
@media screen and (min-width: 600px) {
    .contribgroup {
        display:flex;
    }
    .contribgroup_heading {
        min-width:13.5em;
        margin-top:0;
        padding-inline-end:2em;
    }
    ul.contribgroup_members {
        margin-top:0;
    }
    .member {
        position: relative;
    }
    .member .affiliation {
      color: inherit;
      font-size: .9em;
    }
    .mini-orcid-icon.hanging {
        position: absolute;
        left: -2em;
        top:.25em;
    }
    .mini-orcid-icon {
        background-size: 20px 20px;
        width: 20px;
        height: 20px;
        display: block;
        float: left;
        margin-inline-end: .3em;
    }
}
@media screen and (min-width: 1000px) {
    .inline-cit, .inline-fn {
        width:685px;
        left:250px;
    }
    #article-footer.compact {
    	padding-top:0.1em;
    }
    h1.title.compact {
        width:810px;
        padding: 15px 65px;
    }
}
@media screen and (min-width: 1280px) {
    #sub-trigger:checked ~ main details.toc {
        top:0;
        height:100vh;
    }
    .imageContainer {
        position:fixed;
    }

}
@media screen and (min-width: 1366px ) {
    .inline-cit, .inline-fn {
        left:0;
        width:100%;
    }
}
@media screen and (min-width: 1450px ) {
    div.coverimage {
      position:fixed;
      left: 1220px;
      margin:0;
    }
}
@media screen and (min-width: 1600px ) {
    div.coverimage {
      left: initial;
      right: calc(45vw - 750px);
  }
}
@media print {

@page {
    margin: 2cm 2.5cm;
}
.fig.panel, .table-wrap.panel, .reference {
    page-break-inside:avoid;
}
    main, .main  {
        display:initial;
        padding:0;
        margin:0;
    }
    body {
        background-color:white;
    }
    footer {
        margin:0;
    }
    main #submenu, main nav, nav, header {
        display:none;
    }

    h1.title {
        position:static;
        margin:0;
        color:black;
    }
    h1.title.compact {
        display:none;
    }
    #nav-trigger, #sub-trigger, #back-to-top {
        display:none;
    }
    .inline-cit, .inline-fn {
        display:none;
    }
    .pdflink {
        display:none;
    }

}
/* Safari */
@-webkit-keyframes comein {
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes smallfooter {
    from {height: 6em;}
    to {height: 2.5em;}
}
/* Standard syntax */
@keyframes comein {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes smallfooter {
    from {height: 6em;}
    to {height: 2.5em;}
}
.no-indent, p.no-indent, p + p.no-indent {
    text-indent:0em;
}
.indent, p.indent {
  text-indent:2em;
}
p.line-break {
    padding:.8em;
}
p.no-indent + p.no-indent {
    margin-top:.7em;
}
p + p.no-indent {
    margin-top:.7em;
}
section > p:first-child, section > div.salutation {
    margin-top:2em;
}
.sync-text {
    border-top:1px solid black;
}
.facial-express {
    font-size:0.9em;
    vertical-align:1.5em;
}
/* used for web preview of all-examples and all-figures to display filename alongside content */
.filename {
    color:magenta;
}
[frame='solid'] {
    border:.5px solid black;
}

/* MathML */
@namespace "http://www.w3.org/1998/Math/MathML";

/* math */
math {
    display: inline;
    text-indent: 0;
}
math[display="block"] {
    display: block;
    text-align: center;
}

/* fraction */
mfrac {
    display: inline-table;
    vertical-align: middle;
    border-collapse: collapse;
}
mfrac > * {
    display: table-row;
}
mfrac:not([linethickness="0"]) > *:first-child {
    border-bottom: solid thin;
}

/* sub/sup scripts */
msub > *:nth-child(2), msubsup > *:nth-child(2),
mmultiscripts > *:nth-child(2n+2),
mmultiscripts > mprescripts ~ *:nth-child(2n+3) {
    font-size: 0.8em;
    vertical-align: sub;
}
msup > *:nth-child(2), msubsup > *:nth-child(3),
mmultiscripts > *:nth-child(2n+3),
mmultiscripts > mprescripts ~ *:nth-child(2n+2) {
    font-size: 0.8em;
    vertical-align: super;
}
mprescripts:after {
    content: ";";
}

/* under/over scripts */
munder, mover, munderover {
    display: inline-flex;
    flex-direction: column;
}
munder > *:nth-child(2), munderover > *:nth-child(2) {
    font-size: 0.8em;
    order: +1;
}
mover > *:nth-child(2), munderover > *:nth-child(3) {
    font-size: 0.8em;
    order: -1;
}
munder {
    vertical-align: text-top;
}
mover {
    vertical-align: text-bottom;
}
munderover {
    vertical-align: middle;
}

/* roots */
msqrt, mroot {
    display: inline-flex;
    margin-inline-start: .5em;
    vertical-align: middle;
    border-top: solid thin;
}
msqrt:before, mroot:before {
    margin-inline-start: -.5em;
    content: "\221A";
}
mroot > *:nth-child(2) {
    margin-inline-end: .25em;
    margin-inline-start: -.75em;
    font-size: 0.8em;
    order: -1;
}

/* menclose */
menclose {
  display: inline-table;
  border-collapse: separate;
  border-spacing: 0.4ex 0;
}
menclose[notation*="top"], menclose[notation*="actuarial"] {
  border-top: solid thin;
}
menclose[notation*="bottom"], menclose[notation*="madruwb"] {
    border-bottom: solid thin;
}
menclose[notation*="right"], menclose[notation*="actuarial"],
menclose[notation*="madruwb"] {
    border-right: solid thin;
}
menclose[notation*="left"] {
    border-left: solid thin;
}
menclose[notation*="box"], menclose[notation*="roundedbox"],
menclose[notation*="circle"] {
    border: solid thin;
}
menclose[notation*="roundedbox"] {
    border-radius: 15%;
}
menclose[notation*="circle"] {
    border-radius: 50%;
}
menclose[notation*="horizontalstrike"] {
    text-decoration: line-through;
}

/* table */
mtable {
    display: inline-table;
    vertical-align: middle;
}
mtr {
    display: table-row;
}
mtd {
    display: table-cell;
    padding: 0 0.5ex;
}

/* token elements */
mspace {
    margin: .2em;
}
mi {
    font-style: italic;
}
mo {
    margin-inline-end: .2em;
    margin-inline-start: .2em;
}
ms:before, ms:after {
    content:"\0022";
}
ms[lquote]:before {
    content: attr(lquote);
}
ms[rquote]:after {
    content: attr(rquote);
}

/* mathvariants */
[mathvariant="bold"], [mathvariant="bold-italic"],
[mathvariant="bold-sans-serif"], [mathvariant="sans-serif-bold-italic"] {
    font-weight: bold;
    font-style: normal;
}
[mathvariant="monospace"] {
    font-family: monospace;
    font-style: normal;
}
[mathvariant="sans-serif"],
[mathvariant="bold-sans-serif"], [mathvariant="sans-serif-italic"],
[mathvariant="sans-serif-bold-italic"] {
    font-family: sans-serif;
    font-style: normal;
}
[mathvariant="italic"], [mathvariant="bold-italic"],
[mathvariant="sans-serif-italic"], [mathvariant="sans-serif-bold-italic"] {
    font-style: italic;
}
[mathvariant="normal"] {
    font-style: normal;
}

/* mphantom */
mphantom {
    visibility: hidden;
}

/* merror */
merror {
  outline: solid thin red;
}
merror:before {
  content: "Error: ";
}

/* annotations */
annotation, annotation-xml {
    font-family: monospace;
    display: none;
}
math:hover > semantics > *:first-child,
math:hover > semantics > *:first-child {
    display: none;
}
math:hover annotation {
    display: inline;
}
/* R code */

.boxed-text.code {
  border: none;
  border-left: solid .5em var(--jb-blauw);
  background-color:#f9f9f9;
}
code {
  line-height:1.5em;
  white-space:pre;
}
.box-main > code {
  display:block;
}
code span.function-call { color: var(--jb-lichtblauw) }
code span.literal { color: brown; }
code span.string { color: #20794d; }
code span.keyword { color: #446; }
code span.punctuation { color: #003b4f; }
code span.operator { color: var(--code-default); }
code span.number { color: var(--jb-rood); } 
code span.parameter { color: #747500; } 
code span.identifier
, code span.module-identifier
{ color: var(--jb-blauw) } 
code span.comment { 
  color: var(--code-default); font-style: normal; }
code span.output { color: #222; font-weight: bold; }

code[code-type=output] span {
  color:#222;
  font-weight: bold;
}
code[code-type=output] + code {
  padding-top:.5em;
}