:root{
  --readable-body-desktop:13px;
  --readable-small-desktop:11px;
  --readable-body-mobile:14px;
  --readable-small-mobile:12px;
  --selection-strong:#0b6b62;
  --selection-border:#064b46;
  --completion-soft:#e3f3ec;
  --completion-border:#b8ddd2;
  --completion-ink:#256c5e;
}

/* v0.10.8: only type size and state semantics; layout dimensions stay unchanged. */
body{font-size:var(--readable-body-desktop)}

.breadcrumb,.page-title p,.panel-title p,.summary-label,.summary-note,.filter-count,
.data-table th,.cell-sub,.status,.inline-link,.helper,.field-help,.form-help,
.task-card p,.task-card-bottom>span,.owner-card-facts span,.detail-head p,
.detail-item dt,.detail-note,.form-field>span,.record-head span,.timeline-item small,
.number-grid label,.picker-tools label,.choice-pool-head span,.choice-pool-head button,
.object-card small,.object-card em,.object-card a,.metric-row i,.pool-pagination,
.results-filters label,.active-result-filters span,.active-result-filters button,
.result-detail-summary span,.result-conclusion-row span,.attachment-chip,
.result-metadata dt,.result-metadata dd,.workflow-round-table th,.round-time time,
.round-main>small,.round-empty,.stage-conclusion>span,.stage-conclusion>div>span,
.workpage-head span,.item-directory a,.item-directory a span,
.nav-group-label,.v090-field-head small,.v090-field-head dt,.v090-submitbar>span,
.v098-material-actions span,.v0104-material small,
.plan-filters label>span,.data-table td small,.data-table td>span,
.v090-status,.table-pagination,.table-pagination button,.table-pagination span,
.v090-register-head,.v090-item-nav span,.v090-required,.v090-standard summary,
.v090-standard p,.v090-record-form span,.v090-attendance-row small,
.v090-attendance-row label,.v091-process-table th,.v091-process-table small,
.decision-help,.decision-note,.material-note,.result-material small,
.summary-action .summary-label,.summary-action .summary-note,
.work-filter label,.work-filters label>span,.work-summary-label,.work-detail-label,
.work-view-tabs button,.work-metric-help,.result-scope-lock span,.result-scope-lock b,
.work-scope-lock span,.work-scope-lock b,.config-section-button small{
  font-size:var(--readable-small-desktop)!important;
}

.data-table,.v091-process-table,.workflow-round-table table,
.results-filters input,.results-filters select,.results-filters .quiet-button,
.task-card-bottom button,.task-card-bottom a,.form-field input,.form-field select,
.form-field textarea,.detail-item dd,.result-detail-summary b,.result-detail-section p,
.round-main strong,.round-main p,.selected-summary,.object-card b,
.work-filter input,.work-filter select,.work-card,.config-section-button{
  font-size:var(--readable-body-desktop)!important;
}

/* Completed is a quiet historical state. */
.v0104-workspace .v090-item-nav button.done:not(.active){
  border:1px solid var(--completion-border)!important;
  color:var(--completion-ink)!important;
  background:var(--completion-soft)!important;
  box-shadow:none!important;
}
.v0104-workspace .v090-item-nav button.done:not(.active) b,
.v0104-workspace .v090-item-nav button.done:not(.active) span{
  color:var(--completion-ink)!important;
}

/* Current selection always wins, including active + done. */
.v0104-workspace .v090-item-nav button.active,
.v0104-workspace .v090-item-nav button.active.done{
  border:2px solid var(--selection-border)!important;
  color:#fff!important;
  background:var(--selection-strong)!important;
  box-shadow:0 0 0 2px rgba(6,75,70,.16),0 5px 12px rgba(6,75,70,.18)!important;
}
.v0104-workspace .v090-item-nav button.active b,
.v0104-workspace .v090-item-nav button.active span,
.v0104-workspace .v090-item-nav button.active.done b,
.v0104-workspace .v090-item-nav button.active.done span{
  color:#fff!important;
}

/* Same selected-state language for direct sibling controls. */
.summary-action.active,
.work-view-tabs button.active,
.result-stage-tabs button.active,
.v099-result-choice label.is-active,
.config-section-button.active{
  border-color:var(--selection-border)!important;
  color:#fff!important;
  background:var(--selection-strong)!important;
  box-shadow:0 0 0 1px rgba(6,75,70,.12)!important;
}
.summary-action.active .summary-label,
.summary-action.active .summary-value,
.summary-action.active .summary-note,
.work-view-tabs button.active span,
.result-stage-tabs button.active span,
.v099-result-choice label.is-active span,
.config-section-button.active small{
  color:#fff!important;
}

@media(max-width:720px){
  body{font-size:var(--readable-body-mobile)}

  .breadcrumb,.page-title p,.panel-title p,.summary-label,.summary-note,.filter-count,
  .data-table th,.cell-sub,.status,.inline-link,.helper,.field-help,.form-help,
  .task-card p,.task-card-bottom>span,.owner-card-facts span,.detail-head p,
  .detail-item dt,.detail-note,.form-field>span,.record-head span,.timeline-item small,
  .mobile-list-controls .plan-filters select,.mobile-list-controls .filter-count,
  .mobile-list-controls .batch-bar>span,.mobile-list-controls .batch-bar button,
  .mobile-list-controls .filter-chip,.section-tab,.task-work-dialog .workpage-head span,
  .task-work-dialog .item-directory a,.task-work-dialog .item-directory a span,
  .object-picker-dialog .detail-head p,.object-picker-dialog .picker-tools input,
  .object-picker-dialog .picker-tools select,.object-picker-dialog .picker-tools .quiet-button,
  .object-picker-dialog .selected-summary,.object-pool-tabs button,
  .object-pool-tabs button small,.results-mobile-filter input,
  .results-mobile-filter .quiet-button,.results-filters input,.results-filters select,
  .active-result-filters span,.result-mobile-card .task-card-top p,
  .results-main .table-pagination,.results-main .table-pagination button,
  .mobile-result-detail>header span,.mobile-result-status .status,
  .mobile-result-detail .result-stage-tabs button,.result-mobile-view-mode button,
  .result-detail-summary span,.result-conclusion-row span,.result-metadata dt,
  .result-metadata dd,.workflow-round-table th,.round-time time,.round-main>small,
  .stage-conclusion>span,.stage-conclusion>div>span,.v090-register-head,
  .nav-group-label,.v090-field-head small,.v090-field-head dt,.v090-submitbar>span,
  .v098-material-actions span,.v0104-material small,
  .brand-sub,.identity>span,.v0104-objective header span,.v0104-objective header em,
  .v090-counts span,.v090-counts small,.v090-att-detail-head span,.v090-att-row small,
  .plan-filters label>span,.data-table td small,.data-table td>span,
  .v090-status,.table-pagination,.table-pagination button,.table-pagination span,
  .v090-item-nav span,.v090-required,.v090-standard summary,.v090-standard p,
  .v090-record-form span,.v090-attendance-row small,.v090-attendance-row label,
  .v091-process-table th,.v091-process-table small,.decision-help,.decision-note,
  .material-note,.result-material small,.summary-action .summary-label,
  .summary-action .summary-note,.work-filter label,.work-summary-label,
  .work-detail-label,.work-view-tabs button,.work-metric-help,
  .result-scope-lock span,.result-scope-lock b,.work-scope-lock span,.work-scope-lock b,
  .v0104-rectifier-card footer>span,
  .config-section-button small{
    font-size:var(--readable-small-mobile)!important;
  }

  .task-card,.owner-mobile-card,.result-mobile-card,.work-card,
  .form-field input,.form-field select,.form-field textarea,
  .task-work-dialog .workpage-head b,.result-mobile-card .result-card-item,
  .result-detail-summary b,.result-detail-section p,.round-main strong,
  .round-main p,.selected-summary,.object-card b,.work-filter input,
  .work-filter select,.config-section-button{
    font-size:var(--readable-body-mobile)!important;
  }

  /* Raise legacy high-specificity mobile rules without changing their boxes. */
  html body main.main-content .summary-label,
  html body main.main-content .owner-page-count,
  html body main.main-content .status,
  html body main.main-content .v090-status,
  html body main.main-content .mobile-list-controls .batch-bar b,
  html body main.main-content .table-pagination,
  html body main.main-content .table-pagination button,
  html body main.main-content .table-pagination span,
  html body main.main-content .table-pagination b,
  html body main.main-content .work-mobile-filter .quiet-button,
  html body main.main-content .work-metric-help{
    font-size:var(--readable-small-mobile)!important;
  }

  .results-main>.summary-strip .summary-label,
  .work-main>.summary-strip .summary-label,
  .owner-process-unified .status,
  .owner-process-unified .v090-status,
  .owner-process-unified>.table-pagination,
  .owner-process-unified>.table-pagination button,
  .owner-process-unified>.table-pagination b,
  .result-mobile-card .status,
  .work-person-card .status,
  .results-main .table-pagination,
  .results-main .table-pagination button,
  .work-main .table-pagination,
  .work-main .table-pagination button,
  .work-person-card .work-metric-help{
    font-size:var(--readable-small-mobile)!important;
  }
}