/* User rule: white text on every orange surface in every interaction state.
   Keep this after page styles; inherited page link colors must not recolor the header. */
:root { --on-orange: #fff; }
body .site-header .catalog-button,
body .mega-stock,
body .catalog-menu > summary,
body .catalog-directory-stock,
body .home-stock-section .home-catalog-stock,
body .orange-panel,
body .orange-panel :is(h1,h2,h3,p,span,a),
body .osk-w .osk-btn-primary,
body.vacancies-index-page .job-card--orange,
body.vacancies-index-page .job-card--orange .job-heading p,
body.vacancies-index-page .resume-button,
body.vacancies-index-page .job-card--service > summary:hover .job-arrow {
  color: var(--on-orange);
}
body :is(.catalog-button,.mega-stock,.catalog-directory-stock,.home-catalog-stock,.osk-btn-primary,.resume-button):is(:hover,:focus,:focus-visible,:active,:visited),
body .catalog-menu > summary:is(:hover,:focus,:focus-visible,:active) {
  color: var(--on-orange);
}