/* Matching homepage surfaces for the research-group content pages. */
.content-page #header{padding:3.2em 0 2.4em}
.content-page #header .logo{margin:0;line-height:1.4}
.content-page #header nav ul{display:flex;align-items:center;gap:10px}
.content-page #header .university-logo{display:block;width:180px;height:auto}
[data-preview-theme="dark"] .content-page #header .university-logo{filter:brightness(0) invert(1)}
.content-page #main{padding-bottom:4em}
.content-page #main > .inner{width:calc(100% - 5em);max-width:63em;padding:40px;background:#fff;border:1px solid #e0e7ee;border-radius:24px;box-shadow:0 12px 36px rgba(29,49,69,.04)}
.content-page #main h1{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.35;margin-bottom:20px}
.content-page #main h2{font-size:24px;line-height:1.4;margin-bottom:18px}
.content-page #main p{line-height:1.8;color:#647487;margin-bottom:24px}
.content-page #main hr{border-color:#e0e7ee;margin:36px 0}
.content-page #main img{max-width:100%;height:auto;border-radius:14px}
.content-page #main .image.main{margin:24px 0}
.content-page #main iframe{max-width:100%;border-radius:14px}
.content-page #main li{padding-left:6px;margin-bottom:18px;line-height:1.8;overflow-wrap:anywhere}
.content-page #main section{scroll-margin-top:24px}
.content-page #footer h2{font-size:21px}
.content-page .page-contents{margin-top:24px;padding:16px 20px;border:1px solid #e0e7ee;border-radius:16px;background:#fff}
.content-page .page-contents summary{cursor:pointer;font-weight:600;color:#376b92}
.content-page .page-contents ul{margin:16px 0 0}
.content-page .page-contents > ul{columns:2;column-gap:32px}
.content-page .page-contents li{font-size:14px;line-height:1.7;break-inside:avoid}
.content-page .page-contents a{border-bottom:0}
[data-preview-theme="dark"] .content-page #main > .inner,[data-preview-theme="dark"] .content-page .page-contents{background:#19232f;border-color:#2c3b4b;box-shadow:0 12px 36px rgba(0,0,0,.12)}
[data-preview-theme="dark"] .content-page #main p{color:#a4b3c3}
[data-preview-theme="dark"] .content-page #main hr{border-color:#34485c}
[data-preview-theme="dark"] .content-page .page-contents summary{color:#94c4e6}
@media(max-width:600px){
 .content-page #header{padding:6em 0 2em}
 .content-page #header .university-logo{width:140px}
 .content-page #main > .inner{width:calc(100% - 2.5em);padding:24px 20px}
 .content-page #main h2{font-size:21px}
 .content-page .page-contents > ul{columns:1}
 .content-page #main{padding-bottom:2.5em}
}

/* University logo and researcher name stack at the left of the header. */
.content-page #header .header-identity{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}
.content-page #header .identity-name{border:0;color:#203d55;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.4;text-decoration:none}
[data-preview-theme="dark"] .content-page #header .identity-name{color:#e3edf6}
@media(max-width:600px){.content-page #header.identity-header{padding:2em 0 2em}}