.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 4px;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;flex-shrink:0}
.language-toggle[hidden],.site-language-menu[hidden]{display:none}
.language-toggle>svg{width:19px;height:19px;flex-shrink:0}
.language-toggle>.language-chevron{width:12px;height:12px}
.language-toggle:hover{color:#6d6470}
.entrance-header .language-toggle-text{position:relative;padding:0;font-size:clamp(17px,1.35vw,22px)}
.entrance-header .language-toggle-text:hover{color:inherit}
.entrance-header .language-toggle-text::after{content:'';position:absolute;left:0;bottom:7px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}
.entrance-header .language-toggle-text:hover::after{transform:scaleX(1);transform-origin:left}
.language-toggle:focus-visible,.site-language-menu button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.header nav,.resource-header nav{margin-left:auto;align-items:center}
.header{gap:28px}
.resource-header{gap:24px}
.site-language-menu{position:fixed;z-index:1000;width:min(218px,calc(100vw - 24px));overflow-y:auto;overscroll-behavior:contain;padding:8px;border:1px solid rgba(41,33,44,.18);border-radius:8px;background:#f6f2ec;color:#29212c;box-shadow:0 12px 34px rgba(41,33,44,.12);font-family:Nunito,ResourceNunito,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.site-language-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:9px 12px;border:0;border-radius:4px;background:transparent;text-align:left;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.site-language-menu button:hover,.site-language-menu button:focus-visible{background:rgba(41,33,44,.055)}
.site-language-menu button[aria-checked="true"]{font-weight:700}
.site-language-menu button[aria-checked="true"]::after{content:'✓';font-size:14px}
html:lang(zh) :is(.product-copy h1,.product-copy h2,.document-heading h1,.studio-copy h2,.inside-heading h2,.story-copy h3,.everyday-intro h2,.journey-forest h2,.details-copy h2),html:lang(ja) :is(.product-copy h1,.product-copy h2,.document-heading h1,.studio-copy h2,.inside-heading h2,.story-copy h3,.everyday-intro h2,.journey-forest h2,.details-copy h2),html:lang(ko) :is(.product-copy h1,.product-copy h2,.document-heading h1,.studio-copy h2,.inside-heading h2,.story-copy h3,.everyday-intro h2,.journey-forest h2,.details-copy h2){font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans','Microsoft YaHei',sans-serif;line-height:1.25;letter-spacing:-.025em}
html:not(:lang(en)) :is(.product-copy h1,.product-copy h2,.inside-heading h2,.document-heading h1){overflow-wrap:anywhere}
html:not(:lang(en)) .resource-row-copy h2,html:not(:lang(en)) .resource-detail-heading h1,html:not(:lang(en)) .resource-link-item h3{overflow-wrap:anywhere}
@media(max-width:1050px){.header nav{gap:24px}}
@media(max-width:760px){.header:not(.entrance-header){display:grid;grid-template-columns:1fr auto;grid-template-rows:44px auto;height:auto;gap:12px 20px;padding-top:22px;padding-bottom:14px}.header:not(.entrance-header)>.brand{grid-column:1;grid-row:1}.header:not(.entrance-header)>.language-toggle{grid-column:2;grid-row:1}.header:not(.entrance-header)>nav{grid-column:1/-1;grid-row:2;margin:0;flex-wrap:wrap;gap:8px 24px}.entrance-header{gap:16px}.entrance-header nav{gap:clamp(12px,3vw,22px);margin:0}.entrance-header nav a{font-size:14px}.entrance-header .language-toggle{font-size:12px;gap:5px}.product-detail{padding-top:176px}.document-page{padding-top:178px}.resource-header{gap:16px}.resource-header nav{gap:16px}.language-toggle{font-size:12px}.resource-brand{font-size:36px}.site-language-menu{font-size:14px}}
@media(max-width:360px){.entrance-header{gap:10px}.entrance-header nav{gap:10px}.entrance-header nav a{font-size:13px}.entrance-header .language-chevron{display:none}.language-toggle>svg{width:18px;height:18px}.resource-header{gap:12px}}
@media(max-width:760px){.entrance-header .language-toggle-text{font-size:14px}}
@media(max-width:360px){.entrance-header .language-toggle-text{font-size:13px}}
