/* Shared typography for site screens and administrative tools. */
:root{
 --ui-font:"Segoe UI",Arial,sans-serif;
 --ui-text:14px;
 --ui-small:12px;
 --ui-title:28px;
 --ui-heading:22px;
}
body,body.legal-page{font-family:var(--ui-font);font-size:var(--ui-text)}
.privacy-choice{font-family:var(--ui-font);font-size:var(--ui-text)}
/* Legacy screens use different control selectors; keep all actions consistent. */
body button,body input,body select,body textarea,body a.button,
body .account-controls>a,body header nav a,body .legal-layout nav a{
 font-family:var(--ui-font)!important;
 font-size:var(--ui-text)!important;
 line-height:1.4;
}
body label{font-size:var(--ui-text)!important;line-height:1.5}
body button,body a.button,body .account-controls>a{font-weight:600}
body input,body select,body textarea{font-weight:400}
body input::file-selector-button{font:inherit}
body input::placeholder,body textarea::placeholder{font-family:inherit;font-size:inherit}
body dialog h2,body .setup-page h2,body .legal-layout h2{font-size:var(--ui-heading)}
body .setup-page h1,body .legal-layout h1{font-size:var(--ui-title)}
.admin-typography h1{font-size:var(--ui-title)}
.admin-typography h2{font-size:var(--ui-heading)}
/* Account actions may wrap when their labels need more room. */
.account-controls{flex-wrap:wrap}
@media(max-width:600px){
 body input:not([type=checkbox]):not([type=radio]),body select,body textarea{font-size:16px!important}
}