/* Review controls stay outside the recruitment copy. */
.review-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:10px 24px;background:#fff;color:#123f40;border-bottom:1px solid #cbd3c8;font:14px/1.6 "PingFang SC","Microsoft YaHei",sans-serif}
.review-bar>div:first-child{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.review-bar strong{font-weight:600;white-space:nowrap}.review-bar span{color:#56716a;font-size:13px}
.review-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.review-actions button{font:inherit;line-height:1.4;color:#073a3c;background:#edf4dc;border:1px solid #b6c997;border-radius:7px;padding:8px 12px;cursor:pointer}.review-actions a{font:inherit;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.review-actions :focus-visible{outline:3px solid #b76513;outline-offset:3px}
/* One complete system CJK family for each Chinese heading. The source font
   subset stays restricted to the hero phrase, whose characters it covers. */
.preview-refined{--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",system-ui,sans-serif;--display:var(--sans);font-family:var(--sans)}
.preview-refined :is(button,input,select,textarea){font-family:var(--sans)}
.preview-refined .hero h1{font-family:DisplayHan,var(--sans)}
.preview-refined :is(.display-heading,.theme-statement,.document-chapter-heading,.document-section-heading,.upgrade-title,.benefit-heading,.version-card-title){font-family:var(--sans);font-weight:700;letter-spacing:0}
.preview-refined .letter-title h2>span:first-child{font-family:var(--sans);font-weight:700;letter-spacing:0}
.preview-refined .letter-title h2>span:last-child{font-family:var(--sans);font-weight:600;letter-spacing:0;white-space:normal}
.preview-refined :is(h2,h3,h4,h5,h6){text-wrap:pretty;overflow-wrap:break-word}
.preview-refined.full-content-version .source-text,
.preview-refined.full-content-version .source-list,
.preview-refined .course-outcome p,
.preview-refined .course-layer p,
.preview-refined .layer-delivery,
.preview-refined .agenda-day p,
.preview-refined .full-tier-description .source-text,
.preview-refined .membership-card li,
.preview-refined .faq-answer .source-text,
.preview-refined .enrollment-steps .source-text{font-size:1.0625rem;line-height:1.8;letter-spacing:0}
.preview-refined.full-content-version .source-text+.source-text{margin-top:1rem}
.preview-refined.full-content-version .source-list li{margin-block:.4rem}
.preview-refined.full-content-version .source-list{margin-block:1rem}
.preview-refined.full-content-version .benefit-heading{font-size:clamp(1.5rem,2vw,1.875rem);line-height:1.45;letter-spacing:0}
.preview-refined .letter-body .letter-emphasis{font-size:1.125rem;font-weight:600;line-height:1.8}
.preview-refined :is(.benefit-prefix,.benefit-valuation,.course-schedule,.course-outcome>span,.course-group-label>span:last-child,.reading-date,.service-period-label,.tier-enroll,.payment-card-actions,.payment-remark,.payment-remark strong,.payment-code>p,.contact-strip-copy>p,.notice-contact-qr span,.signup-contact-link,.faq-expand-all){font-size:.875rem;line-height:1.7}
.preview-refined .full-course-row .course-info .course-schedule{font-size:.875rem;line-height:1.7;margin-top:.625rem}
.preview-refined .full-course-row .course-info h4{font-size:1.3125rem;line-height:1.5;letter-spacing:0}
.preview-refined .source-subheading,.preview-refined .agenda-day h6{font-size:1.0625rem;line-height:1.7;letter-spacing:0}
.preview-refined .faq-question{font-size:1.125rem;line-height:1.65;letter-spacing:0}
.preview-refined .faq-item>summary{padding-block:1.25rem}
.preview-refined :is(.entitlement-body,.course-info,.course-outcome,.membership-card,.letter-body){min-width:0}
.preview-refined :is(.source-text,.source-list,.faq-answer,.entitlement-body){overflow:visible;max-height:none}
.preview-refined .letter-title h2{font-size:clamp(2.25rem,3.4vw,3.5rem);line-height:1.3}
.preview-refined .letter-title h2>span:nth-child(2){font-size:1.3em;line-height:1.1;margin:.2em 0}
.preview-refined .letter-title h2>span:last-child{font-size:.64em;line-height:1.5}
.preview-refined .letter-caption{font-size:1.375rem;line-height:1.5;letter-spacing:0}
.preview-refined .source-agenda{gap:28px}
.preview-refined .reading-nav{font-size:.875rem;height:58px}
html:has(>body.preview-refined){scroll-padding-top:0}
.preview-refined section[id]{scroll-margin-top:76px}

@media(min-width:901px){
 .preview-refined{--page-pad:max(40px,5vw,calc((100vw - 1320px)/2))}
 .preview-refined.full-content-version .section-pad{padding-block:clamp(40px,5.5svh,64px)}
 .preview-refined.full-content-version .letter{padding-top:36px}
 .preview-refined .letter-layout{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:6%;margin-top:28px}
 .preview-refined .letter-intro-heading{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:6%}
 .preview-refined .letter-body{max-width:44rem}
 .preview-refined .letter-title{top:82px}
 .preview-refined .letter-photograph{margin-top:22px;max-width:360px;aspect-ratio:16/10}
 .preview-refined .letter-year{margin-top:16px}
 .preview-refined .document-chapter-heading{font-size:2rem;line-height:1.4;margin-bottom:24px}
 .preview-refined .document-section-heading{font-size:1.625rem;line-height:1.45;margin-bottom:22px}
 .preview-refined .hero{height:auto;min-height:calc(100svh - 76px);max-height:none;display:flex;flex-direction:column;overflow:hidden}
 .preview-refined .site-header{height:clamp(76px,10svh,96px);flex:none}
 .preview-refined .site-header nav{font-size:.875rem}
 .preview-refined .header-note{font-size:.875rem}
 .preview-refined .hero-main{padding-top:clamp(24px,4svh,44px);gap:24px}
 .preview-refined .hero h1{font-size:clamp(72px,10.5svh,112px);line-height:1.14;margin:20px 0 16px}
 .preview-refined .hero-description{font-size:1.125rem;line-height:1.65;margin-top:14px}
 .preview-refined .hero-eyebrow{font-size:.875rem}
 .preview-refined .hero-aside{width:25%;padding-top:8px}
 .preview-refined .hero-year{font-size:clamp(64px,10svh,100px);margin-bottom:18px}
 .preview-refined .hero-aside>p{font-size:clamp(20px,2vw,28px);line-height:1.45}
 .preview-refined .route-art{max-height:100px;margin-top:12px}
 .preview-refined .route-caption{font-size:.75rem;white-space:normal;line-height:1.6}
 .preview-refined .hero-footer{position:static;margin-top:auto;padding-top:26px;gap:24px}
 .preview-refined .hero-numbers strong{font-size:clamp(44px,6.6svh,64px)}
 .preview-refined .hero-numbers span{font-size:.875rem;width:2em}
 .preview-refined .hero-bottomline{position:static;margin-top:24px;padding-bottom:20px;font-size:.75rem}
 .preview-refined .hero-bottomline>span:last-child{font-size:.75rem}
 .preview-refined .hero-cta{font-size:1rem}
 .preview-refined .chapter-band{padding-block:18px}
 .preview-refined .source-invitation{margin-top:20px;padding:16px 22px}
 .preview-refined .source-invitation .source-text{font-size:1rem}
 .preview-refined .theme-heading{margin-block:28px 30px;gap:5%}
 .preview-refined .full-upgrade-grid{gap:28px 36px}
 .preview-refined .full-upgrade{padding-top:20px}
 .preview-refined .upgrade-title{font-size:1.375rem;line-height:1.55;margin-bottom:14px}
 .preview-refined .section-photograph{height:clamp(180px,24svh,260px)}
 .preview-refined .full-curriculum-heading{margin:24px 0}
 .preview-refined .course-layers{padding:24px;margin-bottom:28px}
 .preview-refined .course-layer{padding-inline:18px}
 .preview-refined .layer-glyph{margin-bottom:12px}
 .preview-refined .full-course-row{padding-block:22px}
 .preview-refined .full-reading-panel{padding:26px 30px}
 .preview-refined .full-reading-list{margin-top:22px;gap:24px}
 .preview-refined .entitlement-row{padding-block:28px;gap:5%}
 .preview-refined .entitlement-glyph{margin-bottom:16px}
 .preview-refined .benefit-prefix{margin-bottom:8px}
 .preview-refined .benefit-valuation{margin-top:8px}
 .preview-refined .price-card{padding:26px 30px}
 .preview-refined .pricing-tier-heading{font-size:1.375rem;line-height:1.5;min-height:0;margin-bottom:20px}
 .preview-refined .service-period{padding:12px 20px;margin-bottom:22px;font-size:1rem}
 .preview-refined .price-card .source-price{margin-bottom:16px}
 .preview-refined .price-card .tier-enroll{padding-top:18px;margin-top:16px}
 .preview-refined .full-tier-description .source-text{font-size:1rem}
 .preview-refined .membership-card li{font-size:1rem;line-height:1.8}
 .preview-refined .membership-card{padding:28px 30px}
 .preview-refined .membership-card .version-card-title{font-size:1.625rem;margin-block:16px 20px}
 .preview-refined .faq-answer{max-width:56rem;padding-bottom:24px}
}
@media(min-width:901px) and (max-height:760px){
 .preview-refined .letter-title{position:static}
 .preview-refined .hero-aside .route-art{max-height:80px}
 .preview-refined .hero-footer{padding-top:22px}
}
@media(max-width:1100px){.review-bar{align-items:flex-start}.review-bar>div:first-child{gap:2px}.review-bar span{display:block}.review-actions{gap:10px}.review-actions a:last-child{display:none}}
@media(max-width:900px){
 .review-bar{display:block;padding:10px 16px}.review-actions{margin-top:8px;flex-wrap:wrap}.review-actions button{font-size:13px}
 .preview-refined .letter-title{position:static}
 .preview-refined.full-content-version .source-text,.preview-refined.full-content-version .source-list,.preview-refined .course-outcome p,.preview-refined .faq-answer .source-text{font-size:1rem;line-height:1.85}
 .preview-refined .letter-title h2{font-size:2.5rem}
 .preview-refined .reading-nav{font-size:.8125rem}
 .preview-refined .course-layer p,.preview-refined .layer-delivery,.preview-refined .agenda-day p{font-size:1rem;line-height:1.8}
}
@media print{.review-bar{display:none}}