/* Language controls and readable typography for both reporting demos. */
body{font-size:16px;line-height:1.6}
.dashboard-language{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:4px;background:white}
.dashboard-language button{min-width:34px;min-height:34px;padding:4px 7px;background:transparent;color:#4a6253;font-size:12px;font-weight:600;border-radius:2px}
.dashboard-language button[aria-pressed="true"]{background:var(--green);color:white}
body .nav-item,body .sidebar-nav button,body .sidebar-nav a,body .site-selector strong,body .button,body .period-label select,body .compare-label,body .page-search input,body .content-tools select{font-size:14px}
body .page-heading p,body .demo-notice p,body .demo-notice button,body .panel-explanation,body .connection-strip p,body .connection-strip strong,body .connector-note,body .connector-fields span,body .connector-fields b,body .report-content p,body .report-content li,body .quality-box p,body .connections-intro p{font-size:14px;line-height:1.75}
body .kpi-top,body .kpi-delta,body .metric-tabs button,body .source-name,body .source-row,body .country-name,body .country-row,body .follower-heading,body .social-follower-row>div>span,body .network-link>span>b,body .content-item strong,body .content-table td:first-child button{font-size:14px}
body .panel h2{font-size:19px;line-height:1.35}
body .platform-table,body .content-table,body .pages-table,body table{font-size:14px}
body .platform-table th,body .content-table th,body table th{font-size:12px;line-height:1.5}
body .platform-table td>strong,body .content-title{font-size:14px}
body .page-title,body .network-link>span>small,body .content-item small,body .platform-table td>small,body .social-kpi-note,body .table-footer,body .chart-legend,body .chart-footer,body .period-caption,body .dashboard-footer,body .dashboard-footer button,body .text-button,body .source-row>span:last-child{font-size:12px;line-height:1.65}
body .insight-item h3{font-size:15px;line-height:1.5}
body .insight-item p,body .dialog-content dt,body .dialog-content dd,body .app-demo-copy p{font-size:14px;line-height:1.75}
body .export-menu button{font-size:14px;padding-block:12px}
body #traffic-chart text{font-size:12px}
body .chart-tooltip{font-size:13px;line-height:1.6}
body .page-search input{min-height:38px}
html[lang="zh-CN"] body{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}
@media(max-width:760px){
 .topbar{min-height:66px;height:auto;padding-block:8px;gap:8px}
 .topbar-actions{gap:7px}
 .dashboard-language button{min-width:29px;min-height:32px;padding-inline:5px;font-size:11px}
 body .demo-label{display:none}
 body .breadcrumb{font-size:12px}
 body .breadcrumb strong{max-width:100px;font-size:12px}
 body .page-heading p,body .demo-notice p,body .demo-notice button,body .panel-explanation,body .connection-strip p,body .connector-note{font-size:13px}
 body .kpi-top{font-size:12px;min-height:35px}
 body .kpi-delta,body .metric-tabs button,body .social-kpi-note{font-size:11px}
 body .period-caption,body .chart-legend,body .chart-footer,body .table-footer{font-size:12px}
 body .metric-tabs{flex-wrap:wrap}
 body .metric-tabs button{padding:8px}
 body #traffic-chart text{font-size:16px}
 body .insight-item h3{font-size:15px}
 body .insight-item p{font-size:14px}
}

/* Keep mobile tables scrollable inside their panels and give headings a full row. */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 body .shell,body.social-dashboard .shell{width:100%;min-width:0;max-width:100%;margin-left:0}
 body main,body #analytics-view,body #reports-view,body #connections-view{min-width:0;max-width:100%;box-sizing:border-box}
 body .page-heading,body.social-dashboard .page-heading{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;min-width:0;gap:18px}
 body .page-heading>div:first-child,body.social-dashboard .page-heading>div:first-child{flex:0 0 auto;width:100%;min-width:0;max-width:100%}
 body .page-heading h1,body.social-dashboard .page-heading h1{width:100%;max-width:100%;overflow-wrap:break-word}
 body .heading-actions,body.social-dashboard .heading-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:100%;margin-top:0}
 body .analytics-grid,body.social-dashboard .analytics-grid{width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
 body .panel,body.social-dashboard .panel{min-width:0;max-width:100%}
 body .table-scroll,body.social-dashboard .table-scroll{display:block;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;contain:inline-size;-webkit-overflow-scrolling:touch}
 body .table-scroll>table,body.social-dashboard .table-scroll>table{max-width:none}
}