section.slide{padding-top:74px;padding-bottom:28px}
.chapter-nav{top:46px}
.chapter-nav a{border-bottom:0;display:inline-flex;flex-direction:column;align-items:stretch}
.chapter-nav .seg{display:flex;gap:3px;margin-top:5px}
.chapter-nav .seg i{flex:1;height:4px;border-radius:3px;background:var(--line)}
.chapter-nav .seg i.done{background:var(--accent)}.chapter-nav .seg i.cur{background:#b86a18}
#p9 .slide-body{display:flex;flex-direction:column;gap:14px}
#p9 .method-layout{height:330px;flex:none}#p9 .diagram-canvas{max-height:100%}
#p9 .method-explain{gap:22px}
#p9 .support-strip{flex:none;margin-top:0}
.flow-line{display:flex;align-items:center;gap:12px;font-size:20px;color:var(--accent);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 4px;flex:none}
.flow-line i{font-style:normal;color:var(--muted)}.flow-line em{margin-left:auto;font-style:normal;color:var(--ink)}
#p10 .slide-head h2,#p12 .slide-head h2{max-width:none}
#p10 .data-method{flex:0 0 auto;gap:16px}#p10 .data-path p{font-size:23px}
#p10 .data-applications{font-size:24px}#p10 .winter-application{margin-top:auto}
.outputs-note{font-size:20px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:20px;line-height:1.45}
.tech-slide .tech-feedback{flex-wrap:wrap;justify-content:flex-start;column-gap:18px;row-gap:8px}
.cooperation-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:16px}
.cooperation-columns article{border-top:2px solid var(--accent);padding-top:20px}
.cooperation-columns h3{font-size:30px;color:var(--accent);margin-bottom:20px}
.cooperation-columns ul{padding-left:24px;margin:0;font-size:25px;line-height:1.6}
.cooperation-columns li+li{margin-top:16px}
.cooperation-foundation,.cooperation-status{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;padding-top:22px;border-top:1px solid var(--line)}
.cooperation-foundation{margin-top:50px}.cooperation-status{margin-top:26px}
.cooperation-foundation h3,.cooperation-status h3{font-size:25px;color:var(--accent)}
.cooperation-foundation p,.cooperation-status p{font-size:24px;line-height:1.5}
:is(html[lang=en],html[lang=vi]) .cooperation-columns h3{font-size:27px}
:is(html[lang=en],html[lang=vi]) .cooperation-columns ul{font-size:22px;line-height:1.5}
:is(html[lang=en],html[lang=vi]) .cooperation-foundation p,:is(html[lang=en],html[lang=vi]) .cooperation-status p{font-size:22px;line-height:1.45}
:is(html[lang=en],html[lang=vi]) .cooperation-foundation h3,:is(html[lang=en],html[lang=vi]) .cooperation-status h3{font-size:23px}
:is(html[lang=en],html[lang=vi]) #p10 .data-path p{font-size:21px}
:is(html[lang=en],html[lang=vi]) .flow-line{font-size:17px;gap:10px}
:is(html[lang=en],html[lang=vi]) .flow-line em{max-width:540px}
:is(html[lang=en],html[lang=vi]) #p3 .metrics h3{font-size:24px;min-height:64px}
html[lang=vi] #p3 .metrics p{font-size:20px}
@media(max-width:760px){
 body.reading section.slide{padding:30px 22px}
 body.reading .chapter-nav{position:static}
 body.reading #p9 .method-layout{height:auto;flex:auto}
 body.reading #p9 .support-strip{margin-top:12px}
 body.reading .flow-line{flex-wrap:wrap;font-size:18px;gap:8px}
 body.reading .flow-line em{margin-left:0;max-width:none;flex-basis:100%}
 body.reading .cooperation-columns{grid-template-columns:1fr;gap:24px}
 body.reading .cooperation-columns h3{font-size:24px;margin-bottom:12px}
 body.reading .cooperation-columns ul{font-size:20px}
 body.reading .cooperation-foundation,body.reading .cooperation-status{grid-template-columns:1fr;gap:10px;margin-top:26px}
 body.reading .cooperation-foundation p,body.reading .cooperation-status p{font-size:20px}
 body.reading #p10 .slide-head h2,body.reading #p12 .slide-head h2{max-width:none}
 body.reading #p10 .data-path p{font-size:20px}
 body.reading .outputs-note{font-size:18px}
}
@media print{section.slide,section.slide[hidden],body.reading section.slide{padding:74px 72px 28px;break-inside:avoid}section.slide.flagship-case{padding:74px 72px 28px!important}.slide:last-child{break-after:auto}}
#p3 .metrics{padding-bottom:24px}
#p3 .metrics strong{font-size:78px}
:is(html[lang=en],html[lang=vi]) #p3 .metrics h3{min-height:52px}
#p3 .outputs-note{margin-top:12px;padding-top:10px}
#p3 .source-line{padding-top:14px}
:is(html[lang=en],html[lang=vi]) #p15 .deployment img{flex:0 1 auto;height:300px;max-height:300px}
:is(html[lang=en],html[lang=vi]) #p15 .deployment .explain{gap:16px}
:is(html[lang=en],html[lang=vi]) #p15 .deployment .explain h3{font-size:26px;margin-bottom:6px}
:is(html[lang=en],html[lang=vi]) #p15 .deployment .explain p{font-size:22px;line-height:1.45}
:is(html[lang=en],html[lang=vi]) #p15 .scale p{font-size:22px;line-height:1.4}
:is(html[lang=en],html[lang=vi]) #p15 .takeaway{font-size:23px;line-height:1.4;margin-top:12px;padding-top:12px}
@media(max-width:760px){
 body.reading #p3 .metrics strong{font-size:76px}
 :is(html[lang=en],html[lang=vi]) body.reading #p3 .metrics h3{min-height:0}
 :is(html[lang=en],html[lang=vi]) body.reading #p15 .deployment img{height:auto;max-height:none;flex:none}
 :is(html[lang=en],html[lang=vi]) body.reading #p15 .deployment .explain p{font-size:19px}
}
html[lang=en] .tech-slide .tech-feedback{font-size:17px;padding:10px 0;gap:7px 10px}
html[lang=en] .tech-slide .tech-flow article>img,html[lang=en] .tech-slide .tech-flow .tech-model-type{height:80px}
html[lang=en] .tech-slide .tech-layers{gap:10px}
html[lang=en] .tech-slide .tech-boundary{font-size:17px;line-height:1.35;margin-top:4px}