/* The three inline <style> blocks every page used to repeat (N-131), in their old order, linked where the first one sat,
   so the cascade against therum.css is unchanged. Not part of therum.css: its design lint and token rules stay as they are. */
/* 1. was <style id="therum-tippy-theme"> */
/* Therum dark micro-pill theme — matches the legacy .therum-island__tooltip
   styling so the swap to Tippy is visually transparent. */
.tippy-box[data-theme~="therum"] {
	background: rgba(14, 14, 16, 0.97) !important;
	color: #ffffff !important;
	border: 0.5px solid rgba(255, 255, 255, 0.10) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	filter: none !important;
	font-family: var(--therum-font-mono, "JetBrains Mono", ui-monospace, monospace);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.10em;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center;
	padding: 0;
}
.tippy-box[data-theme~="therum"] .tippy-content {
	padding: 7px 14px;
}
/* Arrow — refined clip-path triangle matching the legacy ::after nub. */
.tippy-box[data-theme~="therum"] > .tippy-arrow {
	color: rgba(20, 20, 20, 0.92);
}
.tippy-box[data-theme~="therum"] > .tippy-arrow::before {
	border-color: transparent;
}
.tippy-box[data-theme~="therum"][data-placement^="top"] > .tippy-arrow::before    { border-top-color:    rgba(20, 20, 20, 0.92); }
.tippy-box[data-theme~="therum"][data-placement^="bottom"] > .tippy-arrow::before { border-bottom-color: rgba(20, 20, 20, 0.92); }
.tippy-box[data-theme~="therum"][data-placement^="left"] > .tippy-arrow::before   { border-left-color:   rgba(20, 20, 20, 0.92); }
.tippy-box[data-theme~="therum"][data-placement^="right"] > .tippy-arrow::before  { border-right-color:  rgba(20, 20, 20, 0.92); }
/* Italic display-type em inside content for proper-noun project names */
.tippy-box[data-theme~="therum"] .tippy-content em {
	font-family: var(--therum-font-display, "Inter Tight", sans-serif);
	font-style: italic;
	font-weight: 500;
	font-size: 11px;
	letter-spacing: 0;
	text-transform: none;
	margin: 0 1px;
}
/* 2. was <style id="therum-pjax-css"> */
/* ── Transition container ─────────────────────────────────────── */
#brx-content {
	transition: opacity 0.26s cubic-bezier(0.4, 0, 0.2, 1),
	            transform 0.26s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: opacity, transform;
}

/* OUT — page leaves upward, fades */
html.is-leaving #brx-content {
	opacity: 0;
	transform: translateY(-7px);
}

/* IN — new page arrives from below, fades up */
html.is-rendering #brx-content {
	opacity: 0;
	transform: translateY(9px);
}

/* ── Progress bar ─────────────────────────────────────────────── */
#thp-bar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 100000;
	pointer-events: none;
	transform-origin: left center;
	transform: scaleX(0);
	opacity: 0;
	background: linear-gradient(
		90deg,
		var(--thp-color, #6366f1) 0%,
		color-mix(in srgb, var(--thp-color, #6366f1) 70%, transparent) 100%
	);
	/* fast expand, slow fade-out */
	transition: transform 0.18s ease, opacity 0.35s ease;
}
#thp-bar.thp-loading {
	transform: scaleX(0.55);
	opacity: 1;
	transition: transform 0.22s ease;
}
#thp-bar.thp-complete {
	transform: scaleX(1);
	opacity: 0;
	transition: transform 0.14s ease, opacity 0.4s ease 0.12s;
}

/* ── Reduced-motion override ──────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	#brx-content,
	#thp-bar,
	#thp-bar.thp-loading,
	#thp-bar.thp-complete {
		transition-duration: 1ms !important;
	}
}
/* 3. was <style id="global-styles-inline-css"> (WordPress global styles). Only these two rules match anything on the site:
   no element carries a has-*, is-layout-* or wp-block-button class, and no stylesheet or script reads a --wp--preset custom property. */
:where(body) { margin: 0; }
body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}