/* The homepage explainer shares the exact dog component and responsive geometry. */
.cat-theme .result-explainer{border-color:var(--cat-border);background:#fff}
.cat-theme .result-explainer p,.cat-theme .result-explainer .example-label,.cat-theme .result-explainer .example-legend dd{color:var(--cat-muted)}
.cat-theme .result-explainer .example-product{background:#f5f0f8;border-color:var(--cat-border);box-shadow:none}
.cat-theme .result-explainer .example-product-summary,.cat-theme .result-explainer .example-status-list,.cat-theme .result-explainer .example-legend{border-color:var(--cat-border);background:#fff}
.cat-theme .result-explainer .example-bowl{background:var(--cat-bg)}
.cat-theme .result-explainer .example-neutral-note{color:var(--cat-muted)!important}
.cat-theme .result-explainer .example-status-list .example-neutral-note,.cat-theme .result-explainer-boundary{background:#f5f0f8}
.cat-theme .result-explainer .mini-illustration{color:var(--cat-plum)}
.cat-theme .result-explainer .explain-step-icon{background:var(--cat-lavender)}
.cat-theme .result-explainer-steps li:not(:last-child)::before,.cat-theme .result-explainer-steps li:not(:last-child)::after{color:#a98dbb;border-color:#a98dbb}
.cat-theme .result-explainer .example-status-row{border-color:var(--cat-border)}
.cat-theme .result-explainer .example-status.is-match,.cat-theme .result-explainer .example-legend>div:first-child dt span{background:var(--cat-lavender);color:var(--cat-plum)}
.cat-theme .result-explainer .example-status.is-open,.cat-theme .result-explainer .example-legend>div:nth-child(2) dt span{background:#eeebf0;color:#62566b}
.cat-theme .result-explainer .example-status.is-excluded,.cat-theme .result-explainer .example-legend>div:nth-child(3) dt span{background:#fff0e7;color:#913b17}
.cat-theme .result-explainer .knowledge-banner{background:var(--cat-lavender);border-color:var(--cat-border);box-shadow:none}
.cat-theme .result-explainer .knowledge-banner .knowledge-links a{color:var(--cat-plum)}
.cat-theme .result-explainer .knowledge-banner-copy{min-width:0}
.cat-theme .result-explainer .knowledge-banner h2{color:var(--cat-ink)}
.cat-theme .result-explainer-steps li:not(:last-child)::after{background:#a98dbb}
.cat-theme .result-explainer .catalog-scope{border-color:var(--cat-border)}
.cat-theme .result-explainer #cat-product-count{color:var(--cat-plum);font-size:1.15em}

.cat-theme #ablauf .step-icon{background:var(--cat-lavender);color:var(--cat-plum)}
.cat-theme #ablauf .step-number{background:transparent;color:var(--cat-plum)}