/* Comfortable reading across palettes: system UI type and cool gray text. */
body{font-family:var(--font-ui);line-height:1.4}
button,input,select,textarea{font-family:var(--font-ui)}
h1,h2,h3{color:var(--text-heading)}
.page-head h1{font-weight:600;letter-spacing:-.35px;line-height:1.2}
.hero h2{color:var(--text-heading);font-weight:600;letter-spacing:-.2px;line-height:1.3}
.brand-word{font-weight:700}
.stat-num,.donut-inner strong{font-weight:600;letter-spacing:-.5px;color:var(--text-heading);font-variant-numeric:tabular-nums}
.stat-num.amber{color:#8a641f}
.panel-title,.settings-body h3,.summary-banner h3{font-size:13px;font-weight:600}
.modal-head h2,.appearance-heading h2{font-weight:600;letter-spacing:-.2px}
.nav-link{font-weight:500}
.nav-link.active{font-weight:600}
.page-head p,.hero p,.dropzone p,.layout-card p,.appearance-heading p{font-size:12px;line-height:1.45}
.btn,.tab,.search-field input,.filter,.mapping-select,.form-field,.context-field select{font-size:12px}
.btn{font-weight:500}
.context-field label,.context-right,.breadcrumbs,.global-search{font-size:11px}
.nav-label,.brand-caption{font-weight:600}
.nav-label{font-size:10px;letter-spacing:.8px}
.workspace strong,.user-profile strong{font-size:12px;font-weight:600}
.workspace small,.user-profile small,.demo-box p,.demo-box button,.demo-box .small-heading{font-size:11px}
.stat-label{font-size:12px;line-height:1.35}
.stat-foot{font-size:11px;line-height:1.35;color:var(--text-secondary)}
.stat-foot.green{color:#38745e}
.stat-foot.amber{color:#8a641f}
.panel-subtitle,.progress-label,.panel-bottom,.mini-select,.small-link{font-size:11px;line-height:1.35}
.progress-label{margin-bottom:4px}
.donut-inner span{font-size:10px;line-height:1.3}
.panel-bottom{padding-top:7px;padding-bottom:7px}
.heat-grid .month{font-size:10px;margin-bottom:3px;color:var(--text-secondary)}
.heat-grid .year{font-size:11px;color:var(--text-secondary)}
.heat-legend{font-size:10px;line-height:1.3;color:var(--text-secondary);gap:12px}
.heat-cell{font-size:11px}
.chip,.badge-count,.inline-badge{font-size:10px;font-weight:500;line-height:1.3}
.chip.purple{color:var(--purple-dark)}
.chip.green{color:#2f745a}
.chip.amber{color:#85601e}
.chip.red{color:#9d4759}
.nav-link .count{color:#85601e}
.table-primary{color:var(--text);font-weight:500}
table{font-size:12px;line-height:1.4}
th{font-size:11px;font-weight:600;color:var(--text-secondary)}
.cell-detail{font-size:11px;line-height:1.35;margin-top:3px}
.table-action,.rm-ok,.pagination,.mapping-info,.select-all-label{font-size:11px}
.rm-ok.selected{color:#2f745a}
.activity-item strong{font-size:12px;font-weight:500;color:var(--text)}
.activity-item p,.activity-time,.summary-banner p,.dropzone small,.event-card small,.form-field small{font-size:11px;line-height:1.4}
.activity-item strong{margin-bottom:3px}
.activity-time{margin-top:3px;color:var(--text-caption)}
.notice{font-size:12px;line-height:1.5}
.event-card small{min-height:2.8em}
.modal-body{font-size:13px;line-height:1.6}
.modal-body h3,.detail-grid strong,.detail-grid span,.validation-row,.confirm-check,.support-list strong,.support-list p{font-size:12px}
.modal-body .chip{font-size:11px}
.palette-fieldset legend,.palette-name,.custom-palette-label strong,#custom-palette-hex{font-size:12px}
.palette-description,.custom-palette-label p,.palette-error,.palette-current-name,.appearance-footer #palette-status,.appearance-footer .btn,.palette-contrast-note,.preview-nav,.preview-primary{font-size:11px;line-height:1.4}
.appearance-preview-label,.appearance-eyebrow{font-size:10px}
.footer{font-size:10px;line-height:1.3}
/* Reserve room for the clearer labels without shrinking the text. */
.stat{min-height:104px}
@media(min-width:1000px){
 .content[data-route="overview"] .route-body{grid-template-rows:64px 104px minmax(228px,1.12fr) minmax(160px,1fr)}
 .content[data-route="overview"] .hero h2{font-size:19px}
 .content[data-route="overview"] .hero p,.content[data-route="overview"] .hero .btn{font-size:12px}
 .content[data-route="overview"] .completion-body{gap:16px}
 .content[data-route="overview"] .completion-list{gap:10px}
 .content[data-route="overview"] .activity-item{padding-bottom:10px}
 .content[data-route="overview"] .panel-header{gap:8px}
 .content[data-route="overview"] .panel-title{font-size:13px}
 .content[data-route="overview"] .table-wrap{margin-top:10px}
 .content[data-route="overview"] td{padding-top:8px;padding-bottom:8px}
 .content[data-route="overview"] .coverage{justify-content:flex-start}
 .mapping-select{width:180px}
}
@media(min-width:1000px) and (max-height:800px){
 .content[data-route="overview"] .route-body{grid-template-rows:50px 104px minmax(224px,1.1fr) minmax(120px,1fr);gap:8px}
 .content[data-route="overview"] .stat{padding-top:9px;padding-bottom:9px}
 .content[data-route="overview"] .completion-list{gap:8px}
 .content[data-route="overview"] .donut{width:96px;height:96px}
}
@media(min-width:1000px) and (max-height:740px){
 .content[data-route="overview"] .route-body{grid-template-rows:40px 104px minmax(224px,1.1fr) minmax(110px,1fr)}
 .content[data-route="overview"] .coverage{padding-top:7px;padding-bottom:7px}
 .content[data-route="overview"] .panel-bottom{padding-top:5px;padding-bottom:5px}
}
@media(max-width:1150px){
 .context-right{display:none}
 .stat-label{font-size:12px}
}
@media(min-width:701px) and (max-width:999px){
 .top-actions .global-search{font-size:0}
}
@media(max-width:700px){
 .page-head h1{font-size:22px}
 .page-head p,.hero p,.toolbar .btn{font-size:12px}
 .page-head .actions .btn{font-size:0}
 .context-field label{font-size:10px}
 .context-field select,.breadcrumbs{font-size:11px}
 .stat{min-height:116px;padding:12px}
 .stat-label{font-size:12px}
 .stat-foot{font-size:11px}
 .hero h2{font-size:20px}
 .heat-grid .month{font-size:9px}
 .heat-legend{font-size:10px;gap:9px;flex-wrap:wrap}
 .panel-header{flex-wrap:wrap}
 .panel-title{font-size:13px}
 .appearance-heading p,.appearance-footer #palette-status,.preview-nav,.preview-primary{font-size:11px}
 .footer{font-size:10px}
}
@media(min-width:1000px){
 .content[data-route="overview"] .activity-item:last-child{padding-bottom:0}
}