/*
Component: Color Disclaimer
Plain, low-emphasis note about display/color variance.

Classes:
    .color-disclaimer       — icon + text row, thin top border (footnote style)
    .color-disclaimer__icon — small inline info icon
    .color-disclaimer__text — note text, muted
*/

.color-disclaimer {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-6);
    padding-top: var(--space-4);
    border-top: 1px solid var(--border-light);
}

.color-disclaimer__icon {
    flex-shrink: 0;
    width: var(--space-4);
    height: var(--space-4);
    color: var(--text-muted);
}

.color-disclaimer__text {
    font-size: var(--text-xs);
    line-height: 1.7;
    color: var(--text-muted);
}

.color-disclaimer__text strong {
    font-weight: 600;
    color: var(--text-secondary);
}