/* Shared navigation and colour modes for the research-group pages. */
body.site-page{background:#f7f9fb;color:#314a60;font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}
.site-page #header .logo{font-size:20px;font-weight:600;letter-spacing:-.02em;text-transform:none;color:#203d55}
.site-page h1,.site-page h2,.site-page h3,.site-page input,.site-page textarea,.site-page button{font-family:inherit}
.site-page h1{color:#203d55;letter-spacing:-.025em;font-weight:600}
.site-page h2,.site-page h3{color:#203d55;font-weight:600;letter-spacing:-.015em;text-transform:none}
.site-page a{color:#376b92}
.site-page a:hover{color:#203d55!important}
.site-page #header nav{top:2.5em}
.site-page #header nav ul{gap:10px}
.site-page #previewThemeBtn{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #dce5ed;border-radius:10px;background:#fff;color:#48677f;box-shadow:none;line-height:1;letter-spacing:0}
.site-page #previewThemeBtn svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.site-page #previewThemeBtn:hover{background:#edf4fa;border-color:#7c9bb3;color:#48677f!important}
.site-page #previewThemeBtn:focus-visible{outline:2px solid #376b92;outline-offset:4px}
.site-page #menu{width:340px;max-width:90%;background:#f7f9fb;color:#314a60;border-left:1px solid #e0e7ee;border-radius:20px 0 0 20px;box-shadow:-12px 0 40px rgba(29,49,69,.1);transform:translateX(100%);font-family:inherit}
.site-page #menu > .inner{padding:32px 22px}
.site-page #menu h2{margin:0 0 28px;padding:0 12px;font-size:21px;font-weight:600;letter-spacing:-.02em;text-transform:none;color:#203d55}
.site-page #menu > .inner > ul > li{border:0;margin:4px 0;padding:0}
.site-page #menu > .inner > ul > li:first-child{margin-top:0}
.site-page #menu .menu-section-label{padding:16px 12px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8794a0}
.site-page #menu > .inner > ul > li > a{display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:10px;font-size:14px;font-weight:400;line-height:1.5;color:#4d6478;transition:background .15s ease,color .15s ease}
.site-page #menu > .inner > ul > li > a:hover{background:#edf3f8;color:#203d55!important}
.site-page #menu > .inner > ul > li > a[aria-current="page"]{background:#e7f0f7;color:#376b92;font-weight:600}
.site-page #menu .menu-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-page #menu .menu-icon .fill{fill:currentColor;stroke:none}
.site-page #menu > .inner > ul > li > a:focus-visible{outline:2px solid #376b92;outline-offset:2px}
.site-page #menu > .close{top:26px;right:24px;left:auto;width:36px;height:36px;text-indent:50px;border:1px solid #dce5ed;border-radius:10px;background:#fff;transform:none}
.site-page #menu > .close:before,.site-page #menu > .close:after{top:17px;left:10px;width:14px;height:1.5px;background:#647b8f;background-image:none;opacity:1;transform:rotate(45deg)}
.site-page #menu > .close:after{transform:rotate(-45deg)}
.site-page #menu > .close:hover:before,.site-page #menu > .close:hover:after{opacity:1;background:#376b92}
body.site-page.is-menu-visible #menu{transform:translateX(0)}
html[data-preview-theme="dark"]{color-scheme:dark}
[data-preview-theme="dark"] body.site-page{background:#111922;color:#a4b3c3}
[data-preview-theme="dark"] .site-page #header .logo,[data-preview-theme="dark"] .site-page h1,[data-preview-theme="dark"] .site-page h2,[data-preview-theme="dark"] .site-page h3,[data-preview-theme="dark"] .site-page strong,[data-preview-theme="dark"] .site-page b{color:#e3edf6}
[data-preview-theme="dark"] .site-page a{color:#94c4e6}
[data-preview-theme="dark"] .site-page a:hover{color:#d5e9f8!important}
[data-preview-theme="dark"] .site-page hr,[data-preview-theme="dark"] .site-page table td,[data-preview-theme="dark"] .site-page table th{border-color:#34485c}
[data-preview-theme="dark"] .site-page table tbody tr{border-color:#34485c}
[data-preview-theme="dark"] .site-page table tbody tr:nth-child(2n+1){background:#19232f}
[data-preview-theme="dark"] .site-page #footer,[data-preview-theme="dark"] .site-page #menu{background:#19232f;border-color:#2c3b4b;color:#a4b3c3}
[data-preview-theme="dark"] .site-page #menu{box-shadow:-12px 0 40px rgba(0,0,0,.25)}
[data-preview-theme="dark"] .site-page #menu h2{color:#e3edf6}
[data-preview-theme="dark"] .site-page #menu .menu-section-label{color:#8298ad}
[data-preview-theme="dark"] .site-page #menu > .inner > ul > li > a{color:#a4b3c3}
[data-preview-theme="dark"] .site-page #menu > .inner > ul > li > a:hover{background:#26394b;color:#e3edf6!important}
[data-preview-theme="dark"] .site-page #menu > .inner > ul > li > a[aria-current="page"]{background:#22394d;color:#82bee5}
[data-preview-theme="dark"] .site-page #menu > .close,[data-preview-theme="dark"] .site-page #previewThemeBtn{background:#223244;border-color:#394d62;color:#a6c8e3}
[data-preview-theme="dark"] .site-page #previewThemeBtn:hover{background:#2b4157;border-color:#6586a2;color:#a6c8e3!important}
[data-preview-theme="dark"] .site-page #menu > .close:before,[data-preview-theme="dark"] .site-page #menu > .close:after{background:#a6c8e3}
[data-preview-theme="dark"] .site-page #header nav ul li a{background:#19232f;color:#e3edf6}
[data-preview-theme="dark"] .site-page #header nav ul li a[href="#menu"]:before{filter:brightness(0) invert(1)}
[data-preview-theme="dark"] .site-page input,[data-preview-theme="dark"] .site-page textarea{color:#d7e1eb;border-color:#405366}
[data-preview-theme="dark"] .site-page input::placeholder,[data-preview-theme="dark"] .site-page textarea::placeholder{color:#8fa3b7}
[data-preview-theme="dark"] .site-page #footer .icons a{color:#a4b3c3;box-shadow:inset 0 0 0 1px #405366}
[data-preview-theme="dark"] .site-page input[type="submit"]{background:#30485e;color:#e3edf6}
[data-preview-theme="dark"] .site-page code,[data-preview-theme="dark"] .site-page pre{background:#19232f;border-color:#34485c;color:#d7e1eb}
@media(max-width:600px){.site-page #header nav{top:1.6em}.site-page #menu{width:320px}.site-page #menu > .inner{padding:28px 18px}.site-page #menu > .close{right:20px;top:24px}}
@media(prefers-reduced-motion:reduce){.site-page #menu,.site-page #menu > .inner{transition:none}}