/* Shared by the Vue website and the server-rendered blog. */
.site-header{background:var(--paper,#fcf9f5);color:#30282b;position:relative;z-index:5;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:normal;border:0}
.site-header .container{width:min(1180px,calc(100% - 80px));margin:auto}
.site-header .header-inner{min-height:88px;display:flex;align-items:center;gap:24px}
.site-header a{color:inherit;text-decoration:none}
.site-header .brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;letter-spacing:-1px;white-space:nowrap}
.site-header .brand img{display:block;width:48px;height:48px;border-radius:9px}
.site-header .desktop-nav{margin-left:auto;display:flex;gap:27px;font-size:14px;font-weight:500;flex-wrap:nowrap}
.site-header .desktop-nav a:hover{opacity:.7}
.site-header .language-form{display:flex;align-items:center;margin:0;gap:8px}
.site-header .language-picker{display:flex;align-items:center;gap:4px;margin-left:16px;font-size:14px;white-space:nowrap}
.site-header .language-picker select{font:inherit;appearance:auto;color:inherit;background:transparent;border:0;padding:10px 4px;max-width:230px;cursor:pointer}
.site-header .language-picker option{background:var(--paper,#fcf9f5);color:#30282b}
.site-header .button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;padding:14px 23px;background:var(--rose,#f3e5e8);color:var(--wine,#641e38);font-size:15px;font-weight:600;text-align:center;min-height:48px}
.site-header .button:hover{filter:brightness(.96)}
.site-header .header-download{padding:12px 17px;font-size:13px;min-height:42px}
.site-header .menu-toggle{display:none;border:0;background:transparent;padding:10px;cursor:pointer;color:inherit}
.site-header .menu-toggle[hidden],.site-header .mobile-nav[hidden]{display:none}
.site-header button,.site-header select{font-family:inherit}
.site-header button:focus-visible,.site-header a:focus-visible,.site-header select:focus-visible{outline:3px solid #cf8465;outline-offset:5px}
.site-header .mobile-nav{padding:12px 25px 25px;display:flex;flex-direction:column;gap:20px;font-size:15px}
.home-header{background:var(--wine,#641e38);color:#fff4e7}
.home-header .header-download{background:#e2c4cc}
.home-header .language-picker{border:1px solid #ad7989;border-radius:24px;padding:0 10px}
.site-header .language-submit{font:inherit;background:#e2c4cc;color:#641e38;border:0;border-radius:6px;padding:6px 10px;cursor:pointer}
@media(max-width:1100px){
.site-header .container{width:calc(100% - 56px)}
.site-header .desktop-nav{gap:17px;font-size:12px}
.site-header .header-inner{gap:15px}
.site-header .language-picker{margin-left:0}
.site-header .header-download{display:none}
}
@media(max-width:760px){
.site-header .container{width:calc(100% - 40px)}
.site-header .header-inner{min-height:76px;gap:10px}
.site-header .brand{font-size:23px;gap:7px}
.site-header .brand img{width:39px;height:39px}
.site-header .desktop-nav{display:none}
.site-header .language-form{margin-left:auto}
.site-header .language-picker{margin-left:auto;font-size:12px;gap:1px}
.home-header .language-picker{border:0;padding:0}
.site-header .language-picker>svg{display:none}
.site-header .language-picker select{max-width:108px}
.site-header .menu-toggle{display:flex;padding:8px}
}
@media print{.site-header{display:none}}