/* =========================================================
   EconMacro light/dark identity for the Chaplin theme
   ========================================================= */

:root {
	--econmacro-bg: #FFFFFF;
	--econmacro-surface: #F5F6F8;
	--econmacro-text: #1F2933;
	--econmacro-heading: #26384A;
	--econmacro-accent: #8C6A24;
	--econmacro-accent-hover: #6F531C;
	--econmacro-muted: #667085;
	--econmacro-border: #D9DDE3;
	--econmacro-code-bg: #F4F1E8;
	--econmacro-button-text: #FFFFFF;
	--econmacro-menu-hover: #E9EDF2;
}

:root[data-econmacro-theme="light"] {
	color-scheme: light;
}

:root[data-econmacro-theme="dark"] {
	color-scheme: dark;
	--econmacro-bg: #111820;
	--econmacro-surface: #18232D;
	--econmacro-text: #E6EBF0;
	--econmacro-heading: #F2EEE4;
	--econmacro-accent: #D6B35D;
	--econmacro-accent-hover: #EBCF84;
	--econmacro-muted: #A7B0BA;
	--econmacro-border: #344451;
	--econmacro-code-bg: #0B1117;
	--econmacro-button-text: #111820;
	--econmacro-menu-hover: #22313D;
}

/* No-JavaScript fallback: retain the visitor's system preference. */
@media (prefers-color-scheme: dark) {
	:root:not([data-econmacro-theme]) {
		color-scheme: dark;
		--econmacro-bg: #111820;
		--econmacro-surface: #18232D;
		--econmacro-text: #E6EBF0;
		--econmacro-heading: #F2EEE4;
		--econmacro-accent: #D6B35D;
		--econmacro-accent-hover: #EBCF84;
		--econmacro-muted: #A7B0BA;
		--econmacro-border: #344451;
		--econmacro-code-bg: #0B1117;
		--econmacro-button-text: #111820;
		--econmacro-menu-hover: #22313D;
	}
}

/* Main canvas */
html[data-econmacro-theme],
html[data-econmacro-theme] body,
html[data-econmacro-theme] #page,
html[data-econmacro-theme] #site-content,
html[data-econmacro-theme] .site,
html[data-econmacro-theme] .site-content,
html[data-econmacro-theme] .content-area,
html[data-econmacro-theme] .site-main,
html[data-econmacro-theme] .wp-site-blocks {
	background-color: var(--econmacro-bg) !important;
	color: var(--econmacro-text) !important;
}

/* Chaplin header, sticky header, footer, menus, and overlays */
html[data-econmacro-theme] #site-header,
html[data-econmacro-theme] #site-header .header-inner,
html[data-econmacro-theme] #site-header .header-inner.stick-me,
html[data-econmacro-theme] #site-footer,
html[data-econmacro-theme] .site-footer,
html[data-econmacro-theme] .footer-nav-widgets-wrapper,
html[data-econmacro-theme] .menu-modal,
html[data-econmacro-theme] .menu-modal-inner,
html[data-econmacro-theme] .search-modal,
html[data-econmacro-theme] .search-modal-inner,
html[data-econmacro-theme] .main-menu-alt ul,
html[data-econmacro-theme] .sub-menu,
html[data-econmacro-theme] .widget,
html[data-econmacro-theme] .comments-area {
	background-color: var(--econmacro-bg) !important;
	color: var(--econmacro-text) !important;
	border-color: var(--econmacro-border) !important;
}

/* Chaplin desktop dropdowns.
   Chaplin uses currentColor for the dropdown panel and hard-codes submenu
   list items to a dark ink color. Separate panel, arrow, and link colors so
   the Publications submenu remains legible in both themes. */
html[data-econmacro-theme] .main-menu-alt ul {
	background: var(--econmacro-surface) !important;
	border: .1rem solid var(--econmacro-border) !important;
	box-shadow: 0 1.2rem 3rem rgba( 0, 0, 0, .18 );
	color: var(--econmacro-surface) !important;
}

html[data-econmacro-theme] .main-menu-alt ul li,
html[data-econmacro-theme] .main-menu-alt ul a,
html[data-econmacro-theme] .main-menu-alt ul .link-icon-wrapper {
	color: var(--econmacro-heading) !important;
}

html[data-econmacro-theme] .main-menu-alt ul a:hover,
html[data-econmacro-theme] .main-menu-alt ul a:focus,
html[data-econmacro-theme] .main-menu-alt ul li.current-menu-item > a,
html[data-econmacro-theme] .main-menu-alt ul li.current-menu-item > .link-icon-wrapper > a {
	background-color: var(--econmacro-menu-hover) !important;
	color: var(--econmacro-accent-hover) !important;
}

/* Match Chaplin's dropdown pointer to the panel background. */
html[data-econmacro-theme] .main-menu-alt ul::after {
	border-bottom-color: var(--econmacro-surface) !important;
}

html[data-econmacro-theme] .main-menu-alt ul ul::after {
	border-bottom-color: transparent !important;
	border-left-color: var(--econmacro-surface) !important;
}

html[data-econmacro-theme] .main-menu-alt ul ul.expand-right::after {
	border-left-color: transparent !important;
	border-right-color: var(--econmacro-surface) !important;
}

/* Chaplin mobile menu: use the actual .menu-modal class. */
html[data-econmacro-theme] .menu-modal a,
html[data-econmacro-theme] .menu-modal .main-menu a {
	color: var(--econmacro-heading) !important;
}

html[data-econmacro-theme] .menu-modal .main-menu li,
html[data-econmacro-theme] .menu-modal a.sub-menu-toggle {
	border-color: var(--econmacro-border) !important;
}

html[data-econmacro-theme] .menu-modal .main-menu a:hover,
html[data-econmacro-theme] .menu-modal .main-menu a:focus,
html[data-econmacro-theme] .menu-modal .main-menu li.current-menu-item > .ancestor-wrapper > a {
	color: var(--econmacro-accent-hover) !important;
}

/* Main text */
html[data-econmacro-theme] body,
html[data-econmacro-theme] .entry-content,
html[data-econmacro-theme] .entry-summary,
html[data-econmacro-theme] .comment-content,
html[data-econmacro-theme] .site-description,
html[data-econmacro-theme] figcaption,
html[data-econmacro-theme] label {
	color: var(--econmacro-text) !important;
}

/* Headings, title, and navigation */
html[data-econmacro-theme] h1:not(.has-text-color),
html[data-econmacro-theme] h2:not(.has-text-color),
html[data-econmacro-theme] h3:not(.has-text-color),
html[data-econmacro-theme] h4:not(.has-text-color),
html[data-econmacro-theme] h5:not(.has-text-color),
html[data-econmacro-theme] h6:not(.has-text-color),
html[data-econmacro-theme] .site-title,
html[data-econmacro-theme] .site-title a,
html[data-econmacro-theme] .entry-title,
html[data-econmacro-theme] .entry-title a,
html[data-econmacro-theme] .page-title,
html[data-econmacro-theme] .post-title,
html[data-econmacro-theme] .main-menu-alt > li > a,
html[data-econmacro-theme] .modal-menu a,
html[data-econmacro-theme] .main-navigation a {
	color: var(--econmacro-heading) !important;
}

/* Accent links */
html[data-econmacro-theme] .entry-content a:not(.wp-block-button__link),
html[data-econmacro-theme] .entry-summary a,
html[data-econmacro-theme] .comment-content a,
html[data-econmacro-theme] .entry-meta a,
html[data-econmacro-theme] .post-meta a,
html[data-econmacro-theme] .posted-on a,
html[data-econmacro-theme] .cat-links a,
html[data-econmacro-theme] .tags-links a,
html[data-econmacro-theme] .breadcrumbs a,
html[data-econmacro-theme] .breadcrumb a,
html[data-econmacro-theme] .tagcloud a,
html[data-econmacro-theme] .wp-block-tag-cloud a,
html[data-econmacro-theme] #site-footer a,
html[data-econmacro-theme] .pagination a {
	color: var(--econmacro-accent) !important;
}

html[data-econmacro-theme] .entry-content a:not(.wp-block-button__link):hover,
html[data-econmacro-theme] .entry-content a:not(.wp-block-button__link):focus,
html[data-econmacro-theme] .entry-summary a:hover,
html[data-econmacro-theme] .entry-summary a:focus,
html[data-econmacro-theme] .entry-meta a:hover,
html[data-econmacro-theme] .entry-meta a:focus,
html[data-econmacro-theme] .post-meta a:hover,
html[data-econmacro-theme] .post-meta a:focus,
html[data-econmacro-theme] .tagcloud a:hover,
html[data-econmacro-theme] .tagcloud a:focus,
html[data-econmacro-theme] .wp-block-tag-cloud a:hover,
html[data-econmacro-theme] .wp-block-tag-cloud a:focus {
	color: var(--econmacro-accent-hover) !important;
}

/* Secondary text and tag-cloud counts */
html[data-econmacro-theme] .entry-meta,
html[data-econmacro-theme] .post-meta,
html[data-econmacro-theme] .breadcrumbs,
html[data-econmacro-theme] .breadcrumb,
html[data-econmacro-theme] .site-info,
html[data-econmacro-theme] .wp-block-latest-posts__post-date,
html[data-econmacro-theme] .tagcloud .tag-link-count,
html[data-econmacro-theme] .wp-block-tag-cloud .tag-link-count {
	color: var(--econmacro-muted) !important;
}

/* Borders and separators */
html[data-econmacro-theme] hr,
html[data-econmacro-theme] .wp-block-separator,
html[data-econmacro-theme] table,
html[data-econmacro-theme] th,
html[data-econmacro-theme] td,
html[data-econmacro-theme] blockquote,
html[data-econmacro-theme] .wp-block-quote,
html[data-econmacro-theme] input,
html[data-econmacro-theme] textarea,
html[data-econmacro-theme] select {
	border-color: var(--econmacro-border) !important;
}

/* Tables */
html[data-econmacro-theme] table,
html[data-econmacro-theme] .wp-block-table table {
	background-color: var(--econmacro-bg) !important;
	color: var(--econmacro-text) !important;
}

html[data-econmacro-theme] th {
	background-color: var(--econmacro-surface) !important;
	color: var(--econmacro-heading) !important;
}

html[data-econmacro-theme] td {
	background-color: var(--econmacro-bg) !important;
	color: var(--econmacro-text) !important;
}

/* Table captions: override Chaplin's fixed pale caption bar in dark mode. */
html[data-econmacro-theme="dark"] table caption,
html[data-econmacro-theme="dark"] .wp-block-table figcaption,
html[data-econmacro-theme="dark"] figure.wp-block-table > figcaption,
html[data-econmacro-theme="dark"] .wp-block-table .wp-element-caption,
html[data-econmacro-theme="dark"] .tablepress caption,
html[data-econmacro-theme="dark"] .tablepress-caption {
	background-color: var(--econmacro-surface) !important;
	color: var(--econmacro-heading) !important;
	border-color: var(--econmacro-border) !important;
	box-shadow: none !important;
}

/* Preserve the gold treatment of inline code inside a caption. */
html[data-econmacro-theme="dark"] table caption code,
html[data-econmacro-theme="dark"] .wp-block-table figcaption code,
html[data-econmacro-theme="dark"] .wp-block-table .wp-element-caption code,
html[data-econmacro-theme="dark"] .tablepress caption code,
html[data-econmacro-theme="dark"] .tablepress-caption code {
	background-color: transparent !important;
	color: var(--econmacro-accent) !important;
}

/* Quotations */
html[data-econmacro-theme] blockquote,
html[data-econmacro-theme] .wp-block-quote {
	background-color: var(--econmacro-surface) !important;
	color: var(--econmacro-text) !important;
	border-left-color: var(--econmacro-accent) !important;
}

html[data-econmacro-theme] blockquote cite,
html[data-econmacro-theme] .wp-block-quote cite {
	color: var(--econmacro-muted) !important;
}

/* Form fields and search */
html[data-econmacro-theme] input,
html[data-econmacro-theme] textarea,
html[data-econmacro-theme] select,
html[data-econmacro-theme] .search-field {
	background-color: var(--econmacro-surface) !important;
	color: var(--econmacro-text) !important;
	border-color: var(--econmacro-border) !important;
}

html[data-econmacro-theme] input::placeholder,
html[data-econmacro-theme] textarea::placeholder {
	color: var(--econmacro-muted) !important;
	opacity: 1;
}

/* Content buttons */
html[data-econmacro-theme] button:not(.toggle):not([class*="scroll"]):not([id*="scroll"]),
html[data-econmacro-theme] .button:not(.toggle),
html[data-econmacro-theme] input[type="button"],
html[data-econmacro-theme] input[type="reset"],
html[data-econmacro-theme] input[type="submit"],
html[data-econmacro-theme] .wp-block-button__link {
	background-color: var(--econmacro-accent) !important;
	color: var(--econmacro-button-text) !important;
	border-color: var(--econmacro-accent) !important;
}

html[data-econmacro-theme] button:not(.toggle):not([class*="scroll"]):not([id*="scroll"]):hover,
html[data-econmacro-theme] button:not(.toggle):not([class*="scroll"]):not([id*="scroll"]):focus,
html[data-econmacro-theme] .button:not(.toggle):hover,
html[data-econmacro-theme] .button:not(.toggle):focus,
html[data-econmacro-theme] input[type="submit"]:hover,
html[data-econmacro-theme] input[type="submit"]:focus,
html[data-econmacro-theme] .wp-block-button__link:hover,
html[data-econmacro-theme] .wp-block-button__link:focus {
	background-color: var(--econmacro-accent-hover) !important;
	color: var(--econmacro-button-text) !important;
}

/* Header and modal utility controls stay transparent. */
html[data-econmacro-theme] #site-header .toggle,
html[data-econmacro-theme] .menu-modal .toggle,
html[data-econmacro-theme] .search-modal .toggle,
html[data-econmacro-theme] .econmacro-theme-toggle {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--econmacro-heading) !important;
}

html[data-econmacro-theme] #site-header svg,
html[data-econmacro-theme] .menu-modal svg,
html[data-econmacro-theme] .search-modal svg {
	color: currentColor !important;
	fill: currentColor;
	stroke: currentColor;
}

/* Avoid the gold square around common back-to-top utilities. */
html[data-econmacro-theme] #wpfront-scroll-top-container,
html[data-econmacro-theme] #wpfront-scroll-top-container button,
html[data-econmacro-theme] #scrollUp,
html[data-econmacro-theme] #scrollUp button,
html[data-econmacro-theme] .scroll-to-top,
html[data-econmacro-theme] .scroll-to-top button,
html[data-econmacro-theme] .back-to-top,
html[data-econmacro-theme] .back-to-top button,
html[data-econmacro-theme] .to-the-top,
html[data-econmacro-theme] .to-the-top button,
html[data-econmacro-theme] [class*="scroll-to-top"],
html[data-econmacro-theme] [class*="scroll-to-top"] button,
html[data-econmacro-theme] [id*="scroll-to-top"],
html[data-econmacro-theme] [id*="scroll-to-top"] button,
html[data-econmacro-theme] [class*="to_top"],
html[data-econmacro-theme] [class*="to_top"] button,
html[data-econmacro-theme] [id*="to_top"],
html[data-econmacro-theme] [id*="to_top"] button {
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* Code and equations */
html[data-econmacro-theme] pre,
html[data-econmacro-theme] .wp-block-code,
html[data-econmacro-theme] .wp-block-preformatted {
	background-color: var(--econmacro-code-bg) !important;
	color: var(--econmacro-text) !important;
	border-color: var(--econmacro-border) !important;
}

html[data-econmacro-theme] code {
	background-color: var(--econmacro-surface) !important;
	color: var(--econmacro-accent) !important;
}

html[data-econmacro-theme] pre code,
html[data-econmacro-theme] .wp-block-code code {
	background-color: transparent !important;
	color: inherit !important;
}

html[data-econmacro-theme] mjx-container,
html[data-econmacro-theme] .MathJax {
	color: var(--econmacro-text) !important;
}

/* Do not alter photographs, empirical figures, or charts. */
html[data-econmacro-theme] .entry-content img,
html[data-econmacro-theme] .wp-block-image img,
html[data-econmacro-theme] figure img {
	filter: none !important;
}

/* =========================================================
   Dark-mode article navigation and table-of-contents cards
   ========================================================= */

/* Cover native details-based contents boxes and the most common WordPress
   table-of-contents containers. The high-specificity :is() selector also
   overrides palette classes used by individual blocks. */
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.lwptoc_i,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) {
	background-color: var(--econmacro-surface) !important;
	background-image: none !important;
	border-color: var(--econmacro-border) !important;
	border-left-color: var(--econmacro-accent) !important;
	color: var(--econmacro-text) !important;
}

/* Remove nested light panels while retaining the card's spacing and grid. */
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) :where(div, section, nav, aside, header, footer) {
	background-color: transparent !important;
	background-image: none !important;
	border-color: var(--econmacro-border) !important;
}

/* Card header and native disclosure summary. */
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) :where(summary, .toc-header, .toc_head, .toc-title-container,
	.ez-toc-title-container, .lwptoc_header) {
	background-color: var(--econmacro-surface) !important;
	border-color: var(--econmacro-border) !important;
	color: var(--econmacro-heading) !important;
}

/* Titles and column labels remain clearly distinct from the links. */
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) :where(h1, h2, h3, h4, h5, h6, strong, b,
	.toc-title, .toc_title, .ez-toc-title, .lwptoc_title,
	.toc-heading, .toc-section-title) {
	color: var(--econmacro-heading) !important;
}

/* Supporting text and list counters. */
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) :where(p, li, span, small, em) {
	color: var(--econmacro-text) !important;
}

html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) li::marker {
	color: var(--econmacro-muted) !important;
}

/* Reassert the gold identity after the descendant text override. */
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) a,
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) a * {
	color: var(--econmacro-accent) !important;
}

html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) a:hover,
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) a:focus {
	color: var(--econmacro-accent-hover) !important;
}

/* Collapse/expand controls should be quiet utility controls, not gold boxes. */
html[data-econmacro-theme="dark"] .entry-content :is(
	details,
	#toc_container,
	#ez-toc-container,
	.ez-toc-container,
	.lwptoc,
	.joli-toc,
	.joli-table-of-contents,
	.wp-block-table-of-contents,
	.wp-block-rank-math-toc-block,
	.simpletoc,
	.toc-container,
	.toc-wrapper,
	.toc-box,
	.toc-card,
	.contents-box,
	.contents-card,
	.article-toc,
	.article-contents,
	.post-toc,
	.entry-toc,
	.econmacro-toc,
	nav[aria-label*="contents" i]
) :where(button, .toc-toggle, .toc_toggle, .ez-toc-toggle,
	.lwptoc_toggle, [class*="toggle" i]) {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: var(--econmacro-muted) !important;
}

/* =========================================================
   Header toggle
   ========================================================= */

.econmacro-theme-toggle {
	align-items: center;
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	border-radius: 50%;
	box-shadow: none !important;
	color: var(--econmacro-heading) !important;
	cursor: pointer;
	display: inline-flex;
	height: 4rem;
	justify-content: center;
	margin: 0 1.4rem 0 0;
	padding: 0 !important;
	width: 4rem;
}

.econmacro-theme-toggle:hover {
	color: var(--econmacro-accent) !important;
}

.econmacro-theme-toggle:focus-visible {
	outline: 2px solid var(--econmacro-accent);
	outline-offset: 3px;
}

.econmacro-theme-icon {
	fill: none !important;
	height: 2.4rem;
	stroke: currentColor !important;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 2.4rem;
}

.econmacro-theme-icon-sun {
	display: none;
}

:root[data-econmacro-theme="dark"] .econmacro-theme-icon-moon {
	display: none;
}

:root[data-econmacro-theme="dark"] .econmacro-theme-icon-sun {
	display: block;
}

@media (max-width: 700px) {
	.econmacro-theme-toggle {
		height: 3.6rem;
		margin-right: .8rem;
		width: 3.6rem;
	}

	.econmacro-theme-icon {
		height: 2.1rem;
		width: 2.1rem;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.econmacro-theme-toggle,
	.econmacro-theme-icon {
		transition: color .15s ease, opacity .15s ease, transform .15s ease;
	}

	.econmacro-theme-toggle:hover .econmacro-theme-icon {
		transform: rotate(-8deg);
	}
}