/* Shared reading hierarchy. Loaded last; presentation decoration must not weaken component text. */
:root{--text-heading:#1f2329;--text-body:#303133;--text-secondary:#595959;--text-placeholder:#c0c4cd;--text-disabled:#c0c4cc;--title:var(--text-heading);--body:var(--text-body);--input:var(--text-body);--secondary:var(--text-secondary);--doc-paper:#f5f6f8;--doc-ink:var(--text-body)}
/* Component text keeps its actual 14px size in both wide and narrow containers. */
body{color:var(--text-body)}
.type-dialog,.type-heading{color:var(--text-heading)}
.type-body,.value-pair,.wrap-sample{color:var(--text-body);font-size:14px;font-weight:400;line-height:21px}
.type-help{color:var(--text-secondary);font-size:12px;line-height:18px;font-weight:400}
.table-scroll table td,.table-scroll table td:nth-child(n+2),.demo-area .el-table{color:var(--text-body);font-size:14px;font-weight:400}
.table-scroll table th,.el-table th{color:var(--text-heading);font-size:14px;font-weight:600}
.demo-area .table-scroll table th,.demo-area .el-table th{background:#f7f8fa}
.el-table .cell{line-height:21px}
.el-input:not(.is-disabled)>.el-input__inner,.el-textarea:not(.is-disabled)>.el-textarea__inner,.specimen-stage .input-showcase .el-input:not(.is-disabled)>.el-input__inner{color:var(--text-body);font-size:14px;font-weight:400}
.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:var(--text-placeholder);opacity:1}
.el-input.is-disabled>.el-input__inner,.specimen-stage .input-showcase .el-input.is-disabled>.el-input__inner,.el-textarea.is-disabled>.el-textarea__inner{color:var(--text-disabled)}
.el-select-dropdown__item:not(.selected):not(.is-disabled),.el-cascader-node:not(.is-active):not(.is-selectable):not(.in-active-path):not(.is-disabled),.demo-area .el-tree,.el-autocomplete-suggestion li{color:var(--text-body);font-size:14px;font-weight:400}
.el-checkbox:not(.is-disabled):not(.is-checked) .el-checkbox__label,.el-radio:not(.is-disabled):not(.is-checked) .el-radio__label,.el-descriptions,.el-dialog__body,.el-message-box__content,.el-drawer__body{color:var(--text-body);font-size:14px}
.el-dialog__title,.el-message-box__title,.el-drawer__header{color:var(--text-heading);font-weight:600}
.el-pagination{color:var(--text-body)}
.input-showcase>label,.demo-grid>label,.date-demos>label{color:var(--text-body);font-size:14px;font-weight:400}
/* Documentation carries instructions: it is not low-priority helper text. */
.rules,.scenario-checklist,.card-summary,.spec-detail .acceptance>p:not(.help){color:var(--text-body);font-size:14px;line-height:24px;font-weight:400}
.spec-detail>summary,.specimen-heading h4{color:var(--text-heading)}
.spec-detail .acceptance>summary{font-size:14px;color:#245bb6}
.demo-area .help,.help,.input-showcase small,.specimen-heading>span,.state-note,.spec-document-description>span{color:var(--text-secondary);font-size:12px;line-height:18px}
.specimen-row .state-cell>span,.pagination-states .pagination-example>span{color:var(--text-body);font-size:13px;line-height:21px}
.swatch strong{color:var(--text-body);font-size:14px;font-weight:500}.swatch code{color:var(--text-body);font-size:12px}.swatch small{color:var(--text-secondary);font-size:12px;line-height:18px}
.token-strip>span{color:var(--text-secondary);font-size:12px}.token-strip b,.pagination-feedback b{color:var(--text-heading)}
.findbar .search-box input{color:var(--text-body);font-size:14px}.findbar .search-box input::placeholder{color:#6b7280}
.category-chip{font-size:13px;color:var(--text-secondary)}.category-chip.active{color:#2458c9}.section-head h2{color:var(--text-heading);font-size:13px}.section-head>span,.findbar>span,.detail-action{font-size:12px;color:var(--text-secondary)}
.studio-breadcrumb,.studio-version b{color:var(--text-heading)}.studio-version,.doc-footer{color:var(--text-secondary);font-size:12px}
.card-summary{background:#f8faff}.spec-document-description>strong{color:var(--text-heading)}
.reading-example{margin-top:26px!important;padding-top:22px;border-top:1px solid #e4e7ed}.reading-example h4{font-size:14px;color:var(--text-heading);font-weight:600;margin-bottom:14px}.reading-example .table-scroll{background:white}.reading-example table td,.reading-example table th{padding:12px 16px}
/* Preserve semantic text, selected values and genuinely unavailable controls. */
.input-showcase small.danger,.help.danger{color:#f56c6c!important}
@media(max-width:760px){.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-document-description>span{font-size:12px}.reading-example table{min-width:460px}}
/* Table cells have explicit legacy colors, so inheritance alone is insufficient. */
.el-table td,.el-table__body .cell,.el-descriptions-item__content,.el-descriptions-item__label{color:var(--text-body);font-size:14px;font-weight:400}
.el-table__empty-text{color:var(--text-secondary);font-size:14px}
.el-pagination__total,.el-pagination__jump{color:var(--text-body)}
.el-button--default:not(.is-disabled):not(:hover):not(:focus){color:var(--text-body)}

.studio-crosslinks{display:flex;gap:18px;align-items:center;margin-left:auto;margin-right:24px;font-size:14px}.studio-crosslinks a{color:#245dcc;text-decoration:none}.spec-scenario-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px 28px;border-top:1px solid #e7ebf0;font-size:14px}.spec-scenario-links strong{font-weight:600;color:#1f2329;margin-right:8px}.spec-scenario-links a{padding:5px 10px;background:#eef4ff;border-radius:4px;color:#245dcc;text-decoration:none}.spec-scenario-links a:hover{text-decoration:underline}