/* Shared UI typography. Space Grotesk stays in the logo lockup only. */
:root{--tone-ui-font:Arial,'Yu Gothic UI',Meiryo,sans-serif}
#system-sidebar{font-family:var(--tone-ui-font)!important}
.tone-header,.tone-header button,.tone-header .tone-languages>a,.tone-header .language-switch button,.tone-demo,.mock-bar,.tone-home-notice,.tone-guide-link,.tone-product-controls,.tone-product-controls button{font-family:var(--tone-ui-font);font-style:normal}
.tone-breadcrumb{font-family:var(--tone-ui-font);font-size:14px;font-weight:500;line-height:1.5;letter-spacing:normal}
.tone-product-heading h1{font-family:var(--tone-ui-font);font-weight:700;letter-spacing:-.02em}
.tone-kicker{font-family:var(--tone-ui-font);font-weight:600;letter-spacing:.08em}
.tone-header .tone-languages button,.tone-header .tone-languages>a,.tone-header .language-switch button{font-weight:500;letter-spacing:normal}
body[data-tone-page] .tone-header .tone-languages [aria-pressed=true],body[data-tone-page] .tone-header .tone-languages>a[aria-current],body[data-tone-page] .tone-header .language-switch [aria-pressed=true]{font-weight:700}
.tone-product-controls button{font-weight:500;letter-spacing:normal}
.tone-product-controls button[aria-pressed=true]{font-weight:600}
.tone-product-controls .tone-scene-caption{font-family:var(--tone-ui-font);font-weight:400}
body[data-tone-page=graph] .tone-header #notes{font-family:var(--tone-ui-font);font-weight:500}
body[data-tone-page=home] .tone-home-notice{font-size:13px;font-weight:400;line-height:1.65}