/* Global page system: secondary routes use the same quiet scale as the home
   page. The home is intentionally excluded because its editorial canvas has
   its own scoped layout in yunsilver-home/home.css. */
body:not(.ys-home-preview){
	--ys-paper:#f7f5f0;--ys-ink:#1b1a17;--ys-muted:#6b6862;--ys-line:#e4e0d7;
	--ys-gutter:clamp(24px,5vw,84px);
	background:var(--ys-paper);color:var(--ys-ink);
	font:400 15px/1.65 Manrope,Arial,sans-serif;letter-spacing:-.01em
}
body:not(.ys-home-preview) .wp-site-blocks{background:var(--ys-paper);color:var(--ys-ink)}
body:not(.ys-home-preview) main.wp-block-group{
	box-sizing:border-box;max-width:none!important;margin:0!important;padding:0 var(--ys-gutter) 48px!important
}
body:not(.ys-home-preview) main.wp-block-group>.alignfull{
	box-sizing:border-box;max-width:1200px!important;margin:0 auto!important;padding:0!important
}
body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,
body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{
	margin:36px 0 16px!important;color:var(--ys-ink);font:400 clamp(48px,5.6vw,82px)/1.06 Manrope,Arial,sans-serif;
	letter-spacing:-.065em
}
body:not(.ys-home-preview) .entry-content{
	max-width:1040px!important;margin:0 auto!important;padding:0!important;color:var(--ys-ink);font:400 15px/1.65 Manrope,Arial,sans-serif
}
body:not(.ys-home-preview) .entry-content h2,
body:not(.ys-home-preview) .entry-content h3{
	margin:32px 0 16px;color:var(--ys-ink);font-family:Manrope,Arial,sans-serif;font-weight:400;line-height:1.08;letter-spacing:-.045em
}
body:not(.ys-home-preview) .entry-content h2{font-size:clamp(32px,4vw,56px)}
body:not(.ys-home-preview) .entry-content h3{font-size:clamp(22px,2.3vw,32px)}
body:not(.ys-home-preview) .entry-content p{max-width:62ch;margin:0 0 20px;font:400 15px/1.65 Manrope,Arial,sans-serif}
body:not(.ys-home-preview) .entry-content .yunsilver-lead{max-width:48ch;margin:0 0 22px;color:var(--ys-muted);font-size:18px;line-height:1.5}
body:not(.ys-home-preview) .entry-content a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease,color .2s ease}
body:not(.ys-home-preview) .entry-content a:hover,body:not(.ys-home-preview) .entry-content a:focus-visible{border-color:currentColor}
body:not(.ys-home-preview) .entry-content figure{margin:20px 0}
body:not(.ys-home-preview) .entry-content figure img{display:block;width:100%;height:auto}
body:not(.ys-home-preview) .entry-content figcaption{margin-top:10px;color:var(--ys-muted);font:400 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.02em}

/* The home uses compact pill actions with a quiet frosted hover state. */
body:not(.ys-home-preview) .wp-block-button__link,
body:not(.ys-home-preview) .wc-block-components-product-button__button,
body:not(.ys-home-preview) a.button,
body:not(.ys-home-preview) button.button,
body:not(.ys-home-preview) .single_add_to_cart_button,
body:not(.ys-home-preview) #place_order{
	display:inline-flex!important;align-items:center;justify-content:center;min-height:32px!important;height:32px;padding:0 12px!important;
	border:1px solid color-mix(in srgb,currentColor 24%,transparent)!important;border-radius:999px!important;
	background:color-mix(in srgb,var(--ys-paper) 82%,transparent)!important;color:var(--ys-ink)!important;
	font:400 12px/1.5 Manrope,Arial,sans-serif!important;letter-spacing:normal!important;text-decoration:none!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px -16px rgba(35,62,58,.48)!important;
	-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);
	transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease
}
body:not(.ys-home-preview) .wp-block-button__link::after,
body:not(.ys-home-preview) a.button::after{content:none!important}
body:not(.ys-home-preview) .wp-block-button__link:hover,
body:not(.ys-home-preview) .wc-block-components-product-button__button:hover,
body:not(.ys-home-preview) a.button:hover,
body:not(.ys-home-preview) button.button:hover,
body:not(.ys-home-preview) .single_add_to_cart_button:hover,
body:not(.ys-home-preview) #place_order:hover,
body:not(.ys-home-preview) .wp-block-button__link:focus-visible,
body:not(.ys-home-preview) a.button:focus-visible{
	background:rgba(255,255,255,.76)!important;color:var(--ys-ink)!important;border-color:rgba(255,255,255,.94)!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 0 0 1px rgba(255,255,255,.38),0 12px 26px -14px rgba(35,33,28,.42)!important;transform:translateY(-1px)
}
body:not(.ys-home-preview) .wp-block-button__link:active,
body:not(.ys-home-preview) a.button:active,
body:not(.ys-home-preview) button.button:active{transform:translateY(0)}

/* Editorial content widths and media relationships. */
body.ys-page-about .entry-content>figure:first-of-type{margin-top:0}
body.ys-page-about .entry-content>figure:first-of-type img{aspect-ratio:16/8;object-fit:cover}
body.ys-page-about .entry-content>h2{margin-top:46px}
body.ys-page-about .yunsilver-about-daily{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:42px 0 34px}
body.ys-page-about .yunsilver-about-daily figure{margin:0}
body.ys-page-about .yunsilver-about-daily img{aspect-ratio:4/3;object-fit:cover}
body.ys-page-about .yunsilver-about-films .wp-block-column{min-width:0}
body.ys-page-about .yunsilver-about-films video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#181816}
body.ys-page-about .yunsilver-about-films figcaption{margin-top:12px;color:var(--ys-muted)}
body.ys-page-about .yunsilver-about-video-story{margin:24px 0 22px}
body.ys-page-about .yunsilver-about-video-story>figure{margin:0}
body.ys-page-about .yunsilver-about-video-story>figure video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#181816}
body.ys-page-about .yunsilver-about-video-story>figure figcaption{margin-top:12px;color:var(--ys-muted)}
body.ys-page-about .yunsilver-about-video-story .yunsilver-about-films{margin:28px 0 0}
body.ys-page-about .yunsilver-about-video-story .yunsilver-about-three-films{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
body.ys-page-about .yunsilver-closing{max-width:62ch;margin-top:16px;font-size:18px;line-height:1.5}
body.ys-page-craft .yunsilver-craft-grid{margin:18px 0 36px;gap:36px 20px}
body.ys-page-craft .yunsilver-craft-item h3{margin:14px 0 4px;font:400 22px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.03em}
body.ys-page-craft .yunsilver-craft-item p{margin:0;color:var(--ys-muted);font:400 12px/1.5 Manrope,Arial,sans-serif}
body.ys-page-craft .yunsilver-workshop-context{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;margin:36px 0}
body.ys-page-craft .yunsilver-workshop-context figure{margin:0}
body.ys-page-craft .yunsilver-workshop-context h2{margin-top:0}

/* Shop and product pages keep the same generous image-led rhythm as home. */
body.woocommerce-shop main.wp-block-group,body.tax-product_cat main.wp-block-group{padding-bottom:44px!important}
body.woocommerce-shop main.wp-block-group>.alignwide,body.tax-product_cat main.wp-block-group>.alignwide{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
body.woocommerce-shop .wp-block-query-title,body.tax-product_cat .wp-block-query-title{margin-top:36px!important;margin-bottom:14px!important}
body.woocommerce-shop .woocommerce-result-count,body.tax-product_cat .woocommerce-result-count{font-size:15px;line-height:1.5}
body.woocommerce-shop .woocommerce-ordering select,body.tax-product_cat .woocommerce-ordering select{
	min-height:32px;height:32px;padding:0 32px 0 12px;border:1px solid #c8c9c5;border-radius:999px;background-color:rgba(255,255,255,.34);
	font:400 12px/18px Manrope,Arial,sans-serif;color:var(--ys-ink)
}
body.woocommerce-shop .wc-block-product-template,body.tax-product_cat .wc-block-product-template{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:42px 20px!important;margin-top:30px}
body.woocommerce-shop .wc-block-product-template li.product h3,body.tax-product_cat .wc-block-product-template li.product h3{margin:14px 0 16px;font:400 18px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.025em}
body.woocommerce-shop .wc-block-product-template li.product .wc-block-components-product-price{font:400 12px/1.5 Manrope,Arial,sans-serif;color:var(--ys-muted)}
body.single-product main.wp-block-group>.alignwide{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}
body.single-product main.wp-block-group>.alignwide.wp-block-columns{gap:clamp(36px,6vw,96px);align-items:flex-start;margin-top:36px!important;margin-bottom:44px!important}
body.single-product .wp-block-woocommerce-product-image-gallery{margin:0}
body.single-product .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__image img{display:block;width:100%;height:auto}
body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child{padding-top:20px}
body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h1{margin:0 0 22px;font:400 clamp(38px,4.6vw,68px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.065em}
body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child p{font:400 15px/1.65 Manrope,Arial,sans-serif}
body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child a:not(.button){color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
body.single-product .wc-tabs-wrapper{max-width:1200px;margin:0 auto!important;border-top:1px solid var(--ys-line);padding-top:28px}
body.single-product .wc-tabs{border:0!important;gap:24px}
body.single-product .wc-tabs li a{font:400 12px/1.5 Manrope,Arial,sans-serif;color:var(--ys-muted);padding:0 0 10px;border:0!important}
body.single-product .wc-tabs li.active a{color:var(--ys-ink);border-bottom:1px solid currentColor!important}

/* Footer geometry mirrors the home page's three-column closing block. */
body:not(.ys-home-preview) .yunsilver-footer{box-sizing:border-box;max-width:none!important;margin:0!important;padding:50px var(--ys-gutter) 25px!important;background:#f5f5f3;border-top:1px solid var(--ys-line);font:400 15px/1.65 Manrope,Arial,sans-serif}
body:not(.ys-home-preview) .yunsilver-footer>.wp-block-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;max-width:1200px;margin:0 auto 30px!important}
body:not(.ys-home-preview) .yunsilver-footer>.wp-block-columns>.wp-block-column{min-width:0}
body:not(.ys-home-preview) .yunsilver-footer .wp-block-site-title{margin:0 0 12px}
body:not(.ys-home-preview) .yunsilver-footer .wp-block-site-tagline{max-width:22ch;margin:0;font:400 18px/1.4 Manrope,Arial,sans-serif}
body:not(.ys-home-preview) .yunsilver-footer .wp-block-navigation{display:grid;gap:10px;font:400 12px/1.5 Manrope,Arial,sans-serif}
body:not(.ys-home-preview) .yunsilver-footer>p:last-child{max-width:1200px;margin:0 auto;border-top:1px solid var(--ys-line);padding-top:20px;font:400 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.04em}
@media(max-width:900px){
	body:not(.ys-home-preview) .wp-block-button__link,body:not(.ys-home-preview) a.button,body:not(.ys-home-preview) button.button{height:36px;min-height:36px!important}
	body.woocommerce-shop .wc-block-product-template,body.tax-product_cat .wc-block-product-template{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:640px){
	body:not(.ys-home-preview) main.wp-block-group{padding:0 20px 48px!important}
	body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{margin-top:32px!important;font-size:42px;letter-spacing:-.045em}
	body:not(.ys-home-preview) .entry-content h2{font-size:34px;margin-top:32px}
	body:not(.ys-home-preview) .entry-content h3{font-size:24px}
	body:not(.ys-home-preview) .entry-content .yunsilver-lead{font-size:17px}
	body.ys-page-about .yunsilver-about-daily,body.ys-page-about .yunsilver-about-video-story .yunsilver-about-three-films,body.ys-page-craft .yunsilver-workshop-context{grid-template-columns:1fr;gap:24px}
	body.ys-page-craft .yunsilver-craft-grid{gap:28px 12px;margin-bottom:40px}
	body.ys-page-craft .yunsilver-craft-item h3{font-size:18px}
	body.woocommerce-shop .wc-block-product-template,body.tax-product_cat .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px!important}
	body.woocommerce-shop .wc-block-product-template li.product h3,body.tax-product_cat .wc-block-product-template li.product h3{font-size:15px}
	body.single-product main.wp-block-group>.alignwide.wp-block-columns{display:block;margin-top:32px!important}
	body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child{padding-top:30px}
	body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h1{font-size:42px}
	body:not(.ys-home-preview) .yunsilver-footer{padding:28px 20px 24px!important}
	body:not(.ys-home-preview) .yunsilver-footer>.wp-block-columns{display:block;margin-bottom:22px!important}
	body:not(.ys-home-preview) .yunsilver-footer>.wp-block-columns>.wp-block-column{margin-bottom:22px}
}

/* Re-apply the language presets after the shared Latin scale above. */
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(30px,2.8vw,44px);line-height:1.38;letter-spacing:.035em}
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2{font-size:clamp(28px,2.8vw,40px);line-height:1.35;letter-spacing:.02em}
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h3{font-size:clamp(24px,2.2vw,30px);line-height:1.35;letter-spacing:0}
@media(max-width:640px){
 html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(30px,7.5vw,34px);line-height:1.46;letter-spacing:.04em}
 html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2{font-size:33px}
 html[lang^="zh"] body:not(.ys-home-preview) .entry-content h3{font-size:23px}
}

/* Homepage tokens also govern shared chrome and components on secondary routes. */
body:not(.ys-home-preview) .ys-shared-header{background:#f7f5f0}
body:not(.ys-home-preview) .ys-shared-logo,body:not(.ys-home-preview) .ys-shared-logo img{width:204px;flex-basis:204px}
body:not(.ys-home-preview) .ys-shared-nav{font:400 12px/1.65 Manrope,Arial,sans-serif}
body:not(.ys-home-preview) .ys-shared-language select{height:32px;min-height:32px;font:400 12px/18px Manrope,Arial,sans-serif}
body:not(.ys-home-preview) .yunyin-trade-form button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;height:32px;padding:0 12px;border:1px solid rgba(27,26,23,.24);border-radius:999px;background:rgba(255,255,255,.34);color:var(--ys-ink);font:400 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px -16px rgba(35,62,58,.48);transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
body:not(.ys-home-preview) .yunyin-trade-form button::after{content:'↗';margin-left:.8em;font-size:.95em;line-height:1}
body:not(.ys-home-preview) .yunyin-trade-form button:hover,body:not(.ys-home-preview) .yunyin-trade-form button:focus-visible{background:rgba(255,255,255,.76);border-color:rgba(255,255,255,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 0 0 1px rgba(255,255,255,.38),0 12px 26px -14px rgba(35,33,28,.42);transform:translateY(-1px)}
body:not(.ys-home-preview) .yunyin-trade-form button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
body:not(.ys-home-preview) .yunsilver-partnership-cards{gap:24px;margin:24px 0 32px}
body:not(.ys-home-preview) .yunsilver-partnership-cards>.wp-block-column{min-width:0}
body:not(.ys-home-preview) .yunsilver-partnership-cards h3{margin:18px 0 8px;font:400 clamp(22px,2.3vw,32px)/1.15 Georgia,serif;letter-spacing:-.025em}
body:not(.ys-home-preview) .yunsilver-partnership-cards p{margin-bottom:12px}
body:not(.ys-home-preview) .yunsilver-contact-mailboxes--compact{max-width:none}
body:not(.ys-home-preview) .yunsilver-contact-mailboxes--compact a{font-size:12px}
body:not(.ys-home-preview) .wc-block-product-template li.product .wp-block-post-title,
body:not(.ys-home-preview) .wc-block-product-template li.product h3{font:400 18px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:14px 0 16px}
body:not(.ys-home-preview) .wc-block-product-template li.product .wc-block-components-product-price{font:400 12px/1.5 Manrope,Arial,sans-serif}
body:not(.ys-home-preview) .wc-block-product-template li.product .wc-block-components-product-button{margin-top:12px}
body:not(.ys-home-preview) .wc-block-product-template li.product .wc-block-components-product-button__button{white-space:nowrap}
body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h1{font:400 clamp(38px,4.6vw,68px)/1.06 Manrope,Arial,sans-serif;letter-spacing:-.065em;margin:0 0 22px}
body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h2,
body.single-product .wc-tabs-wrapper .wc-tab h2{font-size:clamp(24px,3vw,40px);margin:34px 0 16px}
body.single-product .wc-block-components-product-rating{font-size:12px}
body.single-product .wc-tabs-wrapper .wc-tab{font:400 15px/1.65 Manrope,Arial,sans-serif}
body.single-product .wc-block-related-products{max-width:1200px;margin:0 auto;padding-top:28px}
body.single-product .wc-block-related-products .wc-block-product-template{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px 20px!important}
@media(max-width:1100px) and (min-width:761px){body:not(.ys-home-preview) .ys-shared-logo,body:not(.ys-home-preview) .ys-shared-logo img{width:204px;flex-basis:204px}}
@media(max-width:760px){
 body:not(.ys-home-preview) .ys-shared-header{display:flex;position:relative;align-items:center;min-height:104px;padding:12px 20px;background:#f7f5f0}
 body:not(.ys-home-preview) .ys-shared-logo{width:204px;flex:0 0 204px;margin:0}
 body:not(.ys-home-preview) .ys-shared-logo img{width:204px}
 body:not(.ys-home-preview) .ys-shared-nav{display:flex;position:absolute;left:20px;right:20px;bottom:8px;justify-content:space-between;gap:12px;margin:0;font-size:10px}
 body:not(.ys-home-preview) .ys-shared-nav a{padding:6px 0}
 body:not(.ys-home-preview) .ys-shared-header-tools{position:absolute;top:22px;right:20px}
 body:not(.ys-home-preview) .ys-shared-language select{width:99px;height:40px;min-height:40px}
 body:not(.ys-home-preview) .ys-shared-logo,body:not(.ys-home-preview) .ys-shared-logo img{max-width:calc(100vw - 139px)}
 body:not(.ys-home-preview) .yunsilver-partnership-cards{gap:24px;margin-bottom:42px}
 body:not(.ys-home-preview) .yunsilver-partnership-cards h3{font-size:24px}
 body.woocommerce-shop .wc-block-product-template li.product .wp-block-post-title,body.tax-product_cat .wc-block-product-template li.product .wp-block-post-title,body.woocommerce-shop .wc-block-product-template li.product h3,body.tax-product_cat .wc-block-product-template li.product h3{font-size:15px}
 body.single-product .wc-block-related-products .wc-block-product-template{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 12px!important}
}
@media(max-width:640px){
 body:not(.ys-home-preview) .entry-content p{font-size:14px}
 body:not(.ys-home-preview) .entry-content .yunsilver-lead{font-size:17px}
 body:not(.ys-home-preview) .yunsilver-footer .wp-block-site-tagline{font-size:18px}
}

/* Language-specific title scales match the homepage's editorial presets. */
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(30px,2.8vw,44px);line-height:1.38;letter-spacing:.035em}
html[lang^="ja"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,
html[lang^="ja"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(42px,4.2vw,62px);line-height:1.28;letter-spacing:-.025em}
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2{font-size:clamp(28px,2.8vw,40px);line-height:1.35;letter-spacing:.02em}
html[lang^="ja"] body:not(.ys-home-preview) .entry-content h2{font-size:clamp(32px,3.8vw,54px);line-height:1.35;letter-spacing:-.02em}
@media(max-width:640px){
 html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(30px,7.5vw,34px);line-height:1.46;letter-spacing:.04em}
 html[lang^="ja"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,html[lang^="ja"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:42px;line-height:1.28;letter-spacing:-.025em}
 html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2{font-size:32px}
 html[lang^="ja"] body:not(.ys-home-preview) .entry-content h2{font-size:34px}
}

/* Search and utility controls use the same compact action token. */
body:not(.ys-home-preview) .wp-block-search__button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;height:32px;padding:0 12px;border:1px solid rgba(27,26,23,.24);border-radius:999px;background:rgba(255,255,255,.34);color:var(--ys-ink);font:400 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px -16px rgba(35,62,58,.48)}
body:not(.ys-home-preview) .wp-block-search__button:hover,body:not(.ys-home-preview) .wp-block-search__button:focus-visible{background:rgba(255,255,255,.76);border-color:rgba(255,255,255,.94);transform:translateY(-1px)}
html[lang^="zh"] body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h1{font-size:clamp(30px,2.8vw,44px);line-height:1.38;letter-spacing:.035em}
@media(max-width:640px){html[lang^="zh"] body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h1{font-size:clamp(30px,7.5vw,34px);line-height:1.46;letter-spacing:.04em}}

/* Match the homepage's actual display faces: Playfair for Latin headings and
   PingFang for Chinese headings. Manrope remains the shared body and control
   face. The explicit CJK rule prevents a Noto fallback from changing the
   large-character silhouette on secondary routes. */
body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,
body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title,
body:not(.ys-home-preview) .entry-content h2,
body:not(.ys-home-preview) .entry-content h3,
body:not(.ys-home-preview) .yunsilver-partnership-cards h3,
body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h1,
body.single-product .wc-tabs-wrapper .wc-tab h2,
body.single-product .wc-block-related-products h2{font-family:'Playfair Display',Georgia,'Times New Roman',serif}
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title,
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2,
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h3,
html[lang^="zh"] body:not(.ys-home-preview) .yunsilver-partnership-cards h3,
html[lang^="zh"] body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h1,
html[lang^="zh"] body.single-product .wc-tabs-wrapper .wc-tab h2,
html[lang^="zh"] body.single-product .wc-block-related-products h2{font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif}
body:not(.ys-home-preview) .yunsilver-footer .wp-block-site-tagline{font-family:'Playfair Display',Georgia,'Times New Roman',serif}

/* Keep the scale and light CJK weight identical to the homepage presets. */
body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,
body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(56px,6.2vw,98px)}
body:not(.ys-home-preview) .entry-content h2{font-size:clamp(40px,4.6vw,70px)}
body:not(.ys-home-preview) .entry-content h3,
body:not(.ys-home-preview) .yunsilver-partnership-cards h3{font-size:clamp(26px,2.7vw,42px)}
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title,
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2,
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h3,
html[lang^="zh"] body:not(.ys-home-preview) .yunsilver-partnership-cards h3,
html[lang^="zh"] body.single-product main.wp-block-group>.alignwide.wp-block-columns>.wp-block-column:last-child h1{font-weight:300}
html[lang^="zh"] body:not(.ys-home-preview) .yunsilver-partnership-cards h3{font-size:clamp(24px,2.2vw,30px);line-height:1.35;letter-spacing:0}
@media(max-width:640px){
 body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:58px}
 body:not(.ys-home-preview) .entry-content h2{font-size:40px}
 body:not(.ys-home-preview) .entry-content h3{font-size:23px}
 html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(30px,7.5vw,34px)}
 html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2{font-size:33px}
 html[lang^="zh"] body:not(.ys-home-preview) .entry-content h3,html[lang^="zh"] body:not(.ys-home-preview) .yunsilver-partnership-cards h3{font-size:23px}
}

/* Final language overrides: these follow every shared heading rule. */
html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(30px,2.8vw,44px);line-height:1.38;letter-spacing:.035em}
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2{font-size:clamp(28px,2.8vw,40px);line-height:1.35;letter-spacing:.02em}
html[lang^="zh"] body:not(.ys-home-preview) .entry-content h3{font-size:clamp(24px,2.2vw,30px);line-height:1.35;letter-spacing:0}
@media(max-width:640px){
 html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.alignfull>.wp-block-post-title,html[lang^="zh"] body:not(.ys-home-preview) main.wp-block-group>.wp-block-query-title{font-size:clamp(30px,7.5vw,34px);line-height:1.46;letter-spacing:.04em}
 html[lang^="zh"] body:not(.ys-home-preview) .entry-content h2{font-size:33px}
 html[lang^="zh"] body:not(.ys-home-preview) .entry-content h3{font-size:23px}
}

/* Far-to-near workshop footage keeps the whole person in view. */
body.ys-page-craft .yunsilver-scene-item video{aspect-ratio:9/16;object-fit:contain;background:#1b1a17}
.yunsilver-person-sequence-grid{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.yunsilver-person-sequence-grid video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#1b1a17}
body:not(.ys-home-preview) .yunsilver-person-sequence-grid figure{margin:0}
@media(max-width:640px){.yunsilver-person-sequence-grid{grid-template-columns:1fr}.yunsilver-person-sequence-grid figure{max-width:400px;width:100%;margin-inline:auto}}

.yunsilver-person-sequence{scroll-margin-top:120px}
/* Reserve a separate mobile navigation row below the full-size wordmark. */
@media(max-width:640px){
 body:not(.ys-home-preview) .ys-shared-header{min-height:160px;padding:12px 20px 40px;position:sticky;top:0;z-index:40;background:color-mix(in srgb, #f7f5f0 88%, transparent);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
 body:not(.ys-home-preview) .ys-shared-logo{width:122px;flex:0 0 122px}
 body:not(.ys-home-preview) .ys-shared-logo img{width:122px}
 body:not(.ys-home-preview) .ys-shared-nav{top:auto;bottom:8px;min-height:40px;align-items:center;font-size:10px}
 body:not(.ys-home-preview) .ys-shared-nav a{display:flex;align-items:center;min-height:40px}
}

/* Craft and Our Roots use the homepage's 5vw canvas. WordPress's constrained
   child blocks otherwise remain at the theme's 645px reading width. */
body:is(.ys-page-about,.ys-page-craft) main.wp-block-group>.alignfull,
body:is(.ys-page-about,.ys-page-craft) .entry-content{
	max-width:none!important;width:100%;margin-inline:0!important
}
body:is(.ys-page-about,.ys-page-craft) .entry-content>:not(p){
	max-width:none!important;margin-inline:0!important
}
body:is(.ys-page-about,.ys-page-craft) .entry-content>p{
	margin-inline:0!important
}
body:is(.ys-page-about,.ys-page-craft) .entry-content>.yunsilver-lead{
	max-width:56ch;margin-bottom:40px
}
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section{
	display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);
	gap:clamp(32px,6vw,96px);padding:48px 0;border-top:1px solid var(--ys-line);margin:0
}
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section>h2{
	max-width:none!important;margin:0;overflow-wrap:anywhere
}
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-copy{
	min-width:0;margin:0
}
/* 2026-10-25: 带文章列表的 story 区块（「故乡的故事」）——标题栏收窄让列表靠近标题；
   每行"序号 标签"固定一列、标题从同一条竖线开始，所有语言共用同一排法。 */
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section:has(>ul){
	grid-template-columns:clamp(200px,19vw,260px) minmax(0,1fr);
	gap:clamp(20px,3vw,48px);align-items:start
}
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section>ul{list-style:none;margin:0;padding:0;min-width:0}
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section>ul>li{
	display:grid;grid-template-columns:7.2em minmax(0,1fr);column-gap:14px;align-items:baseline;
	margin:0;padding:12px 0;border-bottom:1px solid var(--ys-line);line-height:1.5
}
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section>ul>li:first-child{padding-top:0}
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section>ul>li:last-child{border-bottom:0}
body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-copy p:last-child{margin-bottom:0}
/* 2026-10-20: story section as last block sits right above the footer; drop its own bottom padding so the gap matches the tightened 36px rhythm (page bottom padding provides the rest). */
body:is(.ys-page-about,.ys-page-craft) .entry-content>.yunsilver-story-section:last-child{padding-bottom:0}
body.ys-page-about .entry-content>figure:first-of-type{margin-bottom:32px}
body.ys-page-about .entry-content>.yunsilver-about-video-story{margin-top:32px;margin-bottom:20px}
body.ys-page-craft .yunsilver-craft-grid{column-gap:clamp(20px,2.5vw,40px);row-gap:48px}
body.ys-page-craft .yunsilver-workshop-context{align-items:center;gap:clamp(32px,6vw,96px)}
body.ys-page-craft .yunsilver-workshop-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:36px}
body.ys-page-craft .yunsilver-workshop-films .wp-block-column{min-width:0}
body.ys-page-craft .yunsilver-workshop-films figure{margin:0}
body.ys-page-craft .yunsilver-workshop-films video{display:block;width:100%;height:auto}
@media(max-width:781px){
	body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section{grid-template-columns:1fr;gap:24px;padding:28px 0}
	body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section:has(>ul){grid-template-columns:1fr}
	body:is(.ys-page-about,.ys-page-craft) .yunsilver-story-section>ul>li{grid-template-columns:1fr;row-gap:2px}
	body.ys-page-craft .yunsilver-workshop-context{grid-template-columns:1fr;gap:28px}
}
@media(max-width:640px){
	body:is(.ys-page-about,.ys-page-craft) main.wp-block-group{padding-inline:24px!important}
	body:is(.ys-page-about,.ys-page-craft) .entry-content>.yunsilver-lead{margin-bottom:26px}
	body.ys-page-about .entry-content>figure:first-of-type{margin-bottom:32px}
	body.ys-page-craft .yunsilver-workshop-films{grid-template-columns:1fr;gap:32px;margin-bottom:36px}
}

/* 2026-10-23 (瓦力) Phone fixed header, one template for home + every inner page.
   Owner decisions: desktop stays exactly as is. On phones the header is fixed
   at the top, always shows the full YUNSILVER logo, does NOT change when the
   page scrolls, puts the nav on the same row as the logo, and uses the same
   glass as the desktop header (10% paper + blur 18px).
   Layout (72px): [full logo 100px] [language button, top right]
                                     [nav row beside the logo]
   The blur sits on ::before inside the 72px bar, so it cannot spread over the
   page or become a containing block for the language menu. Labels that do not
   fit (longer languages, 360px phones) scroll sideways inside the nav row.
   Revert: delete this block. Scoped to max-width:640px only. */
@media(max-width:640px){
	html{scroll-padding-top:84px}
	html body .ys-home .ys-header,html body .ys-shared-header,
	html body .ys-home.ys-scrolled .ys-header,html.yunsilver-scrolled body .ys-shared-header{
		position:sticky!important;top:0!important;z-index:40;display:block!important;box-sizing:border-box;
		height:72px!important;min-height:0!important;margin:0!important;padding:0 16px!important;
		background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
		isolation:isolate;overflow:visible;box-shadow:none!important;transition:none!important
	}
	html body .ys-home .ys-header::before,html body .ys-shared-header::before{
		content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
		background:color-mix(in srgb,#f7f5f0 10%,transparent);box-shadow:0 1px 0 rgba(27,26,23,.06);
		-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)
	}
	@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
		html body .ys-home .ys-header::before,html body .ys-shared-header::before{background:#f7f5f0}
	}
	html body .ys-home .ys-header .ys-logo,html body .ys-shared-header .ys-shared-logo{
		position:absolute!important;left:16px;top:12px;display:block;width:100px!important;max-width:none!important;flex:none!important;margin:0!important
	}
	html body .ys-home .ys-header .ys-logo img,html body .ys-shared-header .ys-shared-logo img{width:100%!important;max-width:none!important;height:auto;opacity:1!important}
	html body .ys-home .ys-header .ys-header-tools,html body .ys-shared-header .ys-shared-header-tools{
		position:absolute!important;top:5px!important;right:16px!important
	}
	html body .ys-home .ys-header .ys-lang-menu>summary,html body .ys-shared-header .ys-lang-menu>summary{min-height:30px;padding:0 26px 0 9px}
	html body .ys-home .ys-header .ys-lang-menu>summary::after,html body .ys-shared-header .ys-lang-menu>summary::after{right:11px}
	html body .ys-home .ys-header .ys-nav,html body .ys-shared-header .ys-shared-nav{
		position:absolute!important;left:128px;right:16px;top:auto!important;bottom:2px!important;display:flex;align-items:center;
		justify-content:space-between;gap:8px;height:34px;min-height:34px;margin:0!important;padding:0!important;font-size:10px;
		overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch
	}
	html body .ys-home .ys-header .ys-nav::-webkit-scrollbar,html body .ys-shared-header .ys-shared-nav::-webkit-scrollbar{display:none}
	html body .ys-home .ys-header .ys-nav a,html body .ys-shared-header .ys-shared-nav a{
		display:flex;align-items:center;flex:none!important;min-height:34px;padding:0!important;white-space:nowrap!important
	}
}