/* Local-review design: sculpted chapters, quiet surfaces, blue accents. */
:root{--chapter-ink:#172338;--chapter-muted:#617087;--chapter-surface:#f5f6f8;--chapter-line:#dfe5ee}
body{background:#fff;color:var(--chapter-ink);-webkit-font-smoothing:antialiased}
#top{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(250,251,253,.88)}
.hbb-section{position:relative;padding-top:3rem!important;padding-bottom:3rem!important}
.hbb-section:not(#about) h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.045em;text-align:left!important;margin:0 0 1.8rem;font-weight:750}
.hbb-section:not(#about) h2:before{display:block;font-size:.66rem;font-weight:650;letter-spacing:.19em;line-height:1.6;margin-bottom:.65rem;color:#6b7c95}
#news h2:before{content:'01 / UPDATES'}#papers h2:before{content:'02 / PUBLICATIONS'}#activities h2:before{content:'03 / ACTIVITIES'}
#background div.flex.flex-col>div.w-full:first-child>h2:before{content:'04 / BACKGROUND'}#teaching h2:before{content:'05 / TEACHING'}#honors h2:before{content:'06 / RECOGNITION'}#service h2:before{content:'07 / COMMUNITY'}#contact h2:before{content:'08 / GET IN TOUCH'}
.hbb-section:not(#about)>div.flex.flex-col.items-center{align-items:stretch;max-width:960px;gap:0}
.hbb-section:not(#about)>.flex>.prose{max-width:none;width:100%}
#about.hbb-section{padding-top:2.75rem!important;padding-bottom:2.5rem!important;border-bottom:1px solid #dce5f0}
#about .resume-biography{padding-left:1rem;padding-right:1rem}
#about .bio-text .research-interest-cards>li{box-shadow:none;border-color:#a4b9d13b;background:rgba(255,255,255,.67);backdrop-filter:blur(12px)}
#news{background:#fff}
#news .recent-news-list{background:#f6f8fb;border:1px solid #e6ebf3;border-radius:24px;padding:.4rem 1.6rem;margin-top:.7rem;max-height:26rem;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b0bfd3 transparent}
#news .recent-news-list article{padding:1rem 0;grid-template-columns:90px minmax(0,1fr)}
#news .recent-news-list article:last-child{border-bottom:0}
#news .recent-news-list p{font-size:1.04rem;line-height:1.75}
#news .recent-news-list a{color:#165cca;text-decoration:none;font-size:.92rem}
#papers{background:var(--chapter-surface);border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4}
#papers .consolidated-publications{max-width:960px}
#papers .all-publications{margin:1.8rem auto 0;display:grid;gap:.8rem}
#papers .pub-list-item{padding:1.5rem 1.65rem;margin:0!important;border:1px solid #e5e9ef;border-radius:20px;background:white;box-shadow:0 2px 10px #1c304504;transition:transform .22s,box-shadow .22s,border-color .22s}
#papers .pub-list-item:hover{transform:translateY(-2px);border-color:#b8cce9;box-shadow:0 8px 26px #1b34560a}
.publication-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.73rem;letter-spacing:.025em;color:#56708e;margin-bottom:.55rem}
.publication-meta>span{padding:.2rem .55rem;background:#edf4fe;border-radius:6px}
.publication-meta em{font-style:normal}
#papers .publication-title{font-size:1.15rem;line-height:1.45;letter-spacing:-.015em;font-weight:650;margin:0 0 .65rem;color:#172338}
#papers .li-cite-author{font-size:.95rem;line-height:1.75;color:#647086}
#papers .publication-owner,#papers .publication-owner a{color:#243c65}
.publication-resources{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}
.publication-resources .hb-attachment-link{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #dbe5f2;border-radius:99px;padding:.3rem .75rem!important;color:#1760c5;background:#f7faff;font-size:.76rem!important;text-decoration:none;letter-spacing:0;line-height:1.5;text-transform:none;font-weight:550}
.publication-resources .hb-attachment-link:hover{background:#e8f1ff;border-color:#a6c4ee}
.publication-resources .hb-attachment-link svg{width:.9rem;height:.9rem}
#papers .publication-footnote{font-size:.74rem;margin-top:.6rem}
#activities{margin:1.4rem auto;max-width:1120px;width:calc(100% - 2rem);border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#f5f7fb,#edf4fa);border:1px solid #dfe7f0;color:#26394f}
#activities h2,#activities h3{color:#172338!important}#activities h2:before{color:#6b7c95}
#activities .activity-list article{border-color:#d7e1ed;padding:1.35rem 0}
#activities .activity-list article:last-child{border:0}
#activities .activity-list time{color:#64758b}
#activities .activity-role{color:#4779a3;letter-spacing:.14em}
#activities .activity-list h3{font-size:1.15rem;letter-spacing:-.015em;line-height:1.5}
#activities .activity-list p{opacity:1;color:#62748a;font-size:.98rem}
#activities .activity-list a{display:inline-block;border:1px solid #cbd9e9;border-radius:99px;padding:.2rem .7rem;font-size:.8rem;color:#315f91;background:#ffffff9c;text-decoration:none;transition:background-color .2s,border-color .2s}
#background{background:var(--chapter-surface);border-top:1px solid #e3e9f1}
#background div.flex.flex-col>div.w-full+div.w-full>h2:before{content:none}
#background .school-logo{border:0;background:transparent}
#background .relative.bg-white{border-radius:20px;box-shadow:none;border-color:#e3e9f1;background:#fff}
#teaching{background:#fff;border-top:1px solid #e3e9f1}
#teaching .teaching-row{background:#f7f9fc;border:1px solid #e5e9ef;border-radius:20px;padding:1.3rem 1.5rem;margin-bottom:.8rem}
#teaching .teaching-row h3{margin:0 0 .5rem}#teaching .teaching-row p{margin:.5rem 0}
#honors{background:var(--chapter-surface);border-top:1px solid #e3e9f1}
#honors .honors-list{margin-top:.8rem}
#honors .honors-list li{margin:0;padding:.9rem 0;border-bottom:1px solid #e6ebf1;grid-template-columns:100px minmax(0,1fr)}
#honors .honors-list li:last-child{border:0}
#honors .honors-list li>span{color:#486b9a;opacity:1;font-weight:600}
#service{background:#fff;border-top:1px solid #e3e9f1}
#service .service-row{background:#f7f9fc;border:1px solid #e5e9ef;border-radius:20px;padding:1.2rem 1.5rem;margin-bottom:.8rem}
#service .service-row h3{margin:0 0 .5rem}#service .service-row p{margin:0}
#service .languages{padding:1rem 0 0}
#contact{margin:1.4rem auto 0;max-width:1120px;width:calc(100% - 2rem);border-radius:32px;background:radial-gradient(ellipse at 100% 0%,#cfedfc 0,transparent 65%),linear-gradient(135deg,#eaf1ff,#f0f9ff);border:1px solid #dbe7f5}
#contact .prose{color:#3d536f}
#contact code{display:inline-block;font-size:1rem;white-space:normal;border:1px solid #cbdcef;background:#ffffffb3;padding:.65rem 1rem;border-radius:12px;color:#234c7b}
.page-footer footer{margin-top:1.5rem;margin-bottom:1rem;padding-top:0!important}
.page-footer .powered-by{margin:0}
.dark .hbb-section{border-color:#26374b}
.dark #news,.dark #teaching,.dark #service{background:#101827}
.dark #papers,.dark #background,.dark #honors{background:#0b1220}
.dark #news .recent-news-list,.dark #papers .pub-list-item,.dark #teaching .teaching-row,.dark #service .service-row,.dark #background .relative.bg-white{background:#162235;border-color:#2c4058;color:#dbe5f2}
.dark #papers .publication-title{color:#eef5ff}.dark #papers .li-cite-author{color:#a8b9cc}.dark #papers .publication-owner,.dark #papers .publication-owner a{color:#cfdeef}
.dark .publication-meta>span{background:#20334f;color:#a5c9f7}.dark .publication-resources .hb-attachment-link{background:#1b304d;color:#b5d4fc;border-color:#385479}
.dark #contact{background:linear-gradient(135deg,#142a4c,#173749);border-color:#36516c}.dark #contact .prose{color:#c3d7ec}.dark #contact code{background:#14263d;color:#c3defb;border-color:#3a5575}
.chapter-arrived{animation:chapter-arrive .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes chapter-arrive{from{opacity:.65;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.hbb-section{padding-top:2rem!important;padding-bottom:2rem!important}.hbb-section:not(#about) h2{font-size:2rem}#activities,#contact{border-radius:24px;width:calc(100% - 1rem);margin-top:.7rem;margin-bottom:.7rem}#news .recent-news-list{padding:.2rem 1rem;border-radius:20px}#news .recent-news-list article{grid-template-columns:70px minmax(0,1fr);gap:.7rem}#news .recent-news-list p{font-size:.98rem}#papers .pub-list-item{padding:1.1rem 1.05rem;border-radius:17px}#papers .publication-title{font-size:1.07rem}#papers .li-cite-author{font-size:.9rem}#honors .honors-list li{grid-template-columns:80px minmax(0,1fr)}#contact code{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.chapter-arrived{animation:none}#papers .pub-list-item{transition:none;transform:none!important}}

.dark #news .recent-news-list a{color:#98c5ff}

/* Subtle motion shared by all content sections. */
.reading-progress{position:fixed;z-index:1000;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3979ff,#66dbed);transform:scaleX(0);transform-origin:left;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.scroll-reveal{opacity:.25;transform:translateY(20px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.scroll-reveal.in-view{opacity:1;transform:translateY(0)}}
@media print{.scroll-reveal{opacity:1!important;transform:none!important}.reading-progress{display:none}}

/* Visible pointer and keyboard feedback for the header. */
#site-header .nav-link{position:relative;border-radius:10px;padding:.55rem .85rem;transition:color .2s ease,background-color .2s ease,transform .2s ease}
#site-header .nav-link::after{content:'';position:absolute;left:25%;right:25%;bottom:.15rem;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
#site-header .nav-link:focus-visible,#site-header .navbar-brand:focus-visible,#site-header .theme-toggle:focus-visible{outline:2px solid #3979ff;outline-offset:4px}
#site-header .navbar-brand{display:inline-block;border-radius:8px;transition:color .2s ease,transform .2s ease}
#site-header .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:color .2s ease,background-color .2s ease,transform .25s ease}
#site-header .nav-link:focus-visible{color:#1760c5;background:#3979ff14}
#site-header .nav-link:focus-visible::after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
 #site-header .nav-link:hover{color:#1760c5;background:#3979ff14;transform:translateY(-2px)}
 #site-header .nav-link:hover::after{transform:scaleX(1)}
 #site-header .navbar-brand:hover{color:#1760c5;transform:translateY(-1px)}
 #site-header .theme-toggle:hover{color:#1760c5;background:#3979ff18;transform:rotate(-12deg)}
 .dark #site-header .nav-link:hover,.dark #site-header .theme-toggle:hover{color:#a4d0ff;background:#7eb5ff20}
 .dark #site-header .navbar-brand:hover{color:#a4d0ff}
}
.dark #site-header .nav-link:focus-visible{color:#a4d0ff;background:#7eb5ff20}
@media(prefers-reduced-motion:reduce){#site-header .nav-link,#site-header .nav-link::after,#site-header .navbar-brand,#site-header .theme-toggle{transition:none;transform:none}}

/* Keep the institution symbols clean, with gentle interactive feedback. */
.bio-school-logos .school-logo{--logo-accent:25 125 245;overflow:visible;position:relative;isolation:isolate;transition:transform .25s cubic-bezier(.2,.7,.2,1),filter .25s ease}
.bio-school-logos .school-logo::before{content:'';position:absolute;inset:-8px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgb(var(--logo-accent) / .07) 0%,rgb(var(--logo-accent) / .025) 42%,rgb(var(--logo-accent) / 0) 74%);opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.bio-school-logos .school-logo:focus-visible{outline:2px solid rgb(var(--logo-accent));outline-offset:7px;border-radius:12px}
.bio-school-logos .school-logo:focus-visible::before{opacity:1;transform:scale(1.12)}
@media(hover:hover) and (pointer:fine){
 .bio-school-logos .school-logo:hover{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 4px 8px rgb(var(--logo-accent) / .07))}
 .bio-school-logos .school-logo:hover::before{opacity:1;transform:scale(1.12)}
}
@media(prefers-reduced-motion:reduce){.bio-school-logos .school-logo,.bio-school-logos .school-logo::before{transition:none;transform:none!important}}

.bio-school-logos .school-mbzuai{--logo-accent:20 130 245}
.bio-school-logos .school-polyu{--logo-accent:170 31 52}
.bio-school-logos .school-njust{--logo-accent:174 55 140}

#activities .activity-list a:hover{background:#e5eef9;border-color:#9db9d9}
.dark #activities{background:linear-gradient(135deg,#152033,#19283a);border-color:#2c4058;color:#dbe5f2}
.dark #activities h2,.dark #activities h3{color:#eef5ff!important}
.dark #activities h2:before,.dark #activities .activity-list time{color:#9bafc6}
.dark #activities .activity-role{color:#96bfdf}
.dark #activities .activity-list article{border-color:#324358}
.dark #activities .activity-list p{color:#adbed2}
.dark #activities .activity-list a{background:#203248;border-color:#405873;color:#c3defb}
.dark #activities .activity-list a:hover{background:#2b425e;border-color:#6889af}

/* Match the other chapters: separate cards, no enclosing panel. */
#activities{margin:0;max-width:none;width:100%;border:0;border-radius:0;overflow:visible;background:#fff}
#activities .activity-list{display:grid;gap:.85rem}
#activities .activity-list article,#activities .activity-list article:last-child{padding:1.4rem 1.6rem;border:1px solid #dfe7f0;border-radius:20px;background:linear-gradient(135deg,#f8fafd,#f0f5fa);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .2s,border-color .2s}
@media(hover:hover) and (pointer:fine){#activities .activity-list article:hover{border-color:#b8cce2;box-shadow:0 7px 22px #28466b09}}
.dark #activities{background:#101827;border:0}
.dark #activities .activity-list article,.dark #activities .activity-list article:last-child{background:#162235;border-color:#2c4058}
@media(max-width:700px){#activities{width:100%;margin:0;border-radius:0}#activities .activity-list article,#activities .activity-list article:last-child{padding:1.1rem 1.05rem;border-radius:17px}}
@media(prefers-reduced-motion:reduce){#activities .activity-list article{transition:none}}

/* Hugo renders a full-size background layer above the section surface. */
.hbb-section:not(#about)>.home-section-bg{background:transparent!important}

#contact code::before,#contact code::after{content:none!important}

/* Publication status is a visible division, not just a small venue label. */
#papers .publication-group-title{display:flex;align-items:center;gap:.65rem;font-size:1.5rem;line-height:1.3;font-weight:650;letter-spacing:-.025em;color:#233a58;margin:0}
#papers .publication-group+.publication-group{margin-top:3rem;padding-top:2rem;border-top:1px solid #cbd6e4}
#papers .publication-group .all-publications{margin-top:1.2rem}
.dark #papers .publication-group-title{color:#dce9fc}
.dark #papers .publication-group+.publication-group{border-color:#354963}

/* The news panel scrolls independently and remains keyboard accessible. */
#news .recent-news-list:focus-visible{outline:2px solid #3979ff;outline-offset:4px}
#news .recent-news-list::-webkit-scrollbar{width:8px}
#news .recent-news-list::-webkit-scrollbar-track{background:transparent}
#news .recent-news-list::-webkit-scrollbar-thumb{background:#b0bfd3;border:2px solid #f6f8fb;border-radius:99px}
.dark #news .recent-news-list{scrollbar-color:#58718f transparent}
.dark #news .recent-news-list::-webkit-scrollbar-thumb{background:#58718f;border-color:#162235}
@media(max-width:700px){#news .recent-news-list{max-height:23rem}}
@media print{#news .recent-news-list{max-height:none;overflow:visible}}

/* Shared reading width for the lower chapters; the background timeline stays independent. */
:root{--chapter-content-width:1120px;--chapter-page-gutter:24px}
.hbb-section:is(#news,#activities,#teaching,#honors,#service)>div.flex.flex-col.items-center,
#papers .consolidated-publications{width:calc(100% - 2 * var(--chapter-page-gutter));max-width:var(--chapter-content-width);padding-left:0;padding-right:0;margin-left:auto;margin-right:auto}
#papers .all-publications{width:100%;max-width:none;gap:.65rem}
#contact{max-width:var(--chapter-content-width);width:calc(100% - 2 * var(--chapter-page-gutter))}
#contact.hbb-section>div.flex.flex-col.items-center{max-width:none;width:100%;padding-left:1.5rem;padding-right:1.5rem}

/* Compact publication cards while preserving every title, author, and resource link. */
#papers .pub-list-item{padding:1rem 1.25rem;line-height:1.6}
#papers .publication-meta{margin-bottom:.35rem;line-height:1.45;gap:.45rem}
#papers .publication-title{line-height:1.35;margin-bottom:.4rem}
#papers .li-cite-author{line-height:1.55}
#papers .publication-resources{margin-top:.5rem;gap:.4rem}
#papers .publication-resources .hb-attachment-link{padding:.2rem .65rem!important}
#papers .publication-footnote{margin:.4rem 0 0}
#papers .publication-group .all-publications{margin-top:.9rem}
#papers .publication-group+.publication-group{margin-top:2rem;padding-top:1.5rem}

/* Carry the tighter card rhythm through the following chapters. */
#activities .activity-list{gap:.65rem}
#activities .activity-list article,#activities .activity-list article:last-child{padding:1rem 1.25rem}
#activities .activity-list h3{margin:.25rem 0;line-height:1.4}
#activities .activity-list p{margin:.4rem 0}
#teaching .teaching-row,#service .service-row{padding:1rem 1.25rem;margin-bottom:.65rem}
#honors .honors-list li{padding:.7rem 0}
@media(max-width:700px){
 :root{--chapter-page-gutter:16px}
 #papers .pub-list-item{padding:.85rem 1rem}
 #activities .activity-list article,#activities .activity-list article:last-child,#teaching .teaching-row,#service .service-row{padding:.9rem 1rem}
 #contact.hbb-section>div.flex.flex-col.items-center{padding-left:1rem;padding-right:1rem}
}