/* Optional presentation paging; catalog/forms retain ordinary document scrolling. */
html.mass-page-mode{scroll-snap-type:y mandatory!important;scroll-padding:0!important;scroll-behavior:auto}.mass-paging-managed .screen-rail:not(.mass-page-rail),.mass-free-mode .mass-page-rail{display:none!important}
.mass-page-mode #main>[data-page-screen]{box-sizing:border-box;height:100svh!important;min-height:100svh!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden;scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0!important;overscroll-behavior-y:auto}
.mass-page-mode #main>[data-page-screen]:not(.hero):not(.page-hero){display:flex!important;flex-direction:column;justify-content:flex-start;padding-block:108px 40px!important}
.mass-page-mode #main>[data-page-screen]:not(.hero):not(.page-hero)>*{flex-shrink:0;margin-block:auto;width:100%}
.mass-page-mode #main>[data-page-screen]>.container{max-width:min(1160px,calc(100% - 104px))}
.mass-page-mode #main>[data-page-screen] .heading{margin-bottom:24px}
.mass-page-mode #main>[data-page-screen] .heading h2{margin-bottom:12px}
.mass-page-mode #main>[data-page-screen]:focus-visible{outline:3px solid #b47b48;outline-offset:-4px}
.mass-page-mode #main>#welcome{height:100svh!important;min-height:100svh!important;padding-block:140px 100px}
.mass-page-mode .footer{box-sizing:border-box;min-height:100svh;scroll-snap-align:start;padding-block:100px 80px;display:flex;flex-direction:column;justify-content:center}
.mass-page-mode .footer>*{flex-shrink:0}
.mass-page-mode .mass-page-rail{position:fixed;inset:50% 12px auto auto;transform:translateY(-50%);z-index:95;display:flex!important;flex-direction:column;align-items:center;gap:0;padding:8px 0;max-height:calc(100svh - 250px);overflow:visible;background:#fffef9e8;box-shadow:0 3px 20px #35132018;border:1px solid #dfd0d0;border-radius:28px}
.mass-page-rail .mass-page-dot{position:relative;display:grid;place-items:center;width:40px;height:32px;min-height:32px;flex-shrink:0;cursor:pointer;border:0;background:transparent;border-radius:50%;padding:0;color:#651b30}
.mass-dot-mark{display:block;width:7px;height:7px;border-radius:50%;background:#bfa9af;transition:transform .18s,background .18s}
.mass-page-dot[aria-current] .mass-dot-mark{background:#781c35;transform:scale(1.55);box-shadow:0 0 0 4px #781c3515}
.mass-dot-label{position:absolute;right:48px;top:50%;transform:translateY(-50%);white-space:normal;width:max-content;max-width:min(280px,calc(100vw - 80px));padding:7px 12px;background:#fffdf8;color:#5d2335;border:1px solid #dfd0d0;border-radius:8px;box-shadow:0 3px 16px #35132018;font-size:12px;opacity:0;visibility:hidden;pointer-events:none}
.mass-page-dot:hover .mass-dot-label,.mass-page-dot:focus-visible .mass-dot-label{opacity:1;visibility:visible}.mass-page-dot:hover .mass-dot-mark{background:#781c35}.mass-page-dot:focus-visible{outline:2px solid #b47b48;outline-offset:-2px}
.mass-page-mode .float-tools{display:none!important}
.mass-page-mode .mass-page-rail{max-height:none;overflow:visible}
.mass-page-mode .mass-page-dot{height:clamp(24px,calc((100svh - 250px)/var(--mass-stop-count,6)),40px);min-height:24px}
@media(min-width:761px) and (max-height:1000px){
 .mass-page-mode #main>[data-page-screen]:not(.hero):not(.page-hero){padding-block:104px 28px!important}
 .mass-page-mode #main>[data-page-screen] .heading{margin-bottom:18px}
 .mass-page-mode #main>[data-page-screen] .heading h2{font-size:clamp(28px,3vw,38px);margin-bottom:8px}
 .mass-page-mode #projects .card-image,.mass-page-mode #pathways .card-image{height:clamp(130px,21svh,170px)!important;min-height:0;aspect-ratio:auto!important}
 .mass-page-mode #projects .card-image img,.mass-page-mode #pathways .card-image img{height:100%!important;aspect-ratio:auto;object-fit:contain!important}
 .mass-page-mode #projects .card-body,.mass-page-mode #pathways .card-body{padding:16px 20px}
 .mass-page-mode #projects .card-body h3,.mass-page-mode #pathways .card-body h3{font-size:22px;margin-block:0 8px}
 .mass-page-mode #projects .card-body p,.mass-page-mode #pathways .card-body p{line-height:1.65;margin-block:0 12px}
 .mass-page-mode #projects .tabs{margin-bottom:18px}
 .mass-page-mode #projects .card-body{padding-block:12px}
 .mass-page-mode #projects .heading{margin-bottom:12px}
 .mass-page-mode #projects .tabs{margin-bottom:12px}
 .mass-page-mode #projects .heading p{margin-block:8px 0;line-height:1.6}
 .mass-page-mode #projects .heading .eyebrow{margin-bottom:8px}
 .mass-page-mode #projects .human-other-paths{margin-top:6px}
 .mass-page-mode #projects .cards-track{padding-bottom:8px}
 .mass-page-mode #pathways .actions{margin-top:18px}
 .mass-page-mode #why-china .heading,.mass-page-mode #short-courses .heading{margin-bottom:16px}
 .mass-page-mode #why-china .card-image,.mass-page-mode #short-courses .card-image{height:140px!important;min-height:0;aspect-ratio:auto!important}
 .mass-page-mode #why-china .card-image img,.mass-page-mode #short-courses .card-image img{height:100%!important;object-fit:contain!important}
 .mass-page-mode #why-china .card-body,.mass-page-mode #short-courses .card-body{padding:16px 20px}
 .mass-page-mode #why-china .reason{padding:18px 22px}
 .mass-page-mode #why-china .reason h3{margin-block:8px;font-size:22px}
 .mass-page-mode #why-china .reason p{margin-block:8px;line-height:1.65}
 .mass-page-mode #why-china .reason .number{display:none;margin:0}
 .mass-page-mode #why-china .feature-icon{margin-bottom:4px}
 .mass-page-mode #pathways .programme-group>h3{margin-bottom:12px}
 .mass-page-mode #pathways .heading p{margin-block:8px 0;line-height:1.6}
 .mass-page-mode #main>[data-page-screen] .faq details{padding:8px 20px}
 .mass-page-mode #main>[data-page-screen] .faq summary{padding:4px 20px 4px 0;min-height:44px;box-sizing:border-box;align-content:center}
 .mass-page-mode .human-feature-photo img{max-height:42svh;width:100%;object-fit:contain}
 .mass-page-mode .human-steps{gap:20px}
 .mass-page-mode .human-guide-card{padding:22px}
 .mass-page-mode .mass-page-rail{padding-block:5px;max-height:none}
 .mass-page-rail .mass-page-dot{height:clamp(24px,4svh,30px);min-height:24px}
}
.mass-free-mode{scroll-snap-type:none!important}.mass-free-mode #main>[data-page-screen]{height:auto!important;max-height:none!important;overflow:visible!important;min-height:0!important}.mass-free-mode #main>[data-page-screen]:not(.hero):not(.page-hero){padding-block:76px 60px!important;display:block!important}
.mass-scroll-control{position:fixed;right:18px;bottom:20px;z-index:110;background:#fffdf8;color:#5d2335;border:1px solid #d9c6ca;border-radius:14px;box-shadow:0 5px 24px #35132021;font-family:inherit;max-width:calc(100vw - 32px)}
.mass-scroll-control>summary{list-style:none;cursor:pointer;padding:12px 15px;min-height:46px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;font-weight:650}.mass-scroll-control>summary::-webkit-details-marker{display:none}.mass-scroll-panel{width:270px;max-width:calc(100vw - 34px);padding:2px 16px 16px;box-sizing:border-box}.mass-scroll-panel p{font-size:12px;line-height:1.7;margin:12px 0;color:#706069}.mass-mode-options{display:flex;gap:6px;margin-top:12px}.mass-scroll-control button{font:inherit;min-height:44px;cursor:pointer;border:1px solid #dbc9ce;border-radius:8px;background:#fff;color:#6b273b;padding:9px 12px;font-size:13px}.mass-scroll-control button[aria-pressed=true]{background:#6b1a2b;border-color:#6b1a2b;color:#fff}.mass-scroll-control button:disabled{opacity:.4;cursor:default}.mass-page-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}.mass-page-controls span{font-size:13px}.mass-scroll-control :focus-visible{outline:3px solid #b47b48;outline-offset:3px}.mass-paging-managed .float-tools{bottom:94px!important}
@media(max-width:760px){.mass-scroll-control{bottom:calc(78px + env(safe-area-inset-bottom));right:14px}.mass-paging-managed .float-tools{bottom:calc(150px + env(safe-area-inset-bottom))!important}.mass-page-mode #main>[data-page-screen]:not(.hero):not(.page-hero){padding-block:96px 105px!important}.mass-page-mode #main>[data-page-screen]>.container{max-width:calc(100% - 48px);margin-inline:16px}.mass-free-mode #main>[data-page-screen]:not(.hero):not(.page-hero){padding-block:44px!important}.mass-page-mode .footer{padding-block:110px 150px}.mass-page-mode .mass-page-rail{right:3px;padding:5px 0;border:0;background:#fffdf8c9;box-shadow:none;max-height:none}.mass-page-rail .mass-page-dot{width:28px;height:28px;min-height:28px}.mass-dot-mark{width:5px;height:5px}.mass-dot-label{right:32px}}
@media(prefers-reduced-motion:reduce){.mass-page-mode{scroll-behavior:auto!important}}