/* Homepage/site style on top of blog.css (redesign 2026-10). */
.nav{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--rule)}
.nav .in{max-width:880px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.nav .brand{font:500 19px var(--f-display);color:var(--ink);text-decoration:none;margin-right:auto}
.nav a.l{font:500 14px var(--f-body);color:var(--muted);text-decoration:none}
.nav a.l:hover,.nav a.l.on{color:var(--h)}
.pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font:600 13.5px var(--f-body)}
.pill.alt{background:var(--panel);color:var(--ink)}
.pill:hover{background:var(--h);color:#fff}
.note{background:var(--panel);border-left:3px solid var(--h);border-radius:0 12px 12px 0;padding:12px 16px;margin:14px 0}
.note p{margin:0} .note strong{color:var(--h)}
.news{background:#fff;border:1px solid var(--rule);border-radius:14px;max-height:300px;overflow-y:auto;padding:6px 18px}
.news ul{list-style:none;padding:0;margin:0}
.news li{padding:8px 0;border-bottom:1px solid var(--rule);margin:0} .news li:last-child{border-bottom:0}
.news li p{margin:0;font-size:16px}
.news li p > b:first-child{font:600 12.5px var(--f-mono);color:var(--h);margin-right:6px;letter-spacing:.02em}
h2{scroll-margin-top:64px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
#selected-awards-honors ~ ul li i{font-style:normal;font-weight:600}
@media (max-width:700px){.nav .in{gap:12px}.nav .brand{flex-basis:100%}}
h1{margin-top:6px}
ol li p,ul li p{margin:0 0 4px}
ol{padding-left:26px} ol li{margin:0 0 10px}
.pubs li p{font-size:16px;line-height:1.55}
h3{margin-top:26px}
.awards{margin:6px 0 0}
.aw{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:7px 0;border-top:1px solid var(--rule)}
.aw:last-child{border-bottom:1px solid var(--rule)}
.aw-y{font:500 13.5px/1.75 var(--f-mono);color:var(--muted)}
.aw p{margin:0;font-size:16.5px;line-height:1.5}
.aw-n{font-weight:600} .aw-n a{color:var(--ink);text-decoration-color:var(--rule)} .aw-n a:hover{color:var(--h)}
.aw-o{display:block;color:var(--muted);font:14px var(--f-body);margin-top:1px}
.aw:first-child{border-top:0;padding-top:2px}
.logo{height:1em;width:1em;vertical-align:-.13em;margin:0 .28em 0 .05em;border-radius:3px}
/* hero, modeled on cs.princeton.edu/~danqic (2026-10-18) */
.hero{display:grid;grid-template-columns:150px 1fr;gap:32px;align-items:center;margin:34px 0 34px}
.hero h1{font:500 42px/1.1 var(--f-display);letter-spacing:-.02em;margin:0 0 6px}
.hero h1 .cn{font:400 21px var(--f-serif);margin-left:4px;vertical-align:.45em;letter-spacing:0}
.pron{font:13.5px var(--f-body);color:var(--muted);text-decoration:underline dotted;text-underline-offset:3px}
.pron:hover{color:var(--h)}
.icons{display:flex;gap:16px;margin:14px 0 20px} .icons a{color:var(--muted);line-height:0} .icons a:hover{color:var(--h)}
.icons svg{width:21px;height:21px;fill:currentColor}
.hero .role{font:16px/1.65 var(--f-body);margin:0 0 14px}
.hero .mail{font:14.5px var(--f-mono);margin:0} .hero .mail a{color:var(--ink);text-decoration:none} .hero .mail a:hover{color:var(--h)}
.hero .ph img{width:150px;height:150px;border-radius:12px;object-fit:cover;display:block}
.foot{border-top:1px solid var(--rule);margin-top:44px;color:var(--muted);font:13px var(--f-body)} .foot .in{max-width:880px;margin:0 auto;padding:16px}
@media (max-width:700px){.hero{grid-template-columns:1fr;gap:18px;margin-top:20px}.hero .ph{order:-1}.hero .ph img{width:110px;height:110px}.hero h1{font-size:38px}}
.hero .ph{order:-1}
/* tighter hero 06:50 */
.hero{align-items:center;margin:30px 0 30px}
.hero .role{font:15.5px/1.6 var(--f-body);color:var(--muted);margin:10px 0 8px} .hero .role .sep{margin:0 .5em;color:var(--rule)}
.contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.contact .mail{font:14.5px var(--f-mono);color:var(--ink);text-decoration:none} .contact .mail:hover{color:var(--h)}
.contact .icons{margin:0;gap:14px}
.icons svg{width:19px;height:19px}
.ipa{font:400 14.5px var(--f-mono);color:var(--muted);margin-left:12px;text-decoration:none;vertical-align:.6em;letter-spacing:0;white-space:nowrap}.ipa:hover{color:var(--h)}
.hero .role{margin-top:12px}
.ipa svg{width:13px;height:13px;fill:currentColor;margin-left:5px;vertical-align:-1px}
/* site pages: 760px text column (~72ch at 17px), blog posts keep 880 */
.wrap{max-width:880px}
.ri li{margin:0 0 10px} .ri li p{margin:0}
.contact .mail{font:15.5px var(--f-body)}
.news{background:transparent}

/* unified body size (2026-10-18) */
#layout-content p,#layout-content li,.wrap p,.wrap li{font-size:18px}
.news li p,.pubs li p,.aw p,.ri li p{font-size:18px}
.nav .brand{font-size:21px} .nav a.l{font-size:16px}
.hero h1 .cn{white-space:nowrap}

/* quieter inline links (2026-10-18) */
.wrap p a,.wrap li a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(198,97,63,.45);text-decoration-thickness:1px;text-underline-offset:3px}
.wrap p a:hover,.wrap li a:hover{color:var(--h);text-decoration-color:var(--h)}
/* venue badges on publications (2026-10-19) */
.pubs .venue{display:inline-block;font:600 13px/1.6 var(--f-body);padding:0 8px;border-radius:5px;background:rgba(36,70,111,.10);color:#24466f;text-decoration:none;margin-right:4px;vertical-align:1px}
/* paper titles in theme rust, venue badges neutral (2026-10-19) */
.pubs a.ti{color:#b0532f;font-weight:500;text-decoration:none}
.pubs a.ti:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* blog list: no summaries; titles, dates, tags (user 2026-10-19) */
.bl .d{display:none}

/* publications: title 18px, authors/links 16px (like danqic/papers, user 2026-10-19) */
.pubs li,.pubs li p{font-size:16px}
.pubs li p a.ti{font-size:18px}