/* Muse Pages — Muse Morning Briefing + Grok Bot Pages surface */

:root {
	--muse-paper: #f4f5f2;
	--muse-surface: #ffffff;
	--muse-surface-2: #eef0ea;
	--muse-ink: #161a17;
	--muse-ink-2: #3d453f;
	--muse-muted: #6b756e;
	--muse-line: #dde1da;
	--muse-line-strong: #c8cec4;
	--muse-teal: #0f766e;
	--muse-teal-soft: #e0f2f1;
	--muse-navy: #1e3a5f;
	--muse-violet: #5b21b6;
	--muse-amber: #92400e;
	--muse-amber-soft: #fef3d8;
	--muse-green: #166534;
	--muse-red: #b42318;
	--muse-radius: 14px;
	--muse-radius-sm: 10px;
	--muse-shadow: 0 1px 2px rgba(20, 30, 20, 0.05), 0 8px 28px rgba(20, 30, 20, 0.06);
	--muse-wrap: 72.5rem; /* 1160px */
	--muse-measure: 42rem;
}

@media (prefers-color-scheme: dark) {
	:root {
		--muse-paper: #111412;
		--muse-surface: #1a1e1b;
		--muse-surface-2: #222722;
		--muse-ink: #e8ebe6;
		--muse-ink-2: #c4cbc4;
		--muse-muted: #9aa39c;
		--muse-line: #2a302c;
		--muse-line-strong: #3a423c;
		--muse-teal: #2dd4bf;
		--muse-teal-soft: #134e4a;
		--muse-navy: #93c5fd;
		--muse-violet: #c4b5fd;
		--muse-amber: #fbbf24;
		--muse-amber-soft: #422006;
		--muse-shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 8px 28px rgba(0, 0, 0, 0.4);
	}

	body,
	.editor-styles-wrapper {
		background: var(--muse-paper) !important;
		color: var(--muse-ink) !important;
	}
}

/* ——— Base ——— */
body {
	background: var(--muse-paper);
	color: var(--muse-ink);
	-webkit-font-smoothing: antialiased;
}

.wp-site-blocks {
	padding-left: clamp(1rem, 3vw, 1.5rem);
	padding-right: clamp(1rem, 3vw, 1.5rem);
}

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.12em;
}

/* ——— Masthead ——— */
.muse-masthead {
	max-width: var(--muse-wrap);
	margin-inline: auto;
	padding: 1.75rem 0 1.25rem;
	border-bottom: 3px double var(--muse-ink);
}

.muse-masthead__top {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
	margin-bottom: 0.35rem;
}

.muse-masthead .wp-block-site-title {
	margin: 0;
	font-family: Newsreader, Georgia, serif;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.muse-masthead .wp-block-site-title a {
	color: var(--muse-ink) !important;
	text-decoration: none !important;
}

.muse-masthead .wp-block-site-title a:hover {
	color: var(--muse-teal) !important;
}

.muse-masthead .wp-block-site-tagline {
	margin: 0.35rem 0 0;
	color: var(--muse-muted);
	font-size: 1rem;
	max-width: 36rem;
}

.muse-masthead__meta {
	font-family: "IBM Plex Mono", ui-monospace, monospace;
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--muse-muted);
	white-space: nowrap;
}

/* ——— Category pill TOC ——— */
.muse-toc {
	max-width: var(--muse-wrap);
	margin: 1.25rem auto 0;
}

.muse-toc .wp-block-categories-list,
.muse-toc ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.muse-toc .wp-block-categories-list li,
.muse-toc ul li {
	margin: 0;
}

.muse-toc .wp-block-categories-list a,
.muse-toc a {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.4rem 0.85rem;
	border-radius: 999px;
	border: 1px solid var(--muse-line);
	background: var(--muse-surface);
	color: var(--muse-ink-2) !important;
	font-family: "Public Sans", system-ui, sans-serif;
	font-size: 0.8125rem;
	font-weight: 500;
	text-decoration: none !important;
	box-shadow: 0 1px 2px rgba(20, 30, 20, 0.04);
	transition: border-color 0.15s ease, color 0.15s ease;
}

.muse-toc .wp-block-categories-list a::before,
.muse-toc a::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--muse-teal);
	flex-shrink: 0;
}

/* Accent dots by category slug (href contains slug) */
.muse-toc a[href*="grok-bot"]::before { background: var(--muse-teal); }
.muse-toc a[href*="ai-tools"]::before { background: var(--muse-navy); }
.muse-toc a[href*="trading"]::before { background: var(--muse-green); }
.muse-toc a[href*="the-drop-drive"]::before { background: var(--muse-violet); }
.muse-toc a[href*="jev"]::before { background: var(--muse-amber); }
.muse-toc a[href*="marketing"]::before { background: #c2410c; }
.muse-toc a[href*="ai-receptionist"]::before { background: #0369a1; }
.muse-toc a[href*="uncategorized"] { display: none !important; }

.muse-toc .wp-block-categories-list a:hover,
.muse-toc a:hover {
	border-color: var(--muse-line-strong);
	color: var(--muse-ink) !important;
}

/* ——— Post cards (home / archive) ——— */
.muse-main {
	max-width: var(--muse-wrap);
	margin: 1.75rem auto 3rem;
}

.muse-card-stack .wp-block-post-template,
.muse-card-stack ul.wp-block-post-template {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.muse-card {
	background: var(--muse-surface);
	border: 1px solid var(--muse-line);
	border-radius: var(--muse-radius);
	padding: 1.35rem 1.4rem;
	box-shadow: var(--muse-shadow);
	transition: border-color 0.15s ease;
}

.muse-card:hover {
	border-color: var(--muse-line-strong);
}

.muse-card .wp-block-post-title {
	margin: 0 0 0.45rem;
	font-family: Newsreader, Georgia, serif;
	font-size: clamp(1.35rem, 2.2vw, 1.7rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.muse-card .wp-block-post-title a {
	color: var(--muse-ink) !important;
	text-decoration: none !important;
}

.muse-card .wp-block-post-title a:hover {
	color: var(--muse-teal) !important;
}

.muse-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1rem;
	margin-bottom: 0.55rem;
}

.muse-card .wp-block-post-excerpt {
	margin: 0;
	color: var(--muse-ink-2);
	font-size: 0.98rem;
	line-height: 1.5;
}

.muse-card .wp-block-post-excerpt p {
	margin: 0;
}

.muse-card .wp-block-post-terms a {
	color: var(--muse-muted) !important;
	text-decoration: none !important;
}

/* ——— Pagination ——— */
.muse-pagination {
	margin-top: 2rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--muse-line);
}

.muse-pagination .wp-block-query-pagination {
	justify-content: space-between;
}

.muse-pagination a {
	color: var(--muse-teal) !important;
	text-decoration: none !important;
	font-weight: 500;
}

.muse-pagination a:hover {
	text-decoration: underline !important;
}

/* ——— Single post ——— */
.muse-single {
	max-width: var(--muse-measure);
	margin: 2rem auto 4rem;
}

.muse-single .wp-block-post-title {
	margin: 0 0 0.65rem;
	font-family: Newsreader, Georgia, serif;
	font-size: clamp(2rem, 4.5vw, 3.1rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.12;
}

.muse-single__dek {
	color: var(--muse-ink-2);
	font-size: 1.1rem;
	line-height: 1.5;
	margin: 0 0 1rem;
}

.muse-single__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--muse-line);
	font-family: "IBM Plex Mono", ui-monospace, monospace;
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--muse-muted);
}

.muse-single__meta a {
	color: var(--muse-muted) !important;
	text-decoration: none !important;
}

.muse-single__meta .muse-pill {
	display: inline-flex;
	align-items: center;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	border: 1px solid var(--muse-line);
	background: var(--muse-surface);
	text-transform: none;
	letter-spacing: 0;
	font-family: "Public Sans", system-ui, sans-serif;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--muse-ink-2) !important;
}

/* Body rhythm */
.muse-single .entry-content,
.muse-single .wp-block-post-content {
	font-size: 1.0625rem;
	line-height: 1.6;
}

.muse-single .wp-block-post-content h2 {
	font-family: Newsreader, Georgia, serif;
	font-size: clamp(1.35rem, 2.4vw, 1.65rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 2.15rem 0 0.85rem;
	padding-bottom: 0.4rem;
	border-bottom: 2px solid var(--muse-ink);
	line-height: 1.25;
}

.muse-single .wp-block-post-content h3 {
	font-family: "Public Sans", system-ui, sans-serif;
	font-size: 1.1rem;
	font-weight: 600;
	margin: 1.6rem 0 0.55rem;
	letter-spacing: -0.01em;
}

.muse-single .wp-block-post-content > *:first-child {
	margin-top: 0;
}

.muse-single .wp-block-post-content ul,
.muse-single .wp-block-post-content ol {
	padding-left: 1.25rem;
}

.muse-single .wp-block-post-content li + li {
	margin-top: 0.35rem;
}

.muse-single .wp-block-post-content blockquote {
	margin: 1.5rem 0;
	padding: 0.25rem 0 0.25rem 1rem;
	border-left: 3px solid var(--muse-line-strong);
	color: var(--muse-ink-2);
	font-style: italic;
}

/* Amber YouTube callout — prefer link style; soften embeds */
.muse-single .wp-block-post-content > p:has(a[href*="youtube.com"]),
.muse-single .wp-block-post-content > p:has(a[href*="youtu.be"]) {
	background: var(--muse-amber-soft);
	border: 1px solid color-mix(in srgb, var(--muse-amber) 25%, var(--muse-line));
	border-radius: var(--muse-radius-sm);
	padding: 0.9rem 1.05rem;
	color: var(--muse-amber);
	font-size: 0.95rem;
	line-height: 1.45;
}

.muse-single .wp-block-post-content > p:has(a[href*="youtube.com"]) a,
.muse-single .wp-block-post-content > p:has(a[href*="youtu.be"]) a {
	color: var(--muse-amber) !important;
	font-weight: 600;
	word-break: break-all;
}

/* Soften embed wall — keep accessible but not dominant */
.muse-single .wp-block-embed-youtube {
	background: var(--muse-amber-soft);
	border: 1px solid color-mix(in srgb, var(--muse-amber) 25%, var(--muse-line));
	border-radius: var(--muse-radius-sm);
	padding: 0.75rem;
	margin: 0 0 1.25rem;
}

.muse-single .wp-block-embed-youtube .wp-block-embed__wrapper {
	border-radius: 8px;
	overflow: hidden;
}

.muse-single .wp-block-post-content > p:has(> strong:first-child):has(+ h2),
.muse-single .wp-block-post-content p strong:only-child {
	/* channel line often "Channel: Name" */
}

.muse-single__footer {
	margin-top: 2.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--muse-line);
	color: var(--muse-muted);
	font-size: 0.9rem;
}

.muse-single__footer .wp-block-post-navigation-link a {
	color: var(--muse-teal) !important;
	text-decoration: none !important;
	font-weight: 500;
}

.muse-single__footer .wp-block-post-navigation-link a:hover {
	text-decoration: underline !important;
}

/* Hide comments remnants if a parent pattern sneaks in */
.wp-block-comments,
.comment-respond,
#comments {
	display: none !important;
}

/* ——— Footer ——— */
.muse-footer {
	max-width: var(--muse-wrap);
	margin: 0 auto;
	padding: 1.5rem 0 2.5rem;
	border-top: 1px solid var(--muse-line);
	color: var(--muse-muted);
	font-size: 0.85rem;
	font-family: "IBM Plex Mono", ui-monospace, monospace;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.muse-footer a {
	color: var(--muse-muted) !important;
	text-decoration: none !important;
}

.muse-footer a:hover {
	color: var(--muse-teal) !important;
}

/* ——— Archive heading ——— */
.muse-archive-title {
	max-width: var(--muse-wrap);
	margin: 1.5rem auto 0.5rem;
	font-family: Newsreader, Georgia, serif;
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	font-weight: 700;
	letter-spacing: -0.02em;
}

/* Fallback :has() for older browsers — YouTube link paragraphs */
@supports not selector(:has(*)) {
	.muse-single .wp-block-post-content a[href*="youtube.com"],
	.muse-single .wp-block-post-content a[href*="youtu.be"] {
		display: inline-block;
		background: var(--muse-amber-soft);
		border-radius: var(--muse-radius-sm);
		padding: 0.35rem 0.6rem;
		color: var(--muse-amber) !important;
		font-weight: 600;
	}
}