/* Layout and paper-box rules adapted from lll6gg.github.io (MIT).
   Original notices: assets/reference-template-LICENSE.txt. */
:root{--text:#494e52;--link:#224b8d;--border:#f2f3f3}
*{box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--text);font-family:'Trebuchet MS',Helvetica,sans-serif;line-height:1.5}a{color:var(--link)}a:hover{color:#193869}a:focus-visible{outline:2px solid var(--link);outline-offset:4px}p{margin:0 0 .5em}strong{font-weight:700}.skip-link{position:fixed;top:-60px;left:20px;background:#fff;z-index:100;padding:8px 14px}.skip-link:focus{top:8px}
.masthead{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:#fff}.nav-wrap{max-width:1280px;margin:auto;min-height:65px;display:flex;align-items:center;gap:35px;padding:14px 15px}.site-name{font-weight:700;white-space:nowrap;color:#494e52;text-decoration:none}nav{display:flex;gap:28px;align-items:center;overflow-x:auto;scrollbar-width:thin}nav a{color:#7a8288;text-decoration:none;white-space:nowrap}nav a:hover,nav a.active{color:#494e52}nav a.active{border-bottom:2px solid #7a8288}
.page-layout{max-width:1280px;margin:15px auto 0;padding:0 15px;display:grid;grid-template-columns:185px minmax(0,1fr);gap:50px}.profile{position:sticky;top:94px;align-self:start}.author-avatar{display:block;width:175px}.portrait{width:175px;max-width:100%;height:auto;border-radius:50%;padding:5px;border:1px solid var(--border);display:block}.profile h1{font-size:21px;font-weight:700;line-height:1.2;margin:12px 0 10px}.profile-focus{margin:10px 0 20px;line-height:1.5}.profile-links{margin:0;padding:0}.profile-email{margin:0 0 1em;overflow-wrap:anywhere}.profile-links a{display:block;margin-bottom:5px;padding:2px 5px 2px 0;color:inherit;text-decoration:none;font-size:15px}.profile-links a:hover{text-decoration:underline}.profile-links .fa-fw{margin-right:3px}.profile-links .fa-github{color:#171516}
#main{min-width:0}.section{margin-bottom:24px;scroll-margin-top:85px}.about{margin-top:0}.about p{margin-bottom:.7em}.about-connect{margin-top:10px}h2{font-size:21px;font-weight:700;line-height:1.2;margin:1em 0 .5em;padding-bottom:.5em;border-bottom:1px solid var(--border)}.news-list{margin:.5em 0;padding-left:2em}.news-list li{margin-bottom:.5em}.section-heading{display:flex;align-items:baseline;gap:15px;border-bottom:1px solid var(--border);margin:1em 0 .5em}.section-heading h2{flex:1;margin:0;border:0}.full-list{font-size:13px}.section-note{font-size:13px;color:#7a8288;margin:0 0 .5em}.section-note span{margin-left:12px}
/* The reference's paper-box proportions, alignment, image shadow and badge. */
.paper-box{display:flex;justify-content:left;align-items:center;flex-direction:row;flex-wrap:wrap;border-bottom:1px #efefef solid;padding:2em 0}.paper-box-image{justify-content:left;display:flex;width:40%;max-width:40%;min-width:200px;order:1}.figure-wrap{width:100%;max-width:400px;position:relative}.paper-figure{display:block}.paper-box-image img{display:block;width:100%;max-width:400px;height:auto;max-height:none;box-shadow:3px 3px 6px #888;object-fit:contain}.paper-box-image a:hover img{box-shadow:0 0 10px rgba(0,0,0,.25)}.paper-box-text{width:60%;max-width:60%;padding-left:2em;order:2;min-width:0}.badge{padding-left:1rem;padding-right:1rem;position:absolute;z-index:1;top:.5em;left:-.5em;color:white;background:#00369f;font-size:.8em;line-height:1.5;pointer-events:none}.paper-box h3{font-size:1em;font-weight:400;line-height:1.5;margin:0 0 .5em}.paper-box h3 a{text-decoration:underline}.authors{font-size:1em;line-height:1.5;margin:0 0 .6em}.authors strong{border-bottom:1px solid var(--text)}.paper-links{font-size:1em;line-height:1.8;margin:0 0 .5em}.paper-links>a:not(.metric){white-space:nowrap}.paper-summary{padding-left:2em;margin:.5em 0 0;font-size:1em;line-height:1.5}.paper-summary li{margin-bottom:.5em}
/* Same social Code badge appearance as the reference, with live counts. */
.metric{display:inline-flex;vertical-align:middle;align-items:stretch;color:#333;font:600 11px/18px Arial,sans-serif;text-decoration:none!important;white-space:nowrap;margin:0 3px 2px 0}.metric:hover{color:#333}.badge-label{display:inline-flex;align-items:center;gap:4px;border:1px solid #d5d5d5;border-radius:3px;padding:0 5px;background:linear-gradient(#fff,#f1f1f1)}.badge-label .fab{font-size:13px}.metric [data-metric-value]{display:inline-block;position:relative;margin-left:5px;padding:0 4px;border:1px solid #d5d5d5;border-radius:3px;background:#fff}.metric [data-metric-value]:before{content:'';position:absolute;left:-4px;top:6px;width:5px;height:5px;background:#fff;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;transform:rotate(45deg)}.metric[data-state=unavailable]{font-weight:400;color:#7a8288}
.background-row{display:flex;gap:20px;margin:1em 0}.background-label{font-size:11px;color:#7a8288;min-width:80px;padding-top:3px}.background-row h3{font-size:15px;margin:0;font-weight:700}.background-row p{margin:0}.contact{margin-top:30px}footer{border-top:1px solid var(--border);font-size:11px;color:#7a8288;display:flex;gap:20px;margin-top:30px;padding:20px 0}footer a{margin-left:auto}
@media(max-width:924px){.page-layout{display:block;margin:20px auto 0;max-width:800px;padding:0 20px}.profile{position:static;display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:20px;margin-bottom:25px}.author-avatar{width:100px;grid-row:1/3}.portrait{width:100px}.profile h1{margin:6px 0 8px;font-size:21px}.profile-focus{margin:0}.profile-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:15px}.profile-email{width:100%;margin-bottom:2px}.profile-links a{font-size:13px;margin:0}.nav-wrap{padding:15px 20px;gap:25px}nav{gap:23px;font-size:13px}.paper-box-image{min-width:0}.section{scroll-margin-top:85px}}
@media(max-width:767px){.paper-box{padding:1.5em 0;align-items:flex-start}.paper-box-image{width:100%;max-width:100%;order:2;justify-content:center;margin-top:14px}.paper-box-text{width:100%;max-width:100%;padding-left:0;order:1}.figure-wrap{width:100%;max-width:400px}.paper-box-image img{height:auto;max-height:none;object-fit:contain}.paper-summary{padding-left:1.5em}.section-note{font-size:12px}.paper-box h3{font-weight:400}.nav-wrap{align-items:baseline}.site-name{font-size:14px}nav{gap:20px}.badge{left:-.5em}.section h2{font-size:21px}}
@media(max-width:480px){.nav-wrap{display:block;padding:12px 18px 8px}.site-name{display:block;margin-bottom:8px}nav{padding-bottom:4px;font-size:12px}.page-layout{padding:0 18px;margin-top:20px}.profile{column-gap:15px}.profile h1{font-size:20px}.profile-focus{font-size:13px}.profile-links{gap:6px 13px}.profile-links a{font-size:12px}.section-note span{display:block;margin:3px 0 0}.background-row{gap:12px}.background-label{min-width:66px;font-size:10px}.background-row h3{font-size:14px}.background-row p{font-size:13px}footer{flex-wrap:wrap;gap:5px 15px}footer a{margin-left:0;width:100%}html{scroll-padding-top:110px}.section{scroll-margin-top:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Institution emblems and separate education / internship timelines. */
.profile-links .profile-institution{display:flex;align-items:center;gap:5px}.profile-institution img{width:18px;height:18px;object-fit:contain;flex:none}.institution-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:center;margin:24px 0}.institution-logos{display:flex;align-items:center;justify-content:center;gap:8px}.institution-logos img{width:52px;height:52px;object-fit:contain;display:block}.institution-logos.logo-pair img{width:44px;height:44px}.institution-heading{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:4px}.institution-heading h3{font-size:16px;margin:0;line-height:1.4}.institution-heading h3 a{color:inherit;text-decoration:none}.institution-heading h3 a:hover{text-decoration:underline}.institution-date{font-size:13px;color:#7a8288;white-space:nowrap}.institution-details p{margin:0 0 3px}.institution-topic{font-size:13px;color:#7a8288}.internships{margin-top:32px}
@media(max-width:767px){.institution-row{grid-template-columns:84px minmax(0,1fr);gap:14px}.institution-heading{display:block}.institution-date{display:block;margin-top:3px}.institution-logos.logo-pair img{width:37px;height:37px}.institution-heading h3{font-size:15px}.institution-details p{font-size:13px}.institution-topic{font-size:12px}}
@media(max-width:480px){.institution-row{grid-template-columns:62px minmax(0,1fr);gap:12px}.institution-logos img{width:44px;height:44px}.institution-logos.logo-pair{flex-direction:column;gap:5px}.institution-logos.logo-pair img{width:36px;height:36px}}
