/* Locale prototype — compact, accessible, responsive; preserves existing header hierarchy. */
.xujie-language-switch{display:inline-flex;align-items:center;flex:none;max-width:126px;margin-inline-start:8px;position:relative}
.xujie-language-switch select{appearance:auto;max-width:126px;min-width:95px;min-height:36px;padding:5px 7px;border:1px solid currentColor;border-radius:3px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:500;line-height:1.35;cursor:pointer}
.xujie-language-switch select option{background:#fff;color:#262522}
.xujie-language-switch select:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.xujie-language-switch .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1100px) and (min-width:901px){.xujie-language-switch{max-width:96px}.xujie-language-switch select{min-width:80px;max-width:96px;font-size:11px}}
@media(max-width:900px){.ref-collection-note .wrap{grid-template-columns:minmax(0,1fr)}.ref-collection-note .wrap>div{min-width:0;max-width:100%}.ref-collection-note h2,.ref-collection-note p{overflow-wrap:anywhere}.site-header .nav.right .xujie-language-switch{display:none}.xujie-language-switch.mobile{margin-inline:6px 8px;max-width:118px}.xujie-language-switch.mobile select{min-width:88px;max-width:118px;min-height:44px;font-size:13px}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.mobile-menu-head>button{flex:none}}

/* Locale long-word handling, scoped to existing mobile Materials layout. */
@media (max-width:900px) {
  body[data-page="materials"] .materials-hero {
    grid-template-columns:minmax(0,1fr);
    max-width:100%;
    min-width:0;
  }
  body[data-page="materials"] .section-head > div {min-width:0;max-width:100%;}
  body[data-page="materials"] .section-head h2,
  body[data-page="materials"] .section-head p {overflow-wrap:anywhere;hyphens:auto;}
  body[data-page="materials"] .materials-hero-copy,
  body[data-page="materials"] .materials-hero-media {
    min-width:0;
    max-width:100%;
  }
  body[data-page="materials"] .materials-hero-copy h1,
  body[data-page="materials"] .materials-hero-copy p {
    overflow-wrap:anywhere;
    hyphens:auto;
  }
}