/* Tarqeq Additional CSS — cleaned 11 October 2026.
   Replacement for the complete supplied Additional CSS.
   Plugin-owned experiment styles are intentionally absent. */

/* =========================================================
   A. SOFTWARE TOOL EMBEDS — INQLAB AND SIMPLR
   ========================================================= */
body.tarqeq-tool-post .entry-content p:has(> #inqlab-app) > br {
  display: none;
}

/* Tools posts: retain the site header; suppress theme post furniture. */
body.tarqeq-tool-post #site-content .entry-header,
body.tarqeq-tool-post #site-content .featured-media,
body.tarqeq-tool-post #site-content .post-meta-wrapper,
body.tarqeq-tool-post #site-content .author-bio,
body.tarqeq-tool-post #site-content .pagination-single,
body.tarqeq-tool-post #site-content .comments-wrapper,
body.tarqeq-tool-post #site-content .post-inner > .section-inner {
    display: none !important;
}

/* Replace the article's large top spacing with a small gap. */
body.tarqeq-tool-post #site-content > article,
body.tarqeq-tool-post #site-content .post-inner {
    padding-top: 0 !important;
}

body.tarqeq-tool-post #site-content {
    padding-top: 0 !important;
}

/* Use the available page width, with a small gutter on either side. */
body.tarqeq-tool-post #site-content .entry-content {
    width: calc(100% - 48px);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

body.tarqeq-tool-post #site-content .entry-content > * {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.tarqeq-tool-post #site-content .entry-content iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
}

@media (max-width: 600px) {
    body.tarqeq-tool-post #site-content .entry-content {
        width: calc(100% - 24px);
    }
}
/* Hide Twenty Twenty's footer on Tools posts only. */
body.tarqeq-tool-post .footer-nav-widgets-wrapper,
body.tarqeq-tool-post #site-footer {
    display: none !important;
}
/* Hide Tools post titles at every screen size. */
html body.tarqeq-tool-post #site-content .entry-header,
html body.tarqeq-tool-post #site-content .entry-title,
html body.single-post article.category-tools .entry-header,
html body.single-post article.category-tools .entry-title {
    display: none !important;
}

/* Remove residual margins above Tools embeds. */
body.tarqeq-tool-post #site-content .post-inner {
    margin-top: 0 !important;
}

body.tarqeq-tool-post .entry-content > :first-child {
    margin-top: 0 !important;
}
body.tarqeq-tool-post .entry-content p:has(> #simplr-app) > br {
    display: none !important;
}

/* =========================================================
   B. EXISTING LLM SUMMARY LABEL
   ========================================================= */
.entry-content > .llm-summary-label {
	display: block !important;
	width: max-content !important;
	max-width: calc(100% - 80px) !important;
	margin-left: max(40px, calc((100% - 1200px) / 2)) !important;
	margin-right: auto !important;
	margin-bottom: 1rem !important;
	padding: 0.5rem 0.75rem !important;
}

@media (max-width: 781px) {
	.entry-content > .llm-summary-label {
		max-width: calc(100% - 40px) !important;
		margin-left: 20px !important;
	}
}

/* =========================================================
   C. SHARED SITE STYLING — LUNAR NEUTRAL PALETTE
   Twenty Twenty theme
   ========================================================= */

/* ---------------------------------------------------------
   1. FOUNDATIONAL COLOURS
   --------------------------------------------------------- */

body,
body.custom-background,
#site-content {
	background-color: #000000 !important;
	color: #f0eee8;
}

/* ---------------------------------------------------------
   2. SITE HEADER AND FOOTER
   --------------------------------------------------------- */

#site-header,
#site-footer,
.footer-nav-widgets-wrapper {
	background-color: #181817 !important;
	color: #f0eee8 !important;
}

#site-header a,
#site-header .primary-menu a,
#site-header .toggle,
#site-header .toggle-text {
	color: #f0eee8 !important;
}

#site-header .primary-menu a:hover,
#site-header .primary-menu a:focus,
#site-header .primary-menu .current_page_item > a,
#site-header .primary-menu .current-menu-item > a {
	color: #ffffff !important;
	text-decoration: underline;
	text-decoration-color: #817f79;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

/* ---------------------------------------------------------
   3. LOGO
   Removes the residual red cast while retaining the mark.
   --------------------------------------------------------- */

#site-header .custom-logo {
	filter: grayscale(1) brightness(2);
	opacity: 0.82;
}

/* ---------------------------------------------------------
   4. PAGE AND PUBLICATION TITLE FIELD
   --------------------------------------------------------- */

.singular .entry-header {
	background-color: #242321 !important;
	color: #f0eee8 !important;
}

.singular .entry-header .entry-title,
.singular .entry-header .entry-title a {
	color: #f0eee8 !important;
}

.singular .entry-header .entry-categories,
.singular .entry-header .entry-categories a,
.singular .entry-header .post-meta,
.singular .entry-header .post-meta a,
.singular .entry-header .intro-text {
	color: #c4c1b9 !important;
}

/* Featured images remain assigned in WordPress for metadata and link
   previews, but are not rendered as generic hero images on posts. */
.single-post .featured-media {
  display: none !important;
}

/* Preserve mobile spacing; reduce only the expansive desktop title field. */
@media (min-width: 700px) {
  .singular .entry-header {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

/* C4a. CATEGORY AND TAG ARCHIVES
   Existing catalogue layout and reciprocal taxonomy. */
body.category .archive-header,
body.tag .archive-header {
  background-color: #242321 !important;
  color: #f0eee8 !important;
}

body.category .archive-title,
body.category .archive-subtitle,
body.tag .archive-title,
body.tag .archive-subtitle {
  color: #f0eee8 !important;
}

body.category #site-content > article .featured-media,
body.tag #site-content > article .featured-media {
  display: none !important;
}

body.category #site-content > article .entry-title,
body.category #site-content > article .entry-title a,
body.tag #site-content > article .entry-title,
body.tag #site-content > article .entry-title a {
  color: #f0eee8 !important;
}

body.category #site-content > article .entry-categories,
body.category #site-content > article .entry-categories a,
body.category #site-content > article .post-meta,
body.category #site-content > article .post-meta a,
body.tag #site-content > article .entry-categories,
body.tag #site-content > article .entry-categories a,
body.tag #site-content > article .post-meta,
body.tag #site-content > article .post-meta a {
  color: #c4c1b9 !important;
}

body.category #site-content > article,
body.tag #site-content > article {
  width: calc(100% - 4rem);
  max-width: 100rem;
  margin-right: auto;
  margin-left: auto;
  padding: 5rem 0;
  border-bottom: 0.1rem solid #3a3935;
}

body.category #site-content > article:last-of-type,
body.tag #site-content > article:last-of-type {
  border-bottom: 0;
}

body.category #site-content > article .entry-header,
body.tag #site-content > article .entry-header {
  text-align: left !important;
}

body.category #site-content > article .entry-header-inner,
body.tag #site-content > article .entry-header-inner,
body.category #site-content > article .post-inner,
body.tag #site-content > article .post-inner,
body.category #site-content > article .entry-content,
body.tag #site-content > article .entry-content {
  width: 100%;
  max-width: none;
}

body.category #site-content > article .entry-title,
body.tag #site-content > article .entry-title {
  font-size: clamp(3rem, 4vw, 4.4rem);
  line-height: 1.15;
}

body.category #site-content > article .entry-categories,
body.tag #site-content > article .entry-categories {
  margin-bottom: 1.2rem;
}

/* A category label inside its own category archive is tautological.
   Tag archives retain category labels because they can mix product types. */
body.category #site-content > article .entry-categories {
  display: none !important;
}

body.category #site-content > article .post-meta,
body.tag #site-content > article .post-meta {
  justify-content: flex-start;
}

body.category #site-content > article .post-inner,
body.tag #site-content > article .post-inner {
  padding-top: 2rem;
}

body.category #site-content > article .entry-content,
body.tag #site-content > article .entry-content {
  margin: 0;
  font-size: 1.9rem;
  line-height: 1.55;
}

body.tag #site-content > article > .section-inner,
body.category #site-content > .post-separator,
body.tag #site-content > .post-separator {
  display: none;
}

/* Reciprocal taxonomy: category archives show subject tags, while tag
   archives retain the publication category shown above each title. */
body.category #site-content > article > .section-inner {
  display: block !important;
  width: 100%;
  max-width: none;
  margin-top: 1.6rem;
}

body.category #site-content > article > .section-inner .post-meta-wrapper {
  margin: 0;
}

body.category #site-content > article > .section-inner .post-meta {
  justify-content: flex-start;
  color: #c4c1b9;
  font-size: 1.4rem;
}

body.category #site-content > article > .section-inner .post-tags {
  margin: 0;
}

body.category #site-content > article > .section-inner .post-tags .meta-icon {
  display: none;
}

body.category #site-content > article > .section-inner .post-tags a {
  color: #c4c1b9 !important;
  text-decoration-color: #817f79;
}

body.category #site-content > article > .section-inner .post-tags a:hover,
body.category #site-content > article > .section-inner .post-tags a:focus {
  color: #ffffff !important;
  text-decoration-color: #ffffff;
}

@media (min-width: 700px) {
  body.category .archive-header,
  body.tag .archive-header {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
}

/* ---------------------------------------------------------
   5. ORDINARY CONTENT
   Experiment interiors are deliberately excluded.
   --------------------------------------------------------- */

article:not(.category-experiments) .entry-content {
	color: #f0eee8;
}

article:not(.category-experiments) .entry-content h1,
article:not(.category-experiments) .entry-content h2,
article:not(.category-experiments) .entry-content h3,
article:not(.category-experiments) .entry-content h4,
article:not(.category-experiments) .entry-content h5,
article:not(.category-experiments) .entry-content h6,
article:not(.category-experiments) .entry-content p,
article:not(.category-experiments) .entry-content li,
article:not(.category-experiments) .entry-content dt,
article:not(.category-experiments) .entry-content dd {
	color: #f0eee8;
}

/* ---------------------------------------------------------
   6. SECONDARY TEXT
   Lighter and warmer than the former muddy grey.
   --------------------------------------------------------- */

.wp-block-latest-posts__post-excerpt,
article:not(.category-experiments) figcaption,
article:not(.category-experiments) .wp-block-image figcaption,
article:not(.category-experiments) .wp-block-gallery figcaption,
article:not(.category-experiments) .wp-block-quote cite,
article:not(.category-experiments) .wp-block-pullquote cite {
	color: #c4c1b9 !important;
}

/* ---------------------------------------------------------
   7. LINKS
   Links are distinguished by underlining rather than hue.
   --------------------------------------------------------- */

article:not(.category-experiments) .entry-content a {
	color: #f0eee8;
	text-decoration-color: #817f79;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

article:not(.category-experiments) .entry-content a:hover,
article:not(.category-experiments) .entry-content a:focus {
	color: #ffffff;
	text-decoration-color: #ffffff;
}

/* ---------------------------------------------------------
   8. LANDING-PAGE EMPHASIS
   No coloured text and no false hyperlink underline.
   --------------------------------------------------------- */

article:not(.category-experiments) .entry-content mark {
	background: transparent;
	color: #ffffff;
	border: 0;
	text-decoration: none;
}

/* ---------------------------------------------------------
   9. CONTACT AND SECONDARY PANELS
   --------------------------------------------------------- */

article:not(.category-experiments) .has-secondary-background-color {
	background-color: #1d1d1b !important;
	color: #f0eee8 !important;
}

article:not(.category-experiments)
	.has-secondary-background-color a {
	color: #f0eee8 !important;
	text-decoration-color: #817f79;
}

/* ---------------------------------------------------------
   10. SOCIAL ICONS
   Removes the bright platform-colour interruption.
   --------------------------------------------------------- */

article:not(.category-experiments) .wp-social-link {
	background-color: #3a3935 !important;
	color: #f0eee8 !important;
}

article:not(.category-experiments) .wp-social-link:hover,
article:not(.category-experiments) .wp-social-link:focus {
	background-color: #4a4944 !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   11. RULES, SEPARATORS AND BORDERS
   --------------------------------------------------------- */

article:not(.category-experiments) hr,
article:not(.category-experiments) .wp-block-separator {
	border-color: #3a3935 !important;
	color: #3a3935 !important;
	opacity: 1;
}

article:not(.category-experiments) blockquote {
	border-color: #3a3935 !important;
}

/* ---------------------------------------------------------
   12. BUTTONS IN ORDINARY CONTENT
   Neutral rather than accent-coloured.
   --------------------------------------------------------- */

article:not(.category-experiments) .wp-block-button__link,
article:not(.category-experiments) button,
article:not(.category-experiments) input[type="button"],
article:not(.category-experiments) input[type="submit"] {
	background-color: #f0eee8 !important;
	border-color: #f0eee8 !important;
	color: #000000 !important;
}

article:not(.category-experiments) .wp-block-button__link:hover,
article:not(.category-experiments) .wp-block-button__link:focus,
article:not(.category-experiments) button:hover,
article:not(.category-experiments) button:focus,
article:not(.category-experiments) input[type="button"]:hover,
article:not(.category-experiments) input[type="button"]:focus,
article:not(.category-experiments) input[type="submit"]:hover,
article:not(.category-experiments) input[type="submit"]:focus {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #000000 !important;
}

/* Remove WordPress/Jetpack's appended subscription promotion as one unit,
   including its heading, explanatory copy, form and button. */
.entry-content > .wp-block-group:has(.wp-block-jetpack-subscriptions) {
  display: none !important;
}

/* ---------------------------------------------------------
   13. POST TAGS AND PREVIOUS/NEXT NAVIGATION
   These sit outside the main entry-content container.
   --------------------------------------------------------- */

.post-tags a,
.pagination-single a,
.pagination .nav-links a {
	color: #f0eee8 !important;
	text-decoration-color: #817f79;
}

.post-tags a:hover,
.post-tags a:focus,
.pagination-single a:hover,
.pagination-single a:focus,
.pagination .nav-links a:hover,
.pagination .nav-links a:focus {
	color: #ffffff !important;
	text-decoration-color: #ffffff;
}

/* ---------------------------------------------------------
   14. FOOTER TEXT AND LINKS
   --------------------------------------------------------- */

#site-footer,
#site-footer a,
.footer-nav-widgets-wrapper,
.footer-nav-widgets-wrapper a {
	color: #c4c1b9 !important;
}

#site-footer a:hover,
#site-footer a:focus,
.footer-nav-widgets-wrapper a:hover,
.footer-nav-widgets-wrapper a:focus {
	color: #ffffff !important;
	text-decoration-color: #ffffff;
}

/* ---------------------------------------------------------
   15. MOBILE NAVIGATION
   --------------------------------------------------------- */

.menu-modal-inner {
	background-color: #181817 !important;
	color: #f0eee8 !important;
}

.modal-menu a,
.menu-modal .toggle,
.menu-modal .toggle-text,
.menu-bottom,
.menu-bottom a {
	color: #f0eee8 !important;
}

.modal-menu li {
	border-color: #3a3935 !important;
}

/* ---------------------------------------------------------
   16. KEYBOARD FOCUS
   Visible without introducing another colour.
   --------------------------------------------------------- */

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
	outline-color: #c4c1b9;
}

/* =========================================================
   D. ARCHIVE PAGE — EXISTING EXCERPT AND DATE INDENTATION
   ========================================================= */
body.page-id-4398 .wpnbha .entry-wrapper > p,
body.page-id-4398 .wpnbha .entry-wrapper > .entry-meta {
    margin-left: 2rem;
}

/* =========================================================
   E. EXISTING STICKY-POST LABEL
   Preserves the current reader-facing label verbatim.
   ========================================================= */
.post-sticky .meta-text {
	font-size: 0;
}

.post-sticky .meta-text::after {
	content: "Selected Research";
	font-size: 1.6rem;
}

/* =========================================================
   F. HOME PAGE QUERY LOOP — FEATURED PUBLICATIONS
   ========================================================= */
.home .wp-block-query .wp-block-post-terms a {
	text-decoration: none;
	border-bottom: 0;
}

.home .wp-block-query .wp-block-post-template > .wp-block-post {
	margin-block-start: 0;
	margin-block-end: 2.4rem;
}

.home .wp-block-query .wp-block-post-template > .wp-block-post:last-child {
	margin-block-end: 0;
}

.home .wp-block-query .wp-block-post-terms {
	margin: 0 0 0.4rem;
}

.home .wp-block-query .wp-block-post-title {
	margin: 0 0 0.4rem;
}

.home .wp-block-query .wp-block-post-excerpt {
	margin: 0;
}