.language-picker{position:relative;display:inline-flex;align-items:center;flex-shrink:0;gap:7px;color:inherit;font:inherit}
.language-picker::after{content:"";position:absolute;right:15px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.language-picker select{appearance:none;-webkit-appearance:none;margin:0;width:auto;max-width:145px;min-height:38px;padding:7px 38px 7px 12px;border:1px solid #60636b;border-radius:9px;background:#1c1d20;color:#f4f4f5;font:500 13px/1.4 system-ui,sans-serif;cursor:pointer}
html[data-theme="light"] .language-picker select{background:#fff;color:#202124;border-color:#c8c8ce}
.language-picker select:focus-visible,[data-language-auto]:focus-visible{outline:2px solid #8ab4f8;outline-offset:3px}
.language-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;width:100%;font:12px/1.7 system-ui,sans-serif;color:inherit}
.language-footer a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.site-footer{flex-wrap:wrap}
html:not([lang^="zh"]) .how-it-works strong{white-space:normal}
[data-language-auto]{padding:3px 7px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.site-header .header-right{flex-wrap:wrap;justify-content:flex-end}
html:not([lang^="zh"]) .home-header+main h1,html:not([lang^="zh"]) .hero h1{font-size:clamp(32px,3.9vw,76px);white-space:normal;flex-wrap:wrap;column-gap:.2em}
html:not([lang^="zh"]) .hero-copy{min-width:0}
html:not([lang^="zh"]) .preset-grid button{white-space:normal}
html:not([lang^="zh"]) .section-heading{flex-wrap:wrap;gap:8px}
html:not([lang^="zh"]) .theme-toggle{white-space:normal}
@media(max-width:700px){
  /* Override the themed fixed height so both header rows stay inside its border. */
  html .site-header{height:auto;min-height:0;padding-top:14px;padding-bottom:14px;flex-wrap:wrap;gap:12px}
  html[data-theme] .site-header{height:auto}
  .site-header .header-right{display:grid;grid-template-columns:minmax(112px,1.2fr) repeat(2,minmax(0,1fr));width:100%;gap:8px;align-items:stretch}
  .site-header .header-right .language-picker{min-width:0}
  .site-header .header-right .language-picker select{width:100%;max-width:none;min-height:44px;height:100%}
  html[data-theme] .site-header .header-right>button{min-height:44px;padding:8px 10px;font-size:12px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-card);color:var(--ui-text)}
  .home-header{gap:12px}
  html:not([lang^="zh"]) .hero h1{font-size:clamp(28px,7.6vw,50px)}
  .language-footer{font-size:11px}
}