
.slide{position:relative}
.chapter-nav{position:absolute;top:56px;right:72px;display:flex;align-items:center;justify-content:flex-end;gap:18px;max-width:610px;font-size:17px;line-height:1.7;z-index:1}
.chapter-nav a{color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.chapter-nav a:hover{color:var(--accent)}
.chapter-nav a.is-current{color:var(--accent);font-weight:700;border-bottom-color:var(--accent)}


.career-timeline{--group-width:116px;--group-gap:16px;--logo-width:48px;--detail-width:280px;--date-width:180px;--row-gap:14px;display:flex;flex-direction:column;gap:8px;width:100%;margin-top:3px}
.career-axis{display:grid;grid-template-columns:calc(var(--group-width) + var(--group-gap) + var(--logo-width) + var(--row-gap) + var(--detail-width)) var(--date-width) minmax(0,1fr);gap:var(--row-gap);height:40px;align-items:start;font-size:18px;color:var(--muted)}
.axis-spacer{padding-left:calc(var(--group-width) + var(--group-gap))}
.axis-years{position:relative;height:33px;border-bottom:1px solid var(--line);margin-top:0}
.axis-years span{position:absolute;top:0;transform:translateX(-50%);font-size:18px;line-height:25px;font-variant-numeric:tabular-nums}
.axis-years span:first-child{transform:none}
.axis-years span:last-child{transform:translateX(-100%)}
.axis-years span::after{content:"";position:absolute;bottom:-8px;left:50%;height:5px;border-left:1px solid var(--line)}
.axis-years span:first-child::after{left:0}
.axis-years span:last-child::after{left:auto;right:0}
.career-group{display:grid;grid-template-columns:var(--group-width) minmax(0,1fr);gap:var(--group-gap);--career-color:var(--accent)}
.career-group.work{--career-color:#476A91}
.career-group.visiting{--career-color:#9A7243}
.career-group>h3{font-size:23px;line-height:1.45;color:var(--career-color);padding-top:13px;font-weight:600}
.career-rows{display:flex;flex-direction:column}
.career-row{display:grid;grid-template-columns:var(--logo-width) var(--detail-width) var(--date-width) minmax(0,1fr);gap:var(--row-gap);align-items:center;min-height:63px;height:63px;border-bottom:1px solid var(--line)}
.career-row .institution-logo{--logo-size:48px}
.career-detail h3{font-size:24px;line-height:1.25;font-weight:600}
.career-detail p{font-size:20px;line-height:1.35;color:var(--muted);margin-top:2px}
.career-kind{display:none}
.career-row time{font-size:20px;color:var(--muted);line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}
.career-track{position:relative;height:24px}
.career-track::before{content:"";position:absolute;left:0;right:0;top:12px;border-top:1px solid #DDE3E0}
.career-bar{position:absolute;left:var(--start,0%);width:var(--duration,100%);top:8px;height:9px;border-radius:5px;background:var(--career-color)}
.career-bar::before,.career-bar::after{content:"";position:absolute;top:50%;width:9px;height:9px;border-radius:50%;background:var(--career-color);transform:translateY(-50%)}
.career-bar::before{left:0}
.career-bar::after{right:0}
.career-bar.ongoing::after{width:0;height:0;right:-1px;border-radius:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid var(--career-color);background:none}

.project-source{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;font-size:21px;line-height:1.35;border-top:1px solid var(--line);padding-top:10px;margin-top:12px;flex:none}
.project-source>span,.project-source>label{color:var(--accent);font-weight:600;white-space:nowrap}
.project-source p{font-size:21px;line-height:1.35}
.project-source strong{font-weight:600}
.project-source p>span{display:block;color:var(--muted)}
.winter-application{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px;background:var(--paper);border-top:1px solid var(--line);padding:14px 20px;font-size:22px;line-height:1.45;flex:none}
.winter-application b{color:var(--accent);font-weight:600;white-space:nowrap}
.winter-application p{font-size:22px;line-height:1.45}

.collaboration-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:76px;flex:1;min-height:0;padding-top:8px}
.collab-invite{display:flex;flex-direction:column;align-items:flex-start;padding-right:10px}
.invite-lead{font-size:38px;line-height:1.5;max-width:650px;margin-bottom:32px;font-weight:500}
.collab-invite h3{font-size:25px;color:var(--accent);margin-bottom:12px}
.collab-invite ul{margin:0 0 24px;padding-left:1.2em;font-size:25px;line-height:1.65}
.collab-invite li+li{margin-top:10px}
.contact-cta{font-size:30px;line-height:1.5;font-weight:600;margin-top:auto;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:4px}
.contact-address{font-size:22px;color:var(--muted);line-height:1.5;margin-top:12px;overflow-wrap:anywhere}
.collab-methods{display:flex;flex-direction:column}
.collab-methods>h3{font-size:25px;color:var(--accent);padding-bottom:15px}
.collab-methods article{display:grid;grid-template-columns:43px minmax(0,1fr);gap:18px;border-top:1px solid var(--line);padding:25px 0;flex:1}
.collab-methods article>span{font-size:23px;color:var(--muted);padding-top:4px}
.collab-methods h4{font-size:30px;line-height:1.4;font-weight:600;margin:0 0 12px}
.collab-methods p{font-size:25px;line-height:1.6}

@media(max-width:1100px){
 body.reading .chapter-nav{position:static;justify-content:flex-start;flex-wrap:wrap;gap:7px 17px;max-width:100%;font-size:16px;margin-bottom:23px;flex:none}
 body.reading .career-timeline{display:flex;gap:0;padding-left:17px;position:relative;margin-top:0}
 body.reading .career-timeline::before{content:"";position:absolute;left:4px;top:14px;bottom:28px;border-left:1px solid var(--line)}
 body.reading .career-axis,body.reading .career-group>h3{display:none}
 body.reading .career-group,body.reading .career-rows{display:contents}
 body.reading .career-row{position:relative;order:var(--career-order,0);grid-template-columns:48px minmax(0,1fr);column-gap:13px;row-gap:3px;height:auto;min-height:100px;padding:16px 0;align-items:center}
 body.reading .career-row::before{content:"";position:absolute;left:-17px;top:27px;width:9px;height:9px;border-radius:50%;background:var(--career-color);border:2px solid var(--paper)}
 body.reading .career-row .institution-logo{--logo-size:48px;grid-row:1 / 3;align-self:start}
 body.reading .career-row time{grid-column:2;font-size:18px;white-space:normal}
 body.reading .career-detail h3{font-size:23px;line-height:1.4}
 body.reading .career-detail p{font-size:20px;line-height:1.5}
 body.reading .career-kind{display:block;color:var(--career-color);font-size:16px;line-height:1.5;margin-bottom:2px}
 body.reading .career-track{display:none}
 body.reading .collaboration-layout{gap:36px}
 body.reading .invite-lead{font-size:32px}
}
@media(max-width:760px){
 body.reading .project-source{grid-template-columns:minmax(0,1fr);gap:7px;margin-top:24px;padding-top:17px;font-size:21px}
 body.reading .project-source p{font-size:21px;line-height:1.55;overflow-wrap:anywhere}
 body.reading .project-source>span{width:auto}
 body.reading .winter-application{grid-template-columns:minmax(0,1fr);gap:7px;padding:16px;font-size:21px}
 body.reading .winter-application p{font-size:21px;line-height:1.55}
 body.reading .collaboration-layout{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:0}
 body.reading .collab-invite{padding:0}
 body.reading .invite-lead{font-size:26px;line-height:1.5;margin-bottom:26px}
 body.reading .collab-invite h3{font-size:24px}
 body.reading .collab-invite ul{font-size:22px;line-height:1.65;margin-bottom:26px}
 body.reading .contact-cta{font-size:26px;margin-top:6px}
 body.reading .contact-address{font-size:20px}
 body.reading .collab-methods>h3{font-size:24px}
 body.reading .collab-methods article{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:23px 0}
 body.reading .collab-methods article>span{font-size:20px}
 body.reading .collab-methods h4{font-size:26px;margin-bottom:10px}
 body.reading .collab-methods p{font-size:22px;line-height:1.6}
}
