.tech-slide .slide-head{padding-top:12px;margin-bottom:20px}
.tech-slide .source-image{cursor:zoom-in;outline-offset:3px}
.tech-slide .eyebrow{font-size:20px;letter-spacing:0;max-width:560px}
.tech-slide h2{font-size:42px;line-height:1.25;padding-top:17px}
.tech-slide .subtitle{font-size:24px;margin-top:12px}
.tech-slide h4{margin:5px 0 3px;font-size:25px;font-weight:600;line-height:1.4}
.tech-slide .tech-framework{display:grid;grid-template-columns:380px minmax(0,1fr);gap:34px}
.tech-slide .tech-bench{display:flex;flex-direction:column;min-height:0}
.tech-slide .tech-bench>img{width:100%;height:365px;object-fit:contain;object-position:center;background:var(--paper)}
.tech-slide figcaption{font-size:20px;margin-top:9px;line-height:1.4}
.tech-slide .tech-photo-note{border-top:2px solid var(--accent);margin-top:23px;padding-top:16px}
.tech-slide .tech-photo-note strong{display:block;font-size:25px;color:var(--accent);font-weight:500}
.tech-slide .tech-photo-note span{display:block;color:var(--muted);font-size:22px;margin-top:8px}
.tech-slide .tech-layers{display:flex;flex-direction:column;min-height:0;gap:20px}
.tech-slide .tech-layer{border-top:2px solid var(--accent);padding-top:11px}
.tech-slide .tech-layer-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.tech-slide .tech-layer-title h3{font-size:27px;color:var(--accent)}
.tech-slide .tech-layer-title>span{font-size:20px;color:var(--muted)}
.tech-slide .tech-flow.four{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:8px;margin-top:10px;align-items:center}
.tech-slide .tech-flow article{text-align:center}
.tech-slide .tech-flow article>img{width:100%;height:110px;object-fit:contain}
.tech-slide .tech-flow p{font-size:20px;color:var(--muted);line-height:1.4}
.tech-slide .tech-flow i,.tech-slide .tech-research-flow>i{font-style:normal;color:var(--accent);font-size:29px;text-align:center}
.tech-slide .tech-model-type{height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent)}
.tech-slide .tech-model-type b{font-size:36px;font-weight:600;letter-spacing:1px}
.tech-slide .tech-model-type span{font-size:19px;letter-spacing:0;white-space:nowrap}
.tech-slide .tech-execution .tech-flow{margin-top:15px}
.tech-slide .tech-execution small{display:block;font-size:19px;color:var(--muted)}
.tech-slide .tech-feedback{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;font-size:19px;line-height:1.4}
.tech-slide .tech-feedback strong{font-weight:500;color:var(--accent)}
.tech-slide .tech-feedback i{font-style:normal;font-size:25px;color:var(--accent)}
.tech-slide .tech-boundary{font-size:19px;color:var(--muted);line-height:1.5;margin-top:auto}
.tech-slide .tech-evidence{display:grid;grid-template-columns:540px minmax(0,1fr);gap:40px}
.tech-slide .tech-vil>img{display:block;width:100%;height:315px;object-fit:contain;object-position:center;background:var(--paper)}
.tech-slide .tech-vil>p{font-size:22px;line-height:1.6;margin-top:18px;color:var(--muted)}
.tech-slide .tech-result-list{display:flex;flex-direction:column;justify-content:space-between;gap:15px}
.tech-slide .tech-result{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;padding-top:12px;border-top:1px solid var(--line);align-items:center;min-height:0}
.tech-slide .tech-result figure{height:160px;display:flex;align-items:center;justify-content:center}
.tech-slide .tech-result img{height:100%;width:100%;object-fit:contain;object-position:top center}
.tech-slide .tech-result-label{font-size:19px;color:var(--accent);line-height:1.3;display:block;margin-bottom:7px}
.tech-slide .tech-result h3{font-size:28px;line-height:1.3}
.tech-slide .tech-result h3 small{font-size:19px;color:var(--muted);font-weight:400;margin-left:8px}
.tech-slide .tech-result p{font-size:22px;line-height:1.5;margin-top:8px}
.tech-slide .tech-result-meta{display:flex;justify-content:space-between;font-size:19px;color:var(--muted);gap:12px;margin-top:9px}
.tech-slide .tech-collaboration{gap:18px}
.tech-slide .tech-research-flow{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;gap:12px;align-items:center;border-top:2px solid var(--accent);padding-top:12px}
.tech-slide .tech-research-flow article{text-align:center}
.tech-slide .tech-research-flow img,.tech-slide .tech-research-flow .tech-model-type{width:100%;height:135px;object-fit:contain}
.tech-slide .tech-research-flow h3{font-size:27px;line-height:1.3;margin-top:4px}
.tech-slide .tech-research-flow p{font-size:21px;color:var(--muted);margin-top:5px}
.tech-slide .tech-status{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:21px}
.tech-slide .tech-status strong{font-size:20px;font-weight:500;color:var(--accent);margin-right:12px}
.tech-slide .tech-partnership{display:grid;grid-template-columns:400px minmax(0,1fr);gap:35px;align-items:center;min-height:0;flex:1}
.tech-slide .tech-partnership figure{display:flex;flex-direction:column;min-height:0}
.tech-slide .tech-partnership img{display:block;width:100%;height:185px;object-fit:contain;background:var(--paper)}
.tech-slide .tech-partnership figcaption{font-size:18px}
.tech-slide .tech-partnership h3{font-size:28px}
.tech-slide .tech-partnership>div>p{font-size:24px;line-height:1.6;margin-top:10px}
.tech-slide .tech-role{display:flex;gap:18px;margin-top:18px;font-size:23px}
.tech-slide .tech-role>span{flex:none;color:var(--accent)}
@media(max-width:760px){
body.reading .tech-slide .slide-head{padding-top:0}
body.reading .tech-slide h2{font-size:29px;padding-top:0}
body.reading .tech-slide .subtitle{font-size:19px}
body.reading .tech-slide .tech-framework,body.reading .tech-slide .tech-evidence,body.reading .tech-slide .tech-partnership{grid-template-columns:1fr;gap:26px}
body.reading .tech-slide .tech-bench>img,body.reading .tech-slide .tech-vil>img{height:auto;max-height:400px}
body.reading .tech-slide .tech-photo-note{margin-top:14px;padding-top:12px}
body.reading .tech-slide .tech-photo-note strong{font-size:22px}
body.reading .tech-slide .tech-photo-note span,body.reading .tech-slide .tech-vil>p{font-size:19px}
body.reading .tech-slide .tech-layer-title{display:block}
body.reading .tech-slide .tech-layer-title h3{font-size:23px}
body.reading .tech-slide .tech-layer-title>span{font-size:17px}
body.reading .tech-slide .tech-flow.four,body.reading .tech-slide .tech-research-flow{grid-template-columns:1fr;gap:10px}
body.reading .tech-slide .tech-flow article{display:grid;grid-template-columns:105px 1fr;text-align:left;column-gap:16px;align-items:center}
body.reading .tech-slide .tech-flow article>img,body.reading .tech-slide .tech-flow .tech-model-type{grid-row:1/3;height:90px}
body.reading .tech-slide .tech-flow h4{font-size:22px;align-self:end}
body.reading .tech-slide .tech-flow p{font-size:18px;align-self:start}
body.reading .tech-slide .tech-flow i,body.reading .tech-slide .tech-research-flow>i{transform:rotate(90deg);font-size:23px}
body.reading .tech-slide .tech-execution .tech-flow article{display:block;text-align:center}
body.reading .tech-slide .tech-feedback{flex-wrap:wrap;justify-content:flex-start;font-size:17px}
body.reading .tech-slide .tech-boundary{font-size:17px;margin-top:10px}
body.reading .tech-slide .tech-result{grid-template-columns:85px minmax(0,1fr);gap:15px;padding-top:16px}
body.reading .tech-slide .tech-result figure{height:145px}
body.reading .tech-slide .tech-result h3{font-size:23px}
body.reading .tech-slide .tech-result h3 small{display:block;font-size:16px;margin:5px 0 0}
body.reading .tech-slide .tech-result p{font-size:18px}
body.reading .tech-slide .tech-result-label,body.reading .tech-slide .tech-result-meta{font-size:16px}
body.reading .tech-slide .tech-result-meta{flex-wrap:wrap}
body.reading .tech-slide .tech-status{display:block;font-size:18px}
body.reading .tech-slide .tech-status p+p{margin-top:8px}
body.reading .tech-slide .tech-research-flow img,body.reading .tech-slide .tech-research-flow .tech-model-type{height:150px}
body.reading .tech-slide .tech-partnership img{height:auto;max-height:300px}
body.reading .tech-slide .tech-partnership h3{font-size:24px}
body.reading .tech-slide .tech-partnership>div>p{font-size:19px}
body.reading .tech-slide .tech-role{font-size:19px}
}

.slide{--chapter-width:850px;--chapter-gap:20px;--chapter-track:calc((var(--chapter-width) - 4 * var(--chapter-gap))/5);--research-centre:calc(1600px - 72px - var(--chapter-width) + 2.5 * var(--chapter-track) + 2 * var(--chapter-gap))}
.chapter-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
#p10 .slide-head h2{max-width:640px}
#p12 .slide-head h2{max-width:640px}
.method-evidence{display:flex;flex-direction:column;margin:18px 0 14px;flex:none}
.method-evidence article{display:grid;grid-template-columns:560px minmax(0,1fr);gap:30px;padding:12px 0;border-top:1px solid var(--line);font-size:22px;line-height:1.45}
.method-evidence a{text-decoration:none;font-weight:600}.method-evidence p{font-size:22px}
#p12 .data-method{flex:0 0 auto;gap:16px}#p12 .data-path p{font-size:23px}#p12 .data-applications{font-size:24px}#p12 .winter-application{margin-top:auto}
html[lang=en] .chapter-nav,html[lang=vi] .chapter-nav{font-size:21px}
:is(html[lang=en],html[lang=vi]) .tech-slide h4{font-size:23px}
:is(html[lang=en],html[lang=vi]) .tech-slide .tech-flow p{font-size:19px}
:is(html[lang=en],html[lang=vi]) .tech-slide .tech-layer-title h3{font-size:25px}
:is(html[lang=en],html[lang=vi]) .tech-slide .tech-layer-title>span{font-size:18px}
:is(html[lang=en],html[lang=vi]) .tech-slide .tech-feedback{font-size:18px}
:is(html[lang=en],html[lang=vi]) .tech-slide .tech-boundary{font-size:18px}
:is(html[lang=en],html[lang=vi]) .tech-slide .tech-layers{gap:12px}
:is(html[lang=en],html[lang=vi]) .tech-slide .tech-flow article>img,:is(html[lang=en],html[lang=vi]) .tech-slide .tech-flow .tech-model-type{height:90px}
.tech-slide .tech-flow.four{align-items:start}
.tech-slide .tech-flow i{align-self:center}
:is(html[lang=en],html[lang=vi]) #p10 .slide-head h2{font-size:38px}
:is(html[lang=en],html[lang=vi]) #p12 .slide-head h2{font-size:38px}
:is(html[lang=en],html[lang=vi]) .method-evidence p{font-size:21px}
@media(max-width:760px){body.reading .method-evidence article{grid-template-columns:1fr;gap:8px}body.reading #p12 .data-path p{font-size:20px}body.reading #p10 .slide-head h2,body.reading #p12 .slide-head h2{max-width:none;font-size:29px}}
