:root{font-family:-apple-system,BlinkMacSystemFont,'PingFang TC','Noto Sans TC',sans-serif;color:#14364b;background:#f3f9fc;color-scheme:light;--direction:1}*{box-sizing:border-box}body{margin:0;height:100svh;display:flex;flex-direction:column}body[data-direction=back]{--direction:-1}button{font:inherit;background:white;color:#16445d;border:1px solid #aac7d6;border-radius:8px;padding:8px 14px;cursor:pointer}button:disabled{opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid #de8e21;outline-offset:3px}header{height:46px;display:flex;gap:18px;align-items:center;background:white;border-bottom:1px solid #c9dce7;padding:0 24px;flex:none}header a{font-size:23px;font-weight:800;text-decoration:none;color:#1c64a5}header a span{font-size:15px;margin-left:12px;color:#405e70}#chapter{font-size:15px;color:#405e70;flex:1}nav button{font-size:16px}#stage{flex:1;min-height:0;overflow:auto}.slide{min-height:100%;width:100%;padding:14px 30px 16px;display:flex;flex-direction:column;gap:12px;position:relative;isolation:isolate;background:linear-gradient(125deg,#f9fcff,#e8f6f8);overflow:hidden}.slide-heading{position:relative;z-index:1}.slide-heading .eyebrow{display:none}.slide-heading h1{font-size:38px;line-height:1.22;margin:0 0 7px;color:#123b58}.slide-heading>p{font-size:25px;line-height:1.35;margin:0;color:#47677b}.slide-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:14px;position:relative;z-index:1}.core-visual{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center;min-width:0}.core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.core-item{position:relative;min-width:0;border-radius:9px;background:white;border:1px solid #c3d9e3;padding:14px 16px;align-content:center}.core-item h2{font-size:26px;line-height:1.3;margin:0;font-weight:750;color:#195578}.core-item p{font-size:25px;line-height:1.38;margin:9px 0 0;color:#204f58}.core-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.core-grid.count-7,.core-grid.count-8,.core-grid.count-9,.core-grid.count-11{grid-template-columns:repeat(4,minmax(0,1fr))}.core-grid.count-9{grid-template-columns:repeat(3,minmax(0,1fr))}.core-grid.count-7 .core-item,.core-grid.count-8 .core-item,.core-grid.count-9 .core-item,.core-grid.count-11 .core-item{padding:10px 13px}.core-grid.count-7 h2,.core-grid.count-8 h2,.core-grid.count-9 h2,.core-grid.count-11 h2{font-size:25px}.core-grid.count-7 p,.core-grid.count-8 p,.core-grid.count-9 p,.core-grid.count-11 p{font-size:24px;margin-top:6px}.student-explanation{flex:none;position:relative;z-index:1;border-top:3px solid #208b91;background:#e2f1f1;border-radius:0 0 8px 8px;padding:12px 17px}.student-explanation h2{font-size:24px;margin:0 0 6px;line-height:1.2;color:#006b70}.student-explanation p{font-size:25px;line-height:1.45;margin:0;color:#153d4e}.course-cover{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center}.course-cover h1{font-size:54px;line-height:1.25;margin:0;color:#174d77}.cover-subtitle{font-size:34px;margin:14px 0 25px}.cover-pillars{display:flex;gap:14px;font-size:26px;color:#006c70;font-weight:700}.cover-pillars span{border-bottom:3px solid #80c7c3;padding:9px 0}.course-event{font-size:28px;line-height:1.55;margin:25px 0 0}.course-cover>img{width:100%;height:390px;object-fit:contain;border-radius:12px;background:#e2f0f7}.picture{position:relative;overflow:hidden;flex:none;width:calc(var(--height)*3/var(--n));height:var(--height);max-width:100%;margin:auto;background:#eff6f8}.picture img{position:absolute;top:0;left:calc(var(--i)*-100%);width:calc(var(--n)*100%);max-width:none;height:100%;object-fit:fill}.work-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-examples figure{margin:0;background:white;padding:7px;border-radius:8px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.work-examples .picture{--height:112px}.work-examples figcaption{font-size:24px;line-height:1.35;font-weight:650}.case-visual{display:flex;justify-content:center;gap:12px;background:#fff;border:1px solid #c8dce6;border-radius:10px;padding:6px}.case-visual .picture{--height:160px;margin:0}.case-copy{grid-template-columns:1fr!important;gap:6px}.case-copy .core-item{display:grid;grid-template-columns:.65fr 1.8fr;gap:20px;padding:8px 12px}.case-copy h2{font-size:24px;line-height:1.3}.case-copy p{font-size:24px;line-height:1.3;margin:0}.core-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.core-story .picture{--height:220px}.core-story .core-item{padding:10px;align-content:start}.core-story h2{font-size:25px;margin-top:10px}.core-story p{font-size:25px;line-height:1.35}.parse-example{background:white;padding:10px 14px;border-left:4px solid #197fa0;display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center}.parse-example p{font-size:25px;line-height:1.4;margin:0}.parse-example>div{display:flex;flex-direction:column;gap:4px}.parse-example span{font-size:24px;line-height:1.3;background:#e4f4ec;padding:3px 10px}.prompt-material{display:grid;grid-template-columns:1fr 1fr;gap:20px}.prompt-material>section{background:white;border:1px solid #bdd8e2;border-radius:10px;padding:18px}.prompt-material>section:last-child{background:#e6f4ee}.prompt-material h2{font-size:26px;line-height:1.3;margin:0 0 10px}.prompt-material p,.prompt-material li{font-size:24px;line-height:1.4;margin:8px 0 15px}.prompt-material ul{margin:0;padding-left:27px}.prompt-material button{font-size:20px}.core-visual[data-kind=flow] h2 b{display:inline-block;font-size:22px;padding-right:9px;color:#00848b}.core-visual[data-kind=flow] .core-item{border-bottom:4px solid #4b989e}.core-visual[data-kind=comparison] .core-item p{border-left:3px solid #79b3b2;padding-left:12px}.core-visual[data-kind=classification] .core-item p{background:#eaf4f5;padding:6px 8px}.core-item p,.parse-example span,.prompt-material li{background-image:linear-gradient(#79babb,#79babb);background-repeat:no-repeat;background-position:0 100%;background-size:0% 3px;animation:semantic-read 7s ease-in-out infinite}.core-item:nth-child(2n) p,.prompt-material li:nth-child(2n){animation-delay:.8s}.core-item:nth-child(3n) p,.prompt-material li:nth-child(3n){animation-delay:1.6s}.core-item:nth-child(4n) p{animation-delay:2.4s}.core-visual[data-kind=flow] .core-item{animation:flow-step 7s ease-in-out infinite}.core-visual[data-kind=flow] .core-item:nth-child(2n){animation-delay:1s}.core-visual[data-kind=flow] .core-item:nth-child(3n){animation-delay:2s}.core-story .picture{animation:story-step 8s ease-in-out infinite}.core-story .core-item:nth-child(2) .picture{animation-delay:1.5s}.core-story .core-item:nth-child(3) .picture{animation-delay:3s}.core-story .core-item:nth-child(4) .picture{animation-delay:4.5s}@keyframes semantic-read{0%,20%,100%{background-size:0% 3px}40%,65%{background-size:100% 3px}}@keyframes flow-step{0%,100%{border-bottom-color:#4b989e}30%,50%{border-bottom-color:#c58120;box-shadow:0 3px #d0aa68}}@keyframes story-step{0%,100%{outline:3px solid transparent;outline-offset:0}25%,40%{outline:3px solid #128b91;outline-offset:2px}}.course-wash{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.course-wash:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#81cdd74d 45%,transparent 70%);animation:chapter-wash .7s ease-in-out both}body[data-transition=scene] .course-wash:after{animation-duration:.5s}body[data-transition=scene] .core-visual{animation:scene-step .5s ease-out both}@keyframes chapter-wash{from{translate:calc(var(--direction)*-100%) 0}to{translate:calc(var(--direction)*100%) 0}}@keyframes scene-step{from{translate:calc(var(--direction)*22px) 0}to{translate:0 0}}footer{height:54px;flex:none;display:flex;align-items:center;gap:10px;background:white;border-top:1px solid #b8cedc;padding:8px 24px;position:relative}.pager{margin-left:auto;display:flex;align-items:center;gap:18px}.pager output{font-size:18px}.page-progress{position:absolute;top:-2px;left:0;right:0;height:3px;background:#dce8ef}.page-progress i{height:100%;display:block;background:#13898d}.motion-paused *,.motion-paused *:after,.motion-paused *:before{animation-play-state:paused!important}#toast{position:fixed;bottom:70px;left:25%;right:25%;background:#194d6b;color:white;padding:15px;text-align:center;opacity:0;pointer-events:none}#toast.show{opacity:1}
@media(max-width:699px),(orientation:portrait){header{height:48px;padding:0 12px}header a span,#chapter{display:none}nav{margin-left:auto}.slide{padding:18px;overflow:visible}.slide-heading h1{font-size:31px}.slide-heading>p{font-size:24px}.core-grid,.core-grid.count-4,.core-grid.count-7,.core-grid.count-8,.core-grid.count-9,.core-grid.count-11,.course-cover,.core-story,.work-examples,.parse-example,.prompt-material{grid-template-columns:1fr}.core-item h2{font-size:26px}.core-item p,.student-explanation p{font-size:24px}.student-explanation{margin-top:12px}.course-cover h1{font-size:39px}.cover-subtitle{font-size:28px}.course-event{font-size:26px}.cover-pillars{flex-wrap:wrap;font-size:24px}.course-cover>img{height:auto;max-height:340px}.work-examples figure{grid-template-columns:130px 1fr}.work-examples .picture{--height:125px}.case-visual{flex-wrap:wrap}.case-copy .core-item{grid-template-columns:1fr;gap:5px}.case-copy p{padding-left:12px}.core-story .picture{--height:300px}.core-story .core-item{padding:15px}.prompt-material li{font-size:24px}.core-visual{gap:18px}footer{padding:8px;gap:5px}.pager{gap:8px}.pager button,footer>button{font-size:14px;padding:8px}.pager output{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:700px) and (orientation:landscape){.parse-example{grid-template-columns:1fr}.parse-example>div{flex-direction:row;gap:12px}.parse-example span{flex:1}.core-visual[data-kind=fields]{gap:8px}.core-visual[data-kind=fields] .core-grid{gap:8px}.core-visual[data-kind=fields] .core-item{padding:8px 12px}}
.cover-pillars span,.core-item h2:only-child{animation:semantic-read 7s ease-in-out infinite;background-image:linear-gradient(#79babb,#79babb);background-repeat:no-repeat;background-position:0 100%;background-size:0 3px}.cover-pillars span:nth-child(2){animation-delay:1.5s}.cover-pillars span:nth-child(3){animation-delay:3s}
@media(min-width:700px) and (orientation:landscape){.parse-example{gap:6px;padding:8px 14px}}
@media(min-width:700px) and (orientation:landscape){.core-visual:has(.case-visual){display:grid;grid-template-columns:190px 1fr;align-items:center;gap:18px}.case-visual{flex-direction:column;align-items:center;gap:8px;padding:6px}.case-visual .picture{--height:112px}.case-copy .core-item{grid-template-columns:1fr 2.3fr;padding:10px 12px}.case-copy .core-item p{line-height:1.4}}
@media(min-width:700px) and (orientation:landscape){.case-visual:has(.picture:nth-child(2):last-child) .picture{--height:170px}}
@media(max-width:699px),(orientation:portrait){#stage{overflow-x:hidden}.course-cover>*{min-width:0}.core-visual{min-width:0}body[data-transition=scene] .core-visual{animation:none}}