*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{--graph-edge:#294f98;--graph-stroke:#536b94;--graph-fill:#c3c9d5;--graph-hover-stroke:#294f98;--graph-hover-fill:#aebee3;margin:0;background:#c8ced2;color:#172134;font-family:"Segoe UI Variable Text","Segoe UI",Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
h1,h2,p{margin:0}
::selection{background:#395eb8;color:#fff}
.site{width:min(1260px,calc(100% - 36px));min-height:100vh;margin:0 auto;background:#f5f5f1;display:grid;grid-template-columns:248px minmax(0,1fr);border-left:1px solid #aeb8bf;border-right:1px solid #aeb8bf}
.sidebar{height:100vh;position:sticky;top:0;padding:66px 22px 22px;background:#dfe7ec;border-right:1px solid #aeb8bf;display:flex;flex-direction:column}
.portrait{width:86%;margin:0 auto;aspect-ratio:1/1.06;object-fit:cover;object-position:center 34%;border:1px solid #a9b6bd}
.identity{padding:24px 0 19px;border-bottom:1px solid #a9b6bd;text-align:center}
.identity strong{display:block;font-size:20px;font-weight:500}
.identity span{display:block;font-size:17px;margin-top:7px;color:#5f6d78}
.side-nav{display:flex;flex-direction:column;gap:13px;margin-top:28px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.side-nav a:hover{color:#395eb8}
.content{min-width:0}
.section{padding:65px 58px 74px;border-bottom:1px solid #aeb8bf}
.section-title{font-size:14px;text-transform:uppercase;letter-spacing:.12em}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:34px}
.scholar{font-size:11px;color:#395eb8}
.scholar:hover{text-decoration:underline;text-underline-offset:4px}
.about-inner{max-width:none}
.about-inner h1{font-family:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:34px}
.about-body{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:52px;align-items:center}
.about-inner p{font-size:14px;line-height:1.85;max-width:none;text-align:justify;text-justify:inter-word}
.about-inner p+p{margin-top:20px}
.about-inner p a{color:inherit;text-decoration:underline;text-decoration-thickness:.6px;text-underline-offset:3px}
.about-inner p a:hover{color:#294f98}
.about-inner .about-email{font-weight:550;text-align:left}
.graph-figure{width:100%;margin:0}
.graph-widget{display:block;width:100%;height:230px;border:0;background:transparent;cursor:grab;touch-action:none}
.graph-widget.is-dragging{cursor:grabbing}
.papers{counter-reset:publication}
.papers,.service-list,.grant-list{border-top:1px solid #c7cfd2}
.paper,.service-entry,.grant-entry{display:block;padding:23px 0 24px;border-bottom:1px solid #c7cfd2;position:relative}
.paper{counter-increment:publication}
.paper .venue,.service-entry .venue,.grant-entry .venue{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#395eb8;line-height:1.5}
.paper .venue::before{content:counter(publication);display:inline-block;width:34px;color:#71808a;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
.paper .title,.service-entry .title,.grant-entry .title{font-size:15px;font-weight:520;line-height:1.4;margin-top:7px;padding-right:28px}
.paper .authors,.service-entry .authors,.grant-entry .authors{font-size:11px;line-height:1.6;color:#71808a;margin-top:7px;padding-right:28px}
.paper .arrow{position:absolute;right:2px;top:50%;font-size:14px;transition:transform .2s}
.paper[href]:hover .title{text-decoration:underline;text-underline-offset:4px}
.paper[href]:hover .arrow{transform:translate(2px,-2px)}
.misc-list{margin-top:30px;border-top:1px solid #c7cfd2}
.misc-item{display:grid;grid-template-columns:190px 1fr 22px;gap:28px;align-items:center;min-height:120px;padding:18px 0;border-bottom:1px solid #c7cfd2}
.misc-item:hover .misc-title{text-decoration:underline;text-underline-offset:5px}
.misc-photo{width:190px;height:190px;object-fit:cover;object-position:center 35%}
.misc-type{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#71808a;margin-bottom:10px}
.misc-title{font-size:16px;font-weight:450}
.misc-arrow{font-size:15px;text-align:right}
.cv-item{min-height:92px}
.cv-preview{width:190px;height:190px;object-fit:cover;object-position:center top;border:1px solid #c7cfd2}
.footer{padding:28px 58px 38px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#71808a}
.anchor{scroll-margin-top:0}
@media(max-width:860px){.site{grid-template-columns:210px}.sidebar{padding:54px 17px 17px}.section{padding-left:40px;padding-right:40px}.footer{padding-left:40px;padding-right:40px}.about-inner{max-width:100%}.about-body{grid-template-columns:minmax(0,1fr) 210px;gap:34px}.graph-widget{height:190px}}
@media(max-width:680px){body{background:#f5f5f1}.site{width:100%;border:0;grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:grid;grid-template-columns:94px 1fr;padding:30px 14px 14px;gap:14px;border-right:0;border-bottom:1px solid #aeb8bf}.portrait{grid-row:1/3;width:86%;margin:0 auto}.identity{padding:12px 0 10px}.side-nav{margin:0;gap:8px}.section{padding:44px 22px 52px}.about-inner h1{margin-bottom:34px}.about-inner p{font-size:13px}.about-body{grid-template-columns:1fr;gap:32px}.graph-figure{width:min(100%,280px);justify-self:center}.graph-widget{height:210px}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.misc-item{grid-template-columns:112px 1fr 16px;gap:16px}.misc-photo,.cv-preview{width:112px;height:112px}.misc-title{font-size:14px}.footer{padding:24px 22px 32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}