/* Esteem light / dark theme */

:root {
	color-scheme: light;
	--esteem-bg: #ffffff;
	--esteem-bg-muted: #f5f7f9;
	--esteem-bg-elevated: #ffffff;
	--esteem-text: #212529;
	--esteem-text-muted: #5b6570;
	--esteem-heading: #111827;
	--esteem-border: #e8ecf0;
	--esteem-link: #0e76bb;
	--esteem-link-hover: #0a5f96;
	--esteem-accent: #0e76bb;
	--esteem-header-bg: #ffffff;
	--esteem-header-top: #f5f7f9;
	--esteem-shadow: rgba(16, 24, 40, .08);
}

html[data-theme="dark"] {
	color-scheme: dark;
	--esteem-bg: #10161d;
	--esteem-bg-muted: #161e27;
	--esteem-bg-elevated: #1a232e;
	--esteem-text: #d7e0e8;
	--esteem-text-muted: #9aa8b5;
	--esteem-heading: #f3f6f9;
	--esteem-border: #2c3642;
	--esteem-link: #6cbcf0;
	--esteem-link-hover: #9ad0f5;
	--esteem-accent: #3e9ad4;
	--esteem-header-bg: #121a22;
	--esteem-header-top: #0e151c;
	--esteem-shadow: rgba(0, 0, 0, .35);
}

html[data-theme="dark"] {
	background: var(--esteem-bg);
	scrollbar-color: #4b5a68 #161e27;
}

html[data-theme="dark"]::-webkit-scrollbar-track {
	background: #161e27;
}

html[data-theme="dark"]::-webkit-scrollbar-thumb {
	background: #4b5a68;
	border-color: #161e27;
}

html[data-theme="dark"]::-webkit-scrollbar-thumb:hover {
	background: #3e9ad4;
}

html[data-theme="dark"] body {
	background: var(--esteem-bg) !important;
	color: var(--esteem-text) !important;
}

/* Header */
html[data-theme="dark"] header.header-area,
html[data-theme="dark"] #header,
html[data-theme="dark"] #header.header-scrolled {
	background: var(--esteem-header-bg) !important;
	border-bottom-color: var(--esteem-border) !important;
	box-shadow: 0 4px 18px var(--esteem-shadow) !important;
}

html[data-theme="dark"] .header-top {
	background: var(--esteem-header-top) !important;
	border-bottom-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .esteem-utility a,
html[data-theme="dark"] .esteem-utility span {
	color: var(--esteem-text-muted);
}

html[data-theme="dark"] .esteem-utility a:hover {
	color: var(--esteem-link);
}

html[data-theme="dark"] #header #logo a {
	background: #fff;
	border-radius: 6px;
	padding: 4px 10px;
}

html[data-theme="dark"] #header .nav-menu > li > a {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] #header .nav-menu > li > a:hover,
html[data-theme="dark"] #header .nav-menu > li:hover > a,
html[data-theme="dark"] #header .nav-menu > li.sfHover > a {
	color: var(--esteem-link) !important;
}

html[data-theme="dark"] #header .nav-menu > li > ul,
html[data-theme="dark"] #header .nav-menu > li.esteem-megamenu > ul,
html[data-theme="dark"] .esteem-megamenu-panel {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
	box-shadow: 0 12px 32px var(--esteem-shadow) !important;
}

html[data-theme="dark"] #header .nav-menu > li > ul a,
html[data-theme="dark"] #header .nav-menu > li.esteem-megamenu > ul > li > a,
html[data-theme="dark"] #header .nav-menu > li.esteem-megamenu > ul > li > strong {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] #header .nav-menu > li > ul a:hover,
html[data-theme="dark"] #header .nav-menu > li.esteem-megamenu > ul > li > a:hover {
	color: var(--esteem-link) !important;
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .esteem-header-tools {
	border-left-color: var(--esteem-border);
}

html[data-theme="dark"] .esteem-header-lang .esteem-lang-switcher > a.esteem-lang-switcher-toggle,
html[data-theme="dark"] .esteem-lang-switcher-current,
html[data-theme="dark"] .lang-globe-icon,
html[data-theme="dark"] .lang-chevron-icon {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .esteem-header-lang .esteem-lang-switcher > ul,
html[data-theme="dark"] .esteem-lang-menu {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .esteem-lang-switcher ul a,
html[data-theme="dark"] .lang-switcher-name,
html[data-theme="dark"] .lang-switcher-en {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] #mobile-nav-toggle,
html[data-theme="dark"] #mobile-nav-toggle i {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] #mobile-nav {
	background: var(--esteem-header-bg) !important;
}

html[data-theme="dark"] #mobile-nav a,
html[data-theme="dark"] #mobile-nav strong {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] #mobile-body-overly {
	background: rgba(0, 0, 0, .62) !important;
}

/* Theme toggle */
.esteem-header-tools {
	display: flex;
	align-items: stretch;
	flex-shrink: 0;
	z-index: 1101;
}

.esteem-theme-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-width: 40px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: #1a1a1a;
	cursor: pointer;
	line-height: 1;
}

.esteem-theme-toggle:hover,
.esteem-theme-toggle:focus {
	color: #0e76bb;
	outline: none;
}

.esteem-theme-toggle .app-icon {
	margin: 0;
	width: auto;
	height: auto;
	background: none;
	color: inherit;
}

.esteem-theme-toggle svg {
	width: 18px;
	height: 18px;
	display: block;
}

.esteem-theme-toggle__sun {
	display: none;
}

html[data-theme="dark"] .esteem-theme-toggle {
	color: #f3f6f9;
}

html[data-theme="dark"] .esteem-theme-toggle:hover,
html[data-theme="dark"] .esteem-theme-toggle:focus {
	color: #6cbcf0;
}

html[data-theme="dark"] .esteem-theme-toggle__sun {
	display: block;
}

html[data-theme="dark"] .esteem-theme-toggle__moon {
	display: none;
}

@media (max-width: 960px) {
	.esteem-header-tools .esteem-theme-toggle {
		display: none !important;
	}
}

@media (min-width: 961px) {
	#esteem-theme-toggle-float {
		display: none !important;
	}
}

/* Content surfaces */
html[data-theme="dark"] .app-page,
html[data-theme="dark"] .blog_area,
html[data-theme="dark"] .single-post,
html[data-theme="dark"] .blog_details,
html[data-theme="dark"] .app-prose,
html[data-theme="dark"] .app-article-prose,
html[data-theme="dark"] .welcome-area,
html[data-theme="dark"] .department-area,
html[data-theme="dark"] .feature-area,
html[data-theme="dark"] .section-padding,
html[data-theme="dark"] .cas-numbers-section,
html[data-theme="dark"] .related-chemistry-products,
html[data-theme="dark"] .app-related,
html[data-theme="dark"] .article-related-hubs,
html[data-theme="dark"] .faq-modern,
html[data-theme="dark"] .faq-section,
html[data-theme="dark"] .news-page,
html[data-theme="dark"] .sustainability-page,
html[data-theme="dark"] .sus-page {
	background: var(--esteem-bg) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] .app-prose h2,
html[data-theme="dark"] .app-article-prose h2,
html[data-theme="dark"] .app-page.app-section#article-body h2,
html[data-theme="dark"] .app-page.app-section#article-body h3,
html[data-theme="dark"] .section-top h2 {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] li,
html[data-theme="dark"] .app-prose p,
html[data-theme="dark"] .app-article-prose p,
html[data-theme="dark"] .app-page .blog_details p,
html[data-theme="dark"] .app-page.app-section#article-body p,
html[data-theme="dark"] .app-page.app-section#article-body li {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] a,
html[data-theme="dark"] .app-prose a,
html[data-theme="dark"] .app-article-prose a,
html[data-theme="dark"] .app-page.app-section#article-body a {
	color: var(--esteem-link);
}

html[data-theme="dark"] a:hover,
html[data-theme="dark"] .app-prose a:hover,
html[data-theme="dark"] .app-article-prose a:hover {
	color: var(--esteem-link-hover);
}

html[data-theme="dark"] b,
html[data-theme="dark"] strong,
html[data-theme="dark"] i,
html[data-theme="dark"] em,
html[data-theme="dark"] u,
html[data-theme="dark"] del,
html[data-theme="dark"] sup,
html[data-theme="dark"] sub {
	color: inherit !important;
}

html[data-theme="dark"] .quotes,
html[data-theme="dark"] .app-page .quotes,
html[data-theme="dark"] .aeo-direct-answer,
html[data-theme="dark"] .esteem-direct-answer {
	background: var(--esteem-bg-muted) !important;
	color: var(--esteem-text) !important;
	border-left-color: var(--esteem-accent) !important;
}

html[data-theme="dark"] .quotes *:not(a),
html[data-theme="dark"] .figure-caption,
html[data-theme="dark"] .figure-caption *:not(a) {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .quotes a,
html[data-theme="dark"] .figure-caption a {
	color: var(--esteem-link) !important;
}

html[data-theme="dark"] .blog_right_sidebar,
html[data-theme="dark"] .single-sidebar-widget,
html[data-theme="dark"] .tag_cloud_widget {
	background: var(--esteem-bg-elevated) !important;
	color: var(--esteem-text) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .widget_title,
html[data-theme="dark"] .tag_cloud_widget h4 {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .tag_cloud_widget ul li a {
	background: var(--esteem-bg-muted) !important;
	color: var(--esteem-text) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .tag_cloud_widget ul li a:hover {
	background: var(--esteem-accent) !important;
	color: #fff !important;
}

/* Tables */
html[data-theme="dark"] table.paleBlueRows,
html[data-theme="dark"] .esteem-guide-table,
html[data-theme="dark"] .app-page table,
html[data-theme="dark"] .blog_area table {
	background: var(--esteem-bg-elevated) !important;
	color: var(--esteem-text) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] table.paleBlueRows td,
html[data-theme="dark"] table.paleBlueRows th,
html[data-theme="dark"] .esteem-guide-table td,
html[data-theme="dark"] .esteem-guide-table th {
	border-color: var(--esteem-border) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] table.paleBlueRows thead,
html[data-theme="dark"] table.paleBlueRows thead th,
html[data-theme="dark"] .esteem-guide-table thead th {
	background: #0b4f7a !important;
	color: #fff !important;
}

html[data-theme="dark"] table.paleBlueRows tbody tr:nth-child(even),
html[data-theme="dark"] table.paleBlueRows tbody tr:nth-child(even) td,
html[data-theme="dark"] .esteem-guide-table tbody tr:nth-child(even) td {
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .esteem-guide-table caption {
	color: var(--esteem-heading) !important;
}

/* Cards / related */
html[data-theme="dark"] .app-card,
html[data-theme="dark"] a.app-related-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .app-related-card {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
	color: var(--esteem-text) !important;
	box-shadow: none !important;
}

html[data-theme="dark"] .app-related-card h3,
html[data-theme="dark"] .app-card h3,
html[data-theme="dark"] .app-card h2 {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .app-card-cta {
	color: var(--esteem-link) !important;
}

html[data-theme="dark"] .app-related {
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .cas-numbers-section {
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .cas-numbers-list span {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
	color: var(--esteem-text) !important;
}

/* FAQ / forms */
html[data-theme="dark"] .faq-item,
html[data-theme="dark"] .faq-modern-item,
html[data-theme="dark"] .accordion,
html[data-theme="dark"] .card {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .form-control {
	background: var(--esteem-bg-elevated) !important;
	color: var(--esteem-text) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
	color: var(--esteem-text-muted) !important;
}

html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .breadcrumb a,
html[data-theme="dark"] .breadcrumb span {
	color: rgba(255, 255, 255, .88) !important;
}

/* Search modal */
html[data-theme="dark"] .esteem-search-modal__content {
	background: var(--esteem-bg-elevated) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .esteem-search-modal__title,
html[data-theme="dark"] .esteem-search-modal__close {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .esteem-search-modal__input,
html[data-theme="dark"] .esteem-search-modal__input-wrapper {
	background: var(--esteem-bg-muted) !important;
	color: var(--esteem-text) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .esteem-search-suggest,
html[data-theme="dark"] .esteem-search-suggest__item a {
	background: var(--esteem-bg-elevated) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .esteem-search-suggest__item a:hover,
html[data-theme="dark"] .esteem-search-suggest__item--active a {
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .esteem-search-modal__hint {
	color: var(--esteem-text-muted) !important;
}

/* Chemistry finder */
html[data-theme="dark"] .esteem-finder__panel {
	background: var(--esteem-bg-elevated);
	color: var(--esteem-text);
}

html[data-theme="dark"] .esteem-finder__title,
html[data-theme="dark"] .esteem-finder__close,
html[data-theme="dark"] .esteem-finder__choice,
html[data-theme="dark"] .esteem-finder__card h3 {
	color: var(--esteem-heading);
}

html[data-theme="dark"] .esteem-finder__lead,
html[data-theme="dark"] .esteem-finder__card p,
html[data-theme="dark"] .esteem-finder__note {
	color: var(--esteem-text-muted);
}

html[data-theme="dark"] .esteem-finder__choice,
html[data-theme="dark"] .esteem-finder__card {
	background: var(--esteem-bg-muted);
	border-color: var(--esteem-border);
}

html[data-theme="dark"] .esteem-finder__cta a:last-child {
	background: transparent;
	color: var(--esteem-link);
	border-color: var(--esteem-accent);
}

html[data-theme="dark"] .esteem-finder-inline {
	color: var(--esteem-link);
}

html[data-theme="dark"] .esteem-search-page__form input[type="search"],
html[data-theme="dark"] .esteem-search-page__chips a,
html[data-theme="dark"] .esteem-search-page__hit {
	background: var(--esteem-bg-elevated);
	color: var(--esteem-text);
	border-color: var(--esteem-border);
}

html[data-theme="dark"] .esteem-search-page__hit h2,
html[data-theme="dark"] .esteem-search-page__empty h2 {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .esteem-search-page__hit p,
html[data-theme="dark"] .esteem-search-page__empty p,
html[data-theme="dark"] .esteem-search-page__chips span,
html[data-theme="dark"] .esteem-search-page__note {
	color: var(--esteem-text-muted);
}

/* Home / generic blocks that stay light by default */
html[data-theme="dark"] .welcome-text,
html[data-theme="dark"] .single-feature,
html[data-theme="dark"] .single-department,
html[data-theme="dark"] .blog_item,
html[data-theme="dark"] .posts-list,
html[data-theme="dark"] .container .row {
	color: inherit;
}

html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-white {
	background-color: var(--esteem-bg-muted) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-muted {
	color: var(--esteem-text-muted) !important;
}

/* Footer stays dark; slightly deepen in dark mode */
html[data-theme="dark"] .footer-area {
	background: #0a1622 !important;
}

html[data-theme="dark"] .banner-area h1,
html[data-theme="dark"] .banner-area h2,
html[data-theme="dark"] .app-hero-lead {
	color: #fff !important;
}

html[data-theme="dark"] .faq-modern-section,
html[data-theme="dark"] .faq-modern-section.app-section {
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .faq-accordion-item,
html[data-theme="dark"] .faq-accordion-header {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .faq-accordion-header:hover,
html[data-theme="dark"] .faq-accordion-header:focus {
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .faq-accordion-question,
html[data-theme="dark"] .faq-modern-subtitle {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .faq-search-input {
	background: var(--esteem-bg-elevated) !important;
	color: var(--esteem-text) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .rtg-card {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .rtg-card__title {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .rtg-card:hover {
	background: var(--esteem-bg-muted) !important;
	border-color: var(--esteem-accent) !important;
}

html[data-theme="dark"] .app-icon:not(.app-icon--plain):not(.app-icon--btn) {
	background: #1c3348 !important;
	color: #6cbcf0 !important;
}

html[data-theme="dark"] .esteem-formulator-cta {
	background: #0b5f96;
}

/* Leftover light cards / sections that still used hardcoded white/grey */
html[data-theme="dark"] .app-section {
	background: var(--esteem-bg) !important;
}

html[data-theme="dark"] .app-section--alt,
html[data-theme="dark"] .app-page.app-section--alt,
html[data-theme="dark"] .related-technical-guides {
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .app-highlight,
html[data-theme="dark"] .app-compare-card,
html[data-theme="dark"] .app-card-body,
html[data-theme="dark"] .blog-filter-btn,
html[data-theme="dark"] .single-department,
html[data-theme="dark"] .single-feature,
html[data-theme="dark"] .single-blog,
html[data-theme="dark"] .blog_item,
html[data-theme="dark"] .department-item,
html[data-theme="dark"] .feature-item,
html[data-theme="dark"] .app-contact-card,
html[data-theme="dark"] .app-contact-form,
html[data-theme="dark"] .esteem-dir-toolbar,
html[data-theme="dark"] .esteem-dir-list {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
	color: var(--esteem-text) !important;
	box-shadow: none !important;
}

html[data-theme="dark"] .app-highlight h3,
html[data-theme="dark"] .app-compare-card h3,
html[data-theme="dark"] .single-department h3,
html[data-theme="dark"] .single-feature h3,
html[data-theme="dark"] .app-contact-card h3 {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .app-contact-card h3 {
	color: var(--esteem-link) !important;
}

html[data-theme="dark"] .app-contact-card p,
html[data-theme="dark"] .app-contact-card a {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .app-contact-card a:hover,
html[data-theme="dark"] .app-contact-card a:focus {
	color: var(--esteem-link-hover) !important;
}

html[data-theme="dark"] .app-contact-form input[type="text"],
html[data-theme="dark"] .app-contact-form input[type="email"],
html[data-theme="dark"] .app-contact-form select,
html[data-theme="dark"] .app-contact-form textarea {
	background: var(--esteem-bg) !important;
	color: var(--esteem-text) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .app-contact-form select option {
	background: var(--esteem-bg-elevated);
	color: var(--esteem-text);
}

html[data-theme="dark"] .app-contact-form input[type="submit"],
html[data-theme="dark"] .app-contact-form .app-form-submit {
	background: var(--esteem-accent) !important;
	color: #fff !important;
}

html[data-theme="dark"] .app-highlight p,
html[data-theme="dark"] .app-compare-card p,
html[data-theme="dark"] .app-card-body p {
	color: var(--esteem-text-muted) !important;
}

html[data-theme="dark"] .cas-chip,
html[data-theme="dark"] .cas-numbers-list span {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .cas-chip a,
html[data-theme="dark"] .cas-numbers-list span a {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .esteem-guide-table caption,
html[data-theme="dark"] .related-technical-guides h2,
html[data-theme="dark"] .related-technical-guides p {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#ffffff"],
html[data-theme="dark"] [style*="background: #ffffff"],
html[data-theme="dark"] [style*="background:#f8f9fa"],
html[data-theme="dark"] [style*="background: #f8f9fa"],
html[data-theme="dark"] [style*="background:#f5f7f9"],
html[data-theme="dark"] [style*="background: #f5f7f9"],
html[data-theme="dark"] [style*="background-color: #e8f4f8"],
html[data-theme="dark"] [style*="background-color:#e8f4f8"] {
	background: var(--esteem-bg-elevated) !important;
	background-color: var(--esteem-bg-elevated) !important;
}

html[data-theme="dark"] [style*="color:#212529"],
html[data-theme="dark"] [style*="color: #212529"],
html[data-theme="dark"] [style*="color:#111827"],
html[data-theme="dark"] [style*="color: #111827"] {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] [style*="color:#6c757d"],
html[data-theme="dark"] [style*="color: #6c757d"] {
	color: var(--esteem-text-muted) !important;
}

html[data-theme="dark"] .esteem-search-modal__content {
	background: var(--esteem-bg-elevated) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .esteem-search-modal__title {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .esteem-search-modal__close {
	color: var(--esteem-text-muted) !important;
}

html[data-theme="dark"] .esteem-search-modal__close:hover {
	color: var(--esteem-heading) !important;
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .esteem-search-modal__input-wrapper {
	background: var(--esteem-bg-muted) !important;
	border-color: var(--esteem-border) !important;
}

html[data-theme="dark"] .esteem-search-modal__input {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .esteem-dir-cat {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .sus-page,
html[data-theme="dark"] .sus-section,
html[data-theme="dark"] .news-page,
html[data-theme="dark"] .news-section {
	background: var(--esteem-bg) !important;
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .sus-section--alt {
	background: var(--esteem-bg-muted) !important;
}

html[data-theme="dark"] .sus-pillar,
html[data-theme="dark"] .sus-card,
html[data-theme="dark"] .sus-card-body,
html[data-theme="dark"] .iso-certificate-slider .slide-img,
html[data-theme="dark"] .news-card,
html[data-theme="dark"] .news-row,
html[data-theme="dark"] .news-cta {
	background: var(--esteem-bg-elevated) !important;
	border-color: var(--esteem-border) !important;
	color: var(--esteem-text) !important;
	box-shadow: none !important;
}

html[data-theme="dark"] .sus-card-media,
html[data-theme="dark"] .news-card-media {
	background: var(--esteem-bg) !important;
}

html[data-theme="dark"] .sus-card--logo .sus-card-media,
html[data-theme="dark"] .news-card--logo .news-card-media {
	background: #e8eef3 !important;
}

html[data-theme="dark"] .sus-section .section-top h2,
html[data-theme="dark"] .sus-section h2,
html[data-theme="dark"] .sus-pillar h3,
html[data-theme="dark"] .sus-step h3,
html[data-theme="dark"] .sus-card-body h3,
html[data-theme="dark"] .iso-certificate-slider .sus-cert-caption,
html[data-theme="dark"] .news-section .section-top h2,
html[data-theme="dark"] .news-card h3,
html[data-theme="dark"] .news-year {
	color: var(--esteem-heading) !important;
}

html[data-theme="dark"] .sus-intro p,
html[data-theme="dark"] .sus-pillar p,
html[data-theme="dark"] .sus-step p,
html[data-theme="dark"] .sus-cert-hint,
html[data-theme="dark"] .news-intro,
html[data-theme="dark"] .news-card p,
html[data-theme="dark"] .news-cta p {
	color: var(--esteem-text) !important;
}

html[data-theme="dark"] .sus-kicker,
html[data-theme="dark"] .sus-step-num,
html[data-theme="dark"] .sus-card-cta,
html[data-theme="dark"] .news-kicker,
html[data-theme="dark"] .news-date,
html[data-theme="dark"] .news-tag {
	color: var(--esteem-link) !important;
}

@media (prefers-reduced-motion: no-preference) {
	html[data-theme="dark"] body,
	html[data-theme="light"] body,
	html[data-theme="dark"] #header,
	html[data-theme="light"] #header {
		transition: background-color .2s ease, color .2s ease, border-color .2s ease;
	}
}