/* Readable studio text; the tenant preview keeps its own typography. */
:root { font-size:15px; --muted:#627787; }
button, label, .upload-button { font-size:13px; }
input, select, textarea { font-size:15px; }
.muted { color:#627787; }
.application { grid-template-columns:280px minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); }
.topbar { min-height:88px; padding:15px 24px; gap:20px; }
.wordmark { font-size:28px; }
.wordmark small { font-size:9px; }
.tenant-label { font-size:11px; }
.tenant-label select { font-size:14px; }
.topbar .main-nav button { font-size:14px; padding:11px 12px; }
.top-actions, .top-actions button { font-size:12px; }
.top-actions button { padding:10px 11px; white-space:nowrap; }
.outline-tabs button, .tree-heading, #languageFilter, #searchPages, .tree-row,
.column-heading, .component-item .type, .add-component { font-size:14px; }
.component-item { padding-top:15px; padding-bottom:15px; }
.component-item .component-title { font-size:12px; color:#657d8f; }
.component-item .type { color:#39586d; }
.component-actions { flex-wrap:wrap; }
.component-actions button { font-size:12px; min-height:30px; }
.tree-language, .sidebar-foot, #sectionCount { font-size:11px; }
.connection-strip, .connection-strip a { font-size:12px; color:#5f798c; }
.connection-strip strong { font-size:10px; color:#627c8e; }
.page-header { min-height:112px; }
.page-header h2 { font-size:28px; }
.page-header .eyebrow { font-size:11px; color:#627b8d; }
.page-header .muted { font-size:12px; color:#627787; }
.page-actions button, #pageDetails { font-size:12px; }
.builder { grid-template-columns:minmax(0,1fr) 370px; }
.canvas-tools, .canvas-tools button, .canvas-tools a { font-size:13px; color:#597386; }
.canvas-tools button { padding:8px 10px; }
.inspector>.column-heading { font-size:17px; }
.inspector>.column-note { font-size:12px; color:#627787; margin-bottom:24px; }
.inspector-group>h3 { font-size:11px; color:#627b8c; }
.inspector-group>summary { font-size:14px; }
.property>label { font-size:13px; color:#597486; }
.property input, .property textarea, .property select, .rich-editor { font-size:15px; line-height:1.8; }
.rich-tools button, .image-actions button { font-size:12px; }
.rich-editor .chapter-title { font-size:16px; }
.rich-editor .chapter-preview { font-size:14px; color:#627787; }
.page-danger button, .inspector #historyPanel>summary, .history-item, .history-item button { font-size:12px; }
.stat-card small, .stat-card p, .rank-row, .statistics-filters input, .statistics-filters button { font-size:14px; }
.template-card p, .template-card small, .media-grid span, .toast { font-size:13px; }
.template-card p { color:#627787; }
.template-card strong { font-size:19px; }
dialog label { font-size:13px; }
dialog input, dialog textarea, dialog select { font-size:15px; }
.login-card form label, .login-card form input, .login-card form button { font-size:15px; }
.login-card>.muted, .login-card>small, .connection-link { font-size:13px; }
.login-install { grid-column:2; justify-self:start; align-self:end; margin-top:18px; font-size:13px; }
.pwa-install-help { line-height:1.85; font-size:15px; }
.pwa-install-help p { margin-bottom:16px; }
.pwa-install-help ol { padding-left:22px; }
.pwa-install-help li { margin-bottom:10px; }
.setup-brand-row { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; }
.setup-brand-row .setup-brand { margin:0; }
.setup-card label, .setup-status, .setup-card p, .setup-footer { font-size:14px; }
.setup-card input, .setup-card select { font-size:15px; }
@media(max-width:1500px) {
 .topbar { flex-wrap:wrap; gap:10px 20px; }
 .topbar .main-nav { order:4; width:100%; }
 .top-actions { margin-left:auto; }
 .tenant-label select { width:190px; }
}
@media(max-width:1380px) {
 .application { grid-template-columns:250px minmax(0,1fr); }
 .builder { grid-template-columns:minmax(0,1fr) 340px; }
 .topbar .main-nav button { font-size:14px; }
}
@media(max-width:1100px) {
 .application { grid-template-columns:240px minmax(0,1fr); }
 .builder { grid-template-columns:minmax(0,1fr) 320px; }
 .topbar { height:auto; }
}
@media(max-width:760px) {
 .topbar { height:auto; padding:18px; min-height:126px; }
 .wordmark { font-size:25px; }
 .tenant-label select { width:160px; font-size:14px; }
 .top-actions { flex-wrap:wrap; }
 .top-actions, .top-actions button { font-size:12px; }
 .topbar .main-nav { flex-wrap:wrap; }
 .topbar .main-nav button { font-size:14px; padding:10px; }
 .sidebar { max-height:340px; }
 .outline-tabs button, .tree-row { font-size:14px; }
 .page-header h2 { font-size:26px; }
 .page-actions button { font-size:12px; }
 .canvas-tools { flex-wrap:wrap; gap:6px; }
 .canvas-tools button, .canvas-tools a { font-size:12px; }
 .property input, .property textarea, .property select, .rich-editor,
 dialog input, dialog textarea, dialog select, .login-card form input { font-size:16px; }
 .login-install { margin-top:24px; }
 .setup-brand-row { align-items:flex-start; }
}