/* Mobile composition: reading order, touch targets, and consistent spacing. */
@media screen and (max-width:760px){
html{scroll-padding-top:84px}body{overflow-wrap:break-word}body>header,.future-page>header{height:72px;padding:0 20px;gap:12px;position:relative;z-index:100;flex-wrap:nowrap}.brand,.future-page header .brand{font-size:15px;letter-spacing:0;gap:9px;min-width:0}.brand small{display:none}.brandmark{flex-shrink:0;width:32px;height:43px}.menu,.future-page .menu{width:44px;height:44px;flex:0 0 44px;margin-left:auto;padding:0;font-size:25px}body>header>.join-trigger,.future-page header>.join-trigger{display:none}body>header nav,.future-page>header nav{top:72px;left:0;right:0;padding:16px 20px 24px;margin:0;box-shadow:0 20px 30px #32251b14;gap:5px;max-height:calc(100dvh - 72px);overflow:auto}header nav.open{display:grid;grid-template-columns:1fr 1fr}header nav a,.future-page nav a{font-size:16px;min-height:48px;padding:13px 14px;border-radius:5px;white-space:normal}header nav a.active{background:#eee0d7}header nav a.active:after{display:none}header nav .mobile-menu-join{grid-column:1/-1;display:flex;min-height:48px;justify-content:center;align-items:center;gap:20px;background:#c64c3d;color:#fff7ef;border:0;border-radius:5px;font:inherit;margin-top:10px}
.wrap,body[data-page] .wrap{padding-left:20px;padding-right:20px}.button,.join-primary,.text-action{min-height:48px;font-size:16px}.button{padding:13px 18px;gap:18px}.actions{flex-wrap:wrap;gap:12px}.actions>.button{flex:1 1 130px}.page-hero h1,body[data-page] .page-hero h1{font-size:36px;line-height:1.35;letter-spacing:-.035em}body[data-page] .page-hero{padding:40px 0 28px;margin-bottom:28px}.page-hero p,body[data-page] .page-hero p{font-size:16px;line-height:1.85}.page-hero p br{display:none}.notice{font-size:14px;line-height:1.8;padding:16px}.prose,.feature p,.values p{font-size:16px;line-height:1.85}.section-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}.section-heading h2{font-size:28px;line-height:1.4}.section-heading p{font-size:15px;max-width:none}.textlink{font-size:15px;min-height:44px;display:inline-flex;align-items:center}.tags span{font-size:13px}.feature{gap:24px;margin:40px 0 52px}.feature h2,.future-lower h2{font-size:31px;line-height:1.4;letter-spacing:-.035em}.feature .eyebrow{display:none}
.future-hero{padding:24px 20px}.future-top{display:none}.future-grid{margin:0;gap:0}.future-label{font-size:14px;letter-spacing:1px}.future-grid h1{font-size:clamp(42px,11.5vw,64px);line-height:1.16;letter-spacing:-.055em;margin:22px 0}.future-desc{font-size:16px;line-height:1.85;margin:22px 0}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-actions .join-primary{justify-content:center;padding:14px 12px;gap:14px}.hero-actions .future-action{font-size:15px;gap:12px;justify-content:center;min-height:48px}.ink-stage{height:clamp(240px,72vw,380px);margin:18px 0 8px}.future-bottom{padding-top:17px;font-size:11px;letter-spacing:0;gap:15px}.future-bottom span:nth-child(2){display:none}.future-ticker{font-size:15px;letter-spacing:2px;padding:14px 0}.future-statement{padding:50px 20px}.future-statement>small{display:none}.future-statement h2{font-size:36px;line-height:1.4;margin:0 0 24px;letter-spacing:-.04em}.future-statement p{font-size:16px;line-height:1.9}.future-statement>div{gap:20px}.future-library{padding:45px 0 28px}.future-library>div:first-child{padding:0 20px}.future-library h2{font-size:34px;line-height:1.35}.future-library p{font-size:15px;line-height:1.85}.library-heading{flex-wrap:wrap;gap:14px}.shelf-controls>span{font-size:13px;line-height:1.6}.layered-shelf{height:470px}.layered-shelf .exhibit-book h3{font-size:22px}.layered-shelf .exhibit-book p{font-size:15px}.layered-shelf .exhibit-book>span{font-size:14px}.future-lower{padding:0 20px}.quickbar{gap:16px 0}.quickbar b{font-size:16px}.quickbar small{font-size:12px;line-height:1.6}.quickbar a{gap:10px}.quickbar .icon{display:none}.future-finale{padding:40px 20px 26px}.future-finale>a{font-size:clamp(38px,10vw,60px);letter-spacing:-.04em;padding-right:38px;line-height:1.35}.future-finale b{font-size:38px}.future-finale p{font-size:11px;line-height:1.8;letter-spacing:0}
/* Replace the miniaturized desktop diagram with a readable four-stage sequence. */
.path-experience{padding:44px 20px 30px}.path-heading h2{font-size:34px;line-height:1.35}.journey-sculpture{display:none}.path-visible-stages{grid-template-columns:1fr;gap:0;padding:26px 0 12px;counter-reset:stage}.path-visible-stages article{position:relative;padding:24px 0 26px 48px;text-align:left;border-top:1px solid #d9c5b3;counter-increment:stage}.path-visible-stages article:before{content:'0' counter(stage);position:absolute;left:0;top:27px;font:18px CommunityMono,monospace;color:#b6604a}.path-visible-stages article>small{display:block;font-size:15px;line-height:1.6;color:#925e49;margin:0 0 10px}.path-visible-stages h3{font-size:26px;text-align:left;margin:0 0 12px;line-height:1.4}.path-visible-stages p{display:block;min-height:0;text-align:left;font-size:16px;line-height:1.8;margin:0 0 16px}.path-visible-stages article>div{justify-items:stretch;gap:3px}.path-visible-stages a{display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:16px;min-height:44px;padding:9px 0}.path-visible-stages a span{display:inline;position:static;font-size:17px}.path-continuum{gap:20px;padding:26px 0;flex-wrap:wrap}.path-continuum h3{font-size:24px;line-height:1.45}.path-continuum p{font-size:15px;line-height:1.7}.continuum-line{order:3;flex-basis:100%;max-width:none;margin:0}.continuum-arrow{margin-left:auto}.path-extensions{display:grid;gap:4px;padding:20px 0;font-size:15px}.path-extensions>span{font-size:14px;line-height:1.7;margin-bottom:8px}.path-extensions a{display:flex;align-items:center;min-height:44px}.path-note{font-size:13px;line-height:1.8}
.textbooks-hero{padding:40px 20px 30px}.textbooks-hero h1{font-size:40px;line-height:1.25;letter-spacing:-.035em}.textbook-lead{font-size:16px;line-height:1.85}.textbook-stats{gap:20px;font-size:14px}.textbook-stats b{font-size:26px}.textbook-actions{gap:14px;margin:24px 0}.stage-jump,.textbook-consult{font-size:15px;min-height:44px}.catalog-main{padding:35px 20px}.catalog-intro h2{font-size:28px}.catalog-intro p{font-size:16px;line-height:1.8}.catalog-grid{gap:30px 16px;margin:28px 0}.catalog-cover{height:auto;aspect-ratio:3/4;padding:12px;margin-bottom:14px}.catalog-item h3{font-size:19px;line-height:1.5;margin:9px 0}.catalog-item small{font-size:12px;line-height:1.6}.catalog-item p{font-size:14px;line-height:1.75}.catalog-item>span{font-size:14px;min-height:44px;display:flex;align-items:center;margin-top:8px}.catalog-end h2{font-size:27px;line-height:1.4}.catalog-end p,.catalog-end small,.catalog-note{font-size:14px;line-height:1.8}.book-detail{padding:24px 20px 40px}.detail-top{font-size:14px;align-items:center;gap:16px}.detail-top a{min-height:44px;display:flex;align-items:center}.detail-hero{gap:28px;margin:20px 0 40px}.motion-detail .detail-cover.volume-deck{height:clamp(340px,108vw,460px)}.volume-caption{left:7%;right:7%;font-size:14px;line-height:1.5}.volume-deck .volume-nav{width:15%;min-width:44px;opacity:.8}.detail-copy h1{font-size:34px;line-height:1.35;margin:16px 0}.detail-copy h2{font-size:23px;line-height:1.5}.detail-copy small{font-size:14px;letter-spacing:0}.detail-copy>p{font-size:16px;line-height:1.9}.detail-copy .join-primary{width:100%;justify-content:space-between}.detail-badges{gap:8px;margin:20px 0}.detail-badges span{font-size:13px}.detail-copy p.detail-footnote{font-size:13px;line-height:1.8}.detail-learning{padding:32px 0}.detail-learning>small,.content-heading small,.content-closeup>small{display:none}.detail-learning h2,.content-heading h2{font-size:28px;line-height:1.4;margin:0 0 25px}.detail-learning article{padding:22px;display:flex;align-items:baseline;gap:20px}.detail-learning h3{font-size:18px;margin:0}.detail-learning article span{font-size:24px}.content-showcase{margin:15px 0 40px;padding-top:32px}.content-heading p{font-size:14px;line-height:1.8}.content-heading label{font-size:14px}.content-volume{font-size:16px;min-height:48px}.content-paper{padding:10px}.content-paper figcaption{font-size:13px;line-height:1.6}.content-closeup h3{font-size:25px;line-height:1.4}.content-tabs button{font-size:15px;min-height:44px;line-height:1.5}.content-feature-title{font-size:21px;line-height:1.5}.content-feature-description{font-size:16px;line-height:1.9}.detail-next a{font-size:16px;min-height:48px;display:flex;align-items:center}
.about-opening,.about-chapter,.about-path-section{padding:44px 20px}.about-kicker{font-size:13px;letter-spacing:0;line-height:1.7;margin-bottom:20px}.about-editorial h1{font-size:36px;line-height:1.4;letter-spacing:-.035em}.about-editorial h2{font-size:28px;line-height:1.45}.about-editorial p{font-size:16px;line-height:1.9}.about-opening-grid{gap:28px}.about-member{padding:28px}.about-member strong{font-size:84px}.member-dots{gap:5px}.teacher-path{gap:22px;margin-top:30px}.teacher-path li{padding-top:20px}.teacher-path h3{margin:12px 0;font-size:23px}.teacher-path li>span{font-size:25px}.training-topics{gap:10px;margin-top:26px}.training-topics button{padding:16px 12px;min-height:60px;gap:8px}.training-topic-detail{padding:24px 20px}.training-topic-detail h3{font-size:24px;line-height:1.5}.archive-line{grid-template-columns:1fr;gap:24px;margin:30px 0}.archive-line h3{font-size:23px}.archive-line small{font-size:14px}.about-brush strong{white-space:normal;line-height:1.5}.about-brush p{margin-top:14px}.about-join button,.live-support button{width:100%;min-height:48px;padding:15px}.support-map{gap:5px;margin-top:25px}.support-map h3{font-size:23px}
.member-intro{padding:28px 24px}.chapter-mark{font-size:70px}.collection-row{gap:12px;grid-template-columns:25px minmax(0,1fr) 24px}.collection-row h3{font-size:24px}.collection-row p{font-size:16px}.collection-row small{font-size:14px}.filters{gap:9px;margin-bottom:24px}.filters button{min-height:44px;padding:11px 17px;font-size:15px}.resource-card .content{padding:24px!important}body[data-page] .resource-card h3{font-size:24px}body[data-page] .resource-card p{font-size:16px;min-height:0}.resource-link,.resource-card button{min-height:48px}.service-gateway{gap:20px;margin-top:35px;padding:30px 0 42px}.service-gateway .button{width:100%}.service-gateway h2{line-height:1.45}.service-gateway p{font-size:16px}.training-intro{padding:42px 0}.training-intro h1{font-size:40px;line-height:1.3;letter-spacing:-.045em}.training-intro-bottom p{font-size:16px}.training-intro-bottom p br{display:none}.training-kicker{font-size:15px}.training-section-head h2{font-size:31px;line-height:1.4}.training-section-head p{font-size:15px}.training-topic-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0}.training-topic-tabs button{min-height:48px;border:1px solid #d4c3b4;border-radius:4px;font-size:17px;padding:14px 6px}.training-topic-tabs button:after{bottom:0}.training-topic-stage{margin-top:22px}.training-topic-summary{padding:26px 22px}.training-topic-summary h3{font-size:27px}.training-topic-summary p{font-size:16px}.training-topic-points{padding:8px 22px 26px}.training-topic-points>div{gap:14px}.training-topic-points h4{font-size:21px}.training-topic-points p{font-size:16px;line-height:1.9}.training-photo-grid{gap:28px}.training-photo figcaption{font-size:16px}.training-topic-number{font-size:36px;margin-bottom:18px}
body[data-page=support] .support-list summary{font-size:18px;gap:12px;min-height:48px}body[data-page=support] .support-list summary:before{flex-basis:24px}body[data-page=support] .support-list p{font-size:16px;margin:16px 0 0;line-height:1.9}.tool-panel label{font-size:15px;line-height:1.7}body[data-page=tools] .tool-panel input{font-size:18px;min-height:52px}.tool-panel .actions{display:grid;grid-template-columns:1fr;width:100%}.practice{gap:8px!important}.practice span{width:calc((100% - 24px)/4);height:auto;aspect-ratio:1;font-size:34px}
footer{padding:0 20px}.footer-top{padding:30px 0;gap:24px}.footer-top strong{font-size:17px}.footer-top p{font-size:14px;line-height:1.7}.footer-top div:nth-child(2){gap:18px;flex-wrap:wrap}.footer-top a{font-size:15px;min-height:44px;display:flex;align-items:center}.footer-bottom{display:grid;gap:10px;font-size:12px;line-height:1.7}#join-dialog{width:calc(100% - 24px);padding:42px 22px 26px;max-height:calc(100dvh - 24px)}#join-dialog h2{font-size:30px;line-height:1.4}#join-dialog p{font-size:16px;line-height:1.85}#join-dialog .join-values{gap:14px}#join-dialog .join-values p{font-size:15px}#join-dialog .join-contact{padding:20px 16px}#join-dialog .join-wechat{display:flex;flex-direction:column;gap:20px}#join-dialog .join-qr-paper{width:100%;max-width:260px;margin:auto}#join-dialog .join-qr-copy{width:100%;min-width:0}#join-dialog .join-close{min-width:44px;min-height:44px;right:7px;top:5px}#viewer{padding:24px 16px;width:calc(100% - 24px)}#viewer .close{width:44px;height:44px}#viewer h2{font-size:21px;line-height:1.5}
}
@media screen and (max-width:360px){body>header,.future-page>header{padding:0 14px}.brand,.future-page header .brand{font-size:14px}.hero-actions{grid-template-columns:1fr}.future-grid h1{font-size:40px}.catalog-grid{gap:24px 12px}.catalog-item h3{font-size:17px}}
@media(hover:none){.resource-card:hover,.resource-card:hover img,.training-photo:hover,.collection-row:hover,.catalog-item:hover img{transform:none}.collection-row:hover{padding-left:0;padding-right:0}}
.mobile-menu-join{display:none}
@media screen and (max-width:760px){header nav .mobile-menu-join{display:flex}}