/* UI identity only: no SVG, conductor, signal, warning or result selectors. */
[data-subject="metall"]{--topic-color:var(--c-83ddbf)}
[data-subject="elektro"]{--topic-color:var(--c-61cef0)}
[data-subject="cnc"]{--topic-color:var(--c-b3a0f4)}
[data-subject="sps"]{--topic-color:var(--c-f1c974)}
[data-subject="fluid"]{--topic-color:var(--c-3fb8af)}
[data-subject="mechanik"]{--topic-color:var(--c-e7b780)}
[data-subject="messen"]{--topic-color:var(--c-b8d887)}
[data-subject="sicherheit"]{--topic-color:var(--c-f3a6a0)}
[data-subject="praxis"]{--topic-color:var(--c-b0b8c6)}
[data-subject="3d"]{--topic-color:var(--c-cfadf2)}
[data-subject]{--path-accent:var(--topic-color);--path-line:color-mix(in srgb,var(--topic-color) 25%,transparent)}
body[data-subject] :is(.page-hero,.wk-hero,.path-hero) .gradient-text{background:none;color:var(--topic-color)}
[data-subject] :is(.eyebrow,.wk-kicker,.path-kicker,.lab-eyebrow,.route-kicker,.route-arrow,.card-kicker,.lc-overline){color:var(--topic-color)}
body[data-subject] main .eyebrow::before{background:var(--topic-color);box-shadow:0 0 12px color-mix(in srgb,var(--topic-color) 40%,transparent)}
body[data-subject] main :is(.breadcrumb a,.path-crumb a,.topic-back,.area-nav>a[aria-current],.section-head>a,.compact-links>a){color:var(--topic-color)}
body[data-subject] main :is(.page-hero,.wk-hero,.path-hero){border-bottom:1px solid color-mix(in srgb,var(--topic-color) 32%,transparent)}
[data-subject] :is(.wk-btn.primary,.lc-btn.primary,.path-btn.primary,.lab-primary){background:var(--topic-color);border-color:var(--topic-color);color:var(--ct-10212a)}
[data-subject] .wk-panel :is(h2,h3,h4){color:var(--ct-e9f1f7)}
body[data-subject] main .lynx-button:not(.secondary){background:color-mix(in srgb,var(--topic-color) 15%,var(--cf-13232b));border-color:color-mix(in srgb,var(--topic-color) 55%,var(--cr-13232b));color:var(--ct-edf4f7)}
body[data-subject] main .lynx-button:not(.secondary):hover{border-color:var(--topic-color);box-shadow:0 12px 32px color-mix(in srgb,var(--topic-color) 14%,transparent)}
:is(.offer-card,.topic-link,.route-card,.apple-card,.tool-card,.quick-tile,.path-hub-card,.path-mission,.download-card,.wk-launch-card,.future-card,.fault-card)[data-subject]{--accent:var(--topic-color);border-top:3px solid var(--topic-color)}
:is(.offer-card,.topic-link,.route-card,.apple-card,.tool-card,.quick-tile,.path-hub-card,.path-mission,.download-card,.wk-launch-card,.future-card,.fault-card)[data-subject] :is(.offer-type,.offer-cta,.card-action,.tool-open,.route-kicker,.route-arrow,.card-kicker){color:var(--topic-color)}
:is(.tool-card,.future-card,.download-card)[data-subject]>h3{color:var(--ct-e9f1f7)}
[data-subject] .mini-icon{color:var(--topic-color);border-color:color-mix(in srgb,var(--topic-color) 55%,transparent);background:color-mix(in srgb,var(--topic-color) 10%,var(--cf-16252d))}
.path-mission[data-subject]{background:radial-gradient(ellipse at 85% 10%,color-mix(in srgb,var(--topic-color) 13%,var(--cf-111b21)),transparent 60%),var(--cf-111b21)}
[data-subject] :is(.wk-tabs a[aria-current],.wk-levels .wk-btn[aria-current],.tl-tabs button[aria-selected=true]){border-color:var(--topic-color);color:var(--topic-color)}
.lc-drawer-front[data-subject]{border-left:4px solid var(--topic-color)}.lc-drawer-front[data-subject] :is(.lc-drawer-number,.lc-drawer-action){color:var(--topic-color)}
.lc-tray[data-subject]>h3,.lc-item-detail[data-subject] .lc-detail-heading h3,.lc-item-detail[data-subject] h4{color:var(--topic-color)}
.lc-item-detail[data-subject]{border-color:var(--topic-color);background:var(--cf-132a32)}.lc-tray[data-subject] .lc-pocket:hover{border-color:var(--topic-color)}
[data-subject] .wk-term{color:var(--topic-color);border-bottom-color:var(--topic-color)}[data-subject] .wk-term:hover{background:color-mix(in srgb,var(--topic-color) 12%,transparent)}[data-subject] .check-list li::before{color:var(--topic-color)}.wk-popover[data-subject],.wk-tooltip[data-subject]{border-color:var(--topic-color)}.wk-popover[data-subject] :is(h2,a){color:var(--topic-color)}
[data-subject] .bc-reflect{border-left:3px solid var(--topic-color)}[data-subject] .bc-object:focus-visible{outline-color:var(--topic-color)}
@media print{body[data-subject] main .gradient-text{color:var(--ct-152a31)}.bc-subject{color:var(--ct-243d43)}}