/* ShopXN site-wide reference typography, 2026-10-03 */
html{font-family:Arial,Inter,system-ui,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
body,input,select,textarea,button{font-family:Arial,Inter,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important}
body{--primary:#232425;--primary-light:#63676d;--secondary:#63676d;--accent:#232425;--brand-primary:#232425;--brand-primary-hover:#63676d;--border-color:#eaeaea;--text-primary:#232425;--text-secondary:#63676d;--bg-primary:#fff;--bg-secondary:#fafafa}
body h1,body h2,body h3,body h4{font-family:Arial,Inter,system-ui,"PingFang SC","Microsoft YaHei",sans-serif!important;letter-spacing:-.035em}
body h1{font-weight:600!important;line-height:1.12!important;font-size:clamp(32px,4.5vw,64px)!important}
body h2{font-weight:550!important;line-height:1.18!important;font-size:clamp(28px,3.4vw,44px)!important}
body h3{font-weight:600!important;line-height:1.3!important}
body .btn,body .button,body button:not(.menu-toggle):not(.menu-button){font-weight:600;border-radius:12px}
:root body .btn-primary,:root body .article-button,:root body button[type=submit],:root body input[type=submit]{background:#232425!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#232425!important;border-radius:12px}
:root body .btn-primary *,:root body .article-button *,:root body button[type=submit] *{color:#fff!important;-webkit-text-fill-color:#fff!important}
body .btn-secondary{background:#fff!important;color:#232425!important;border:1px solid #eaeaea!important}
body .article-hero,body .page-header,body .hero,body footer{background:#fafafa!important;color:#232425!important}
body .article-hero p,body .article-hero span,body .article-hero a:not(.btn),body .article-hero figcaption,body footer p,body footer a{color:#63676d!important}
body .article-hero h1,body .page-header h1{color:#232425!important;-webkit-text-fill-color:#232425!important}
body p,body .page-subtitle,body .section-description{color:#63676d}
body header img,body footer img,body .site-logo-image,body .logo img,body .footer-logo img{filter:grayscale(1)!important}
body main img,body section img,body article img,body .page-header-visual img{filter:grayscale(1)}
body .header,body .sl-header{background:#fff!important}
body .header .site-logo-image,body .sl-header img{width:112px!important;height:auto!important}
body .header .header-container{min-height:64px}
body .article-hero-figure{box-shadow:none;border:1px solid #eaeaea;border-radius:12px;overflow:hidden}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible,body textarea:focus-visible{outline:2px solid #63676d;outline-offset:4px}
body code,body pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
body .article-body h2,body .article-content h2,body article h2{font-size:clamp(26px,2.6vw,34px)!important}
@media(max-width:600px){body h1{font-size:34px!important}body h2{font-size:28px!important}body p{overflow-wrap:break-word}}