/* Journal custom CSS: colour palette for this journal. Previous rules: styleSheet.css.orig, styleSheet.css.manuscript.bak */
html:root {
	--m-navy: #0b2f5b; --m-navy-2: #0e3d75; --m-navy-3: #124c8f;
	--m-blue: #0b6ac9; --m-cyan: #12b5c8;
	--m-footer: #07213f; --m-brand: #0b3b73; --m-tint: #eaf1f9;
}

/* ===== Content style for document pages (SIMCOEM-like). Applies to custom pages, About, Contact, Submissions, Information, Privacy ===== */
@font-face { font-family: "Lora"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/lora-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Lora"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/lora-latin-700-normal.woff2") format("woff2"); }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) { font-size: 1.02rem; line-height: 1.8; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h2, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h3, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h4, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) > * h1, .page .sb-doc h2, .page .sb-doc h3 { display: flex; align-items: center; gap: .6rem; margin: 2rem 0 .8rem; font-family: "Lora", Georgia, "Times New Roman", serif; font-weight: 700; line-height: 1.3; color: var(--m-navy, #12332a); text-transform: none; letter-spacing: 0; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h2, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) > * h1 { font-size: 1.5rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h3 { font-size: 1.2rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h4 { font-size: 1.05rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h2:before, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h3:before, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) > * h1:before { content: ""; flex: 0 0 auto; width: 12px; height: 20px; background: var(--m-cyan, #f2a43a); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h4:before { content: ""; flex: 0 0 auto; width: 9px; height: 15px; background: var(--m-cyan, #f2a43a); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 75%, 0 100%); }
.page .sb-doc > h2:first-child, .page .sb-doc > p:first-child + h2 { margin-top: 0; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) p { margin: 0 0 1rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) a { text-decoration: underline; text-underline-offset: 3px; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ul { list-style: none; padding: 0; margin: 0 0 1rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ul li { position: relative; margin: .4rem 0; padding-left: 1.4rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ul li:before { content: ""; position: absolute; left: .15rem; top: .72em; width: .5rem; height: .5rem; border-radius: 50%; background: var(--m-cyan, #f2a43a); }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ol:not(.sb-steps):not(.cmp_breadcrumbs ol) { list-style: none; counter-reset: sbn; padding: 0; margin: 0 0 1rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ol:not(.sb-steps):not(.cmp_breadcrumbs ol) > li { counter-increment: sbn; position: relative; margin: .55rem 0; padding-left: 2.3rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ol:not(.sb-steps):not(.cmp_breadcrumbs ol) > li:before { content: counter(sbn); position: absolute; left: 0; top: .15em; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--m-cyan, #f2a43a); color: var(--m-navy, #12332a); font-size: .8rem; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ul ul, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ol ol, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) li > ul, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) li > ol { margin-top: .4rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) .sb-steps { list-style: none; counter-reset: st; margin: 0 0 1.5rem; padding: 0; display: grid; grid-template-columns: 1fr; gap: .7rem; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) .sb-steps > li { counter-increment: st; position: relative; display: flex; flex-direction: column; gap: .15rem; margin: 0; padding: .85rem 1rem .85rem 3.4rem; background: #fff; border: 1px solid var(--m-line, #dfe6dc); border-radius: 10px; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) .sb-steps > li:before { content: counter(st); position: absolute; left: .9rem; top: 50%; transform: translateY(-50%); width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--m-cyan, #f2a43a); color: var(--m-navy, #12332a); font-weight: 800; display: inline-flex; align-items: center; justify-content: center; }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) .sb-steps > li strong { font-family: "Lora", Georgia, serif; font-size: 1.05rem; color: var(--m-navy, #12332a); }
:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) .sb-steps > li span { color: var(--m-muted, #5a6b63); font-size: .92rem; line-height: 1.5; }
@media (max-width: 600px) { :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h2, :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) > * h1 { font-size: 1.3rem; } :is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) h3 { font-size: 1.1rem; } }

:is(.page .sb-doc, .page:not([class*="page_"]), .page.page_contact, .page.page_submissions, .page.page_information, .page.page_privacy) ol > ul { margin: 0 0 .8rem 2.3rem; }