/* Primary hover: dark teal background + white text */
.wp-block-button__link:hover,
.wp-element-button:hover {
	background-color: #004C5C !important;
/* dark teal */
	color: #ffffff !important;
	border-color: #004C5C !important;
	transition: all .2s ease-in-out;
	box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

/* Outline-style buttons need this selector in Seedlet */
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-element-button:hover {
	background-color: #004C5C !important;
	color: #ffffff !important;
	border-color: #004C5C !important;
}

/* --- Base button polish (all viewports) --- */
.wp-block-button__link {
	border-width: 2px;
	border-radius: 10px;
	font-weight: 600;
}

/* Keep outline buttons tidy on desktop */
.wp-block-button.is-style-outline .wp-block-button__link {
	border-color: #DAA520;
/* goldenrod outline */
	color: #6B4C00;
/* dark golden text for contrast */
}

/* --- Mobile accessibility pass --- */
@media (max-width: 640px) {
	/* Make ALL buttons solid, high-contrast on mobile */
	.wp-block-button__link,
																								  .wp-block-button.is-style-outline .wp-block-button__link {
		background-color: #004C5C !important;
	/* dark teal */
		color: #ffffff !important;
	/* white text */
		border-color: #004C5C !important;
		box-shadow: 0 2px 4px rgba(0,0,0,.12);
	}
	
	/* Comfortable tap targets + consistent sizing */
	.wp-block-button__link {
		display: block;
		width: 100%;
		padding: 12px 16px;
		font-size: 16px;
		line-height: 1.2;
		text-align: center;
	}
	
	/* Space between stacked buttons */
	.wp-block-button {
		margin-bottom: 12px;
	}
}

/* Hover (desktop) keeps the dark-teal flip you liked */
.wp-block-button__link:hover,
.wp-element-button:hover {
	background-color: #004C5C !important;
	color: #ffffff !important;
	border-color: #004C5C !important;
	transition: all .2s ease-in-out;
	box-shadow: 0 4px 6px rgba(0,0,0,.15);
}

/* ============================================
   PDP EXPERIMENT BOXES - Individual Pages
   ============================================ */
/* 🏠 CASI Experiment Box - Coral */
.casi-experiment-box {
	background: #FFF8F0;
	border-left: 4px solid #FF7F50;
	border-top: 1px solid #FFD7C4;
	border-right: 1px solid #FFD7C4;
	border-bottom: 1px solid #FFD7C4;
	border-radius: 8px;
	padding: 40px;
	margin: 30px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 🍷 SOMMIT Experiment Box - Burgundy */
.sommit-experiment-box {
	background: #FFF8F0;
	border-left: 4px solid #8B2A3B;
	border-top: 1px solid #D4A5A5;
	border-right: 1px solid #D4A5A5;
	border-bottom: 1px solid #D4A5A5;
	border-radius: 8px;
	padding: 40px;
	margin: 30px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 🛍️ SHOPTUNER Experiment Box - Teal */
.shoptuner-experiment-box {
	background: #F0FFFE;
	border-left: 4px solid #2A9D8F;
	border-top: 1px solid #B8E6E0;
	border-right: 1px solid #B8E6E0;
	border-bottom: 1px solid #B8E6E0;
	border-radius: 8px;
	padding: 40px;
	margin: 30px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* 🔮 PEP'R Experiment Box - Purple */
.pepr-experiment-box {
	background: #F8F4FF;
	border-left: 4px solid #7B2CBF;
	border-top: 1px solid #D4BBF0;
	border-right: 1px solid #D4BBF0;
	border-bottom: 1px solid #D4BBF0;
	border-radius: 8px;
	padding: 40px;
	margin: 30px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* ============================================
   LANDING PAGE CARDS - With Light Backgrounds
   Use these classes on prototype showcase cards
   ============================================ */
/* 🏠 CASI Card - Light Coral Background */
.casi-card {
	background: #FFF5E6;
/* Light peachy-coral background */
	border-left: 4px solid #FF7F50;
	border-top: 1px solid #FFD7C4;
	border-right: 1px solid #FFD7C4;
	border-bottom: 1px solid #FFD7C4;
	border-radius: 8px;
	padding: 30px;
	margin: 20px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	transition: transform .2s ease, box-shadow .2s ease;
}

.casi-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 12px rgba(255, 127, 80, 0.15);
}

/* 🍷 SOMMIT Card - Light Burgundy/Rose Background */
.sommit-card {
	background: #FFF0F3;
/* Light rose/burgundy background */
	border-left: 4px solid #8B2A3B;
	border-top: 1px solid #D4A5A5;
	border-right: 1px solid #D4A5A5;
	border-bottom: 1px solid #D4A5A5;
	border-radius: 8px;
	padding: 30px;
	margin: 20px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	transition: transform .2s ease, box-shadow .2s ease;
}

.sommit-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 12px rgba(139, 42, 59, 0.15);
}

/* 🛍️ SHOPTUNER Card - Light Teal Background */
.shoptuner-card {
	background: #F0FFFE;
/* Light teal background */
	border-left: 4px solid #2A9D8F;
	border-top: 1px solid #B8E6E0;
	border-right: 1px solid #B8E6E0;
	border-bottom: 1px solid #B8E6E0;
	border-radius: 8px;
	padding: 30px;
	margin: 20px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	transition: transform .2s ease, box-shadow .2s ease;
}

.shoptuner-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 12px rgba(42, 157, 143, 0.15);
}

/* 🔮 PEP'R Card - Light Purple Background */
.pepr-card {
	background: #F8F4FF;
/* Light purple background */
	border-left: 4px solid #7B2CBF;
	border-top: 1px solid #D4BBF0;
	border-right: 1px solid #D4BBF0;
	border-bottom: 1px solid #D4BBF0;
	border-radius: 8px;
	padding: 30px;
	margin: 20px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	transition: transform .2s ease, box-shadow .2s ease;
}

.pepr-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 12px rgba(123, 44, 191, 0.15);
}

/* Mobile responsive */
@media (max-width: 768px) {
	.casi-card,
																				    .sommit-card,
																				    .shoptuner-card,
																				    .pepr-card {
		padding: 20px;
		margin: 16px 0;
	}
}

	
}

/* ============================================
   AICURIOUS BRANDING CSS
   For Landing Page Sections
   ============================================ */
/* AICurious Philosophy Section (Top of Landing Page) */
.aicurious-philosophy {
	background: #FFFBF5;
/* Light cream background */
	border-left: 4px solid #D4AF37;
/* Gold accent bar */
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-radius: 8px;
	padding: 40px;
	margin: 40px 0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* AICurious Badge (On Prototype Cards) */
.aicurious-badge {
	font-size: .875em;
/* 14px if base is 16px */
	color: #666;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 8px;
	font-weight: 600;
}

/* AICurious "Explore More" Section (Bottom of Landing Page) */
.aicurious-explore {
	background: #FFFBF5;
/* Same light cream as philosophy section */
	border-left: 4px solid #D4AF37;
	border-top: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	border-radius: 8px;
	padding: 40px;
	margin: 60px 0 40px;
	text-align: center;
}

.aicurious-explore h2 {
	color: #333;
	margin-bottom: 20px;
}

.aicurious-explore a {
	color: #D4AF37;
	font-weight: 600;
	text-decoration: none;
}

.aicurious-explore a:hover {
	text-decoration: underline;
}

/* Optional: Style for the microscope emoji if you want it larger */
.aicurious-philosophy h2::before,
.aicurious-explore h2::before {
	content: "🔬 ";
	font-size: 1.2em;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
	.aicurious-philosophy,
																					    .aicurious-explore {
		padding: 24px;
		margin: 24px 0;
	}
}

.team-principle-box {
	background: #FFFBF5;
	border-left: 4px solid #D4AF37;
	border-radius: 8px;
	padding: 24px;
}

/* —— Writing page: lens tag lines under post images ——————————— */
.post-lens {
	font-size: 12px;
	line-height: 1.35;
	color: #7A6C5D;
/* warm neutral */
	margin-top: 6px;
	font-style: italic;
}

.post-lens em {
	font-style: inherit;
}

/* keep single italic, no double */
/* If you use image captions instead of a paragraph: make them match */
figure.wp-block-image figcaption {
	font-size: 12px;
	line-height: 1.35;
	color: #7A6C5D;
	font-style: italic;
}

/* —— Small “badge” line under project/product tiles ——————————— */
.brand-badge {
	font-size: 12px;
	color: #6E624F;
	margin-top: 6px;
	font-style: italic;
}

/* —— Ecosystem band styling (3 columns at the bottom of Home) —— */
.ecosystem-band {
	background: #FFF7E6;
/* soft cream */
	border: 1px solid #EAD9B8;
	border-radius: 12px;
	padding: 24px;
}

.ecosystem-band .column {
	text-align: center;
	padding: 10px 12px;
}

.ecosystem-band .column a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* —— Footer poetic cross-link ———————————————————————— */
.footer-ecosystem {
	text-align: center;
	color: #7A6C5D;
	font-style: italic;
	line-height: 1.55;
	margin-top: 12px;
}

/* —— Optional: outline button hover (site-wide) ———————————— */
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: #DAA520;
/* goldenrod */
	color: #FFF7E6;
	transition: background .15s ease, color .15s ease;
}

/* === MKR Brand Card Grid === */
.mkr-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1.5rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.mkr-card {
	background-color: #fdf8ef;
	border: 2px solid #e4b65d;
	border-radius: 16px;
	padding: 1rem 1.25rem;
	text-align: center;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	transition: transform .2s ease, box-shadow .2s ease;
}

.mkr-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.mkr-card h3 {
	margin-top: .25rem;
	margin-bottom: .5rem;
	color: #2b2b2b;
	font-size: 1.1rem;
	font-weight: 600;
}

.mkr-card p {
	font-size: .95rem;
	color: #444;
	margin: 0;
	line-height: 1.4;
}

.mkr-emoji {
	font-size: 1.5rem;
	display: block;
	margin-bottom: .25rem;
}

/* Optional hover color tints per brand */
.mkr-card:nth-child(1):hover {
	border-color: #3ea4a2;
}

.mkr-card:nth-child(2):hover {
	border-color: #f5896f;
}

.mkr-card:nth-child(3):hover {
	border-color: #b07fc4;
}

.mkr-card:nth-child(4):hover {
	border-color: #d6aa45;
}

/* Slim Loop Banner */
.mkr-loop-banner {
	display: flex;
	justify-content: center;
	gap: .5rem;
	font-size: .95rem;
	line-height: 1;
	padding: .4rem .6rem;
	background: #f9f1e2;
	border: 1px solid #e7c88b;
	border-radius: 999px;
	width: fit-content;
	margin: .5rem auto 1rem;
	color: #5a4a2b;
}

.mkr-loop-banner b {
	opacity: .7;
	font-weight: 600;
}

.mkr-loop-banner span {
	letter-spacing: .1px;
}

/* ===== MKR Tag Block ===== */
.mkr-tag-block {
	display: grid;
	gap: 1.1rem;
	margin-top: .5rem;
}

.mkr-tag-group {
	display: grid;
	gap: .6rem;
}

.mkr-tag-title {
	font-size: .95rem;
	font-weight: 600;
	color: #5a4a2b;
	margin: 0;
	padding-left: .25rem;
	border-left: 3px solid #e4b65d;
}

/* Grid of badges */
.mkr-tag-grid {
	display: grid;
	gap: .5rem;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

/* Tag badge */
.mkr-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .4rem;
	padding: .5rem .7rem;
	border: 1.8px solid #e4b65d;
	border-radius: 999px;
	background: #fdf8ef;
	color: #2b2b2b;
	text-decoration: none;
	font-size: .92rem;
	line-height: 1;
	white-space: nowrap;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
	box-shadow: 0 1px 3px rgba(0,0,0,.05);
}

.mkr-tag:hover {
	transform: translateY(-2px);
	box-shadow: 0 3px 8px rgba(0,0,0,.08);
}

/* Subtle brand-tinted hovers (order matters) */
.mkr-tag-grid .mkr-tag:nth-child(1):hover {
	border-color: #3ea4a2;
	background: #f1fbfa;
}

/* AIGal */
.mkr-tag-grid .mkr-tag:nth-child(2):hover {
	border-color: #f5896f;
	background: #fff3ef;
}

/* AICurious */
.mkr-tag-grid .mkr-tag:nth-child(3):hover {
	border-color: #b07fc4;
	background: #fbf6ff;
}

/* Burnout */
.mkr-tag-grid .mkr-tag:nth-child(4):hover {
	border-color: #d6aa45;
	background: #fff8e6;
}

/* ICPME */
/* Generic hover tint for the rest */
.mkr-tag-grid .mkr-tag:nth-child(n+5):hover {
	border-color: #d8a85a;
	background: #fff9f0;
}

/* Responsive spacing harmony with your card style */
.mkr-card-grid + .mkr-tag-block {
	margin-top: .75rem;
}

/* Optional: tighten on mobile */
@media (max-width:480px) {
	.mkr-tag-grid {
		grid-template-columns: repeat(auto-fit, minmax(150px,1fr));
	}
	
	.mkr-tag {
		font-size: .9rem;
		padding: .48rem .65rem;
	}
}

/* --- MKR Tag Pills: allow wrapping + better fit --- */
.mkr-tag {
	white-space: normal;
/* allow multiple lines */
	text-align: center;
	line-height: 1.25;
	padding: .55rem .8rem;
/* a hair more room */
	min-height: 2.25rem;
/* avoids jitter between rows */
	max-width: 100%;
	word-break: keep-all;
/* nicer line breaks for names */
	overflow-wrap: anywhere;
/* still break if needed */
	hyphens: auto;
/* enable hyphenation where allowed */
}

/* tighten pills on small screens */
@media (max-width: 640px) {
	.mkr-tag {
		font-size: .88rem;
		padding: .48rem .7rem;
	}
	
	.mkr-tag-grid {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
}

/* slight extra spacing between groups for clarity */
.mkr-tag-group {
	gap: .75rem;
}

/* --- MKR Tag Pills: allow wrapping + better fit --- */
.mkr-tag {
	white-space: normal;
/* allow multiple lines */
	text-align: center;
	line-height: 1.25;
	padding: .55rem .8rem;
/* a hair more room */
	min-height: 2.25rem;
/* avoids jitter between rows */
	max-width: 100%;
	word-break: keep-all;
/* nicer line breaks for names */
	overflow-wrap: anywhere;
/* still break if needed */
	hyphens: auto;
/* enable hyphenation where allowed */
}

/* tighten pills on small screens */
@media (max-width: 640px) {
	.mkr-tag {
		font-size: .88rem;
		padding: .48rem .7rem;
	}
	
	.mkr-tag-grid {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
}

/* slight extra spacing between groups for clarity */
.mkr-tag-group {
	gap: .75rem;
}

.mkr-tag {
	white-space: normal;
	text-align: center;
	line-height: 1.25;
	padding: .55rem .8rem;
	min-height: 2.25rem;
	max-width: 100%;
	word-break: keep-all;
	overflow-wrap: anywhere;
	hyphens: auto;
}

/* a11y focus outline for keyboard nav */
.mkr-tag:focus-visible {
	outline: 2px solid #8ab4b2;
	outline-offset: 2px;
}

/* keep emoji/text spacing consistent */
.mkr-tag {
	gap: .35rem;
}

/* ===== Writing Landing Polish ===== */
.mkr-writing {
	display: grid;
	gap: 2.2rem;
	margin-top: .5rem;
}

/* Section header: icon + title + link */
.mkr-sec-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border-bottom: 1px solid #ead7b0;
	padding-bottom: .4rem;
	margin-bottom: .9rem;
}

.mkr-sec-head h2 {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0;
	font-size: 1.25rem;
	color: #3f3420;
	letter-spacing: .2px;
}

.mkr-emoji {
	font-size: 1.2rem;
}

.mkr-see-more {
	font-size: .9rem;
	color: #6b5a34;
	text-decoration: none;
	opacity: .85;
	border: 1px solid #e4b65d;
	padding: .25rem .55rem;
	border-radius: 999px;
}

.mkr-see-more:hover {
	background: #fff7ea;
}

/* Grid */
.mkr-post-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0,1fr));
}

@media (max-width:1024px) {
	.mkr-post-grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width:600px) {
	.mkr-post-grid {
		grid-template-columns: 1fr;
	}
}

/* Card */
.mkr-card {
	background: #fffdf7;
	border: 1px solid #ead7b0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0,0,0,.05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.mkr-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0,0,0,.10);
	border-color: #e4b65d;
}

.mkr-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.mkr-card-img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: #f3e7cf;
}

/* Meta pills */
.mkr-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	padding: .55rem .7rem 0;
}

.mkr-tag-pill {
	font-size: .8rem;
	padding: .2rem .5rem;
	border: 1px solid #e6c580;
	border-radius: 999px;
	background: #fff8ea;
}

/* Title */
.mkr-card-title {
	font-size: 1.02rem;
	line-height: 1.3;
	padding: .5rem .7rem .8rem;
	margin: 0;
	color: #2f291a;
}

/* Soft reveal on scroll (optional, apply .reveal to .mkr-card if you add the script below) */
.mkr-card {
	opacity: 1;
	transform: translateY(0);
}

.mkr-card.reveal {
	opacity: 0;
	transform: translateY(8px);
}

.mkr-card.reveal.revealed {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .35s ease, transform .35s ease;
}

/* ===== Writing Landing Polish (works with core WP blocks) ===== */
/* Section header polish if you use a Group or Columns wrapper with a heading + "see more" link */
.mkr-sec-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border-bottom: 1px solid #ead7b0;
	padding-bottom: .4rem;
	margin: 1rem 0 .9rem;
}

.mkr-sec-head h2 {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0;
	font-size: 1.25rem;
	color: #3f3420;
	letter-spacing: .2px;
}

.mkr-emoji {
	font-size: 1.2rem;
}

.mkr-see-more {
	font-size: .9rem;
	color: #6b5a34;
	text-decoration: none;
	opacity: .85;
	border: 1px solid #e4b65d;
	padding: .25rem .55rem;
	border-radius: 999px;
}

.mkr-see-more:hover {
	background: #fff7ea;
}

/* Grid: add class `mkr-post-grid` to the COLUMNS block */
.wp-block-columns.mkr-post-grid {
	display: grid !important;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0,1fr));
}

@media (max-width:1024px) {
	.wp-block-columns.mkr-post-grid {
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width:600px) {
	.wp-block-columns.mkr-post-grid {
		grid-template-columns: 1fr;
	}
}

/* Card: add class `mkr-card reveal` to EACH COLUMN block inside that columns grid */
.wp-block-column.mkr-card {
	background: #fffdf7;
	border: 1px solid #ead7b0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0,0,0,.05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.wp-block-column.mkr-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0,0,0,.10);
	border-color: #e4b65d;
}

/* Card internals: we style common core blocks INSIDE the card (no extra classes needed) */
.mkr-card .wp-block-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: #f3e7cf;
	display: block;
}

.mkr-card h3, .mkr-card h4 {
	font-size: 1.02rem;
	line-height: 1.3;
	padding: .5rem .7rem .8rem;
	margin: 0;
	color: #2f291a;
}

.mkr-card p {
	padding: 0 .7rem .8rem;
	margin: .25rem 0 0;
}

/* Optional small tag pills under images if you add them as plain links/spans */
.mkr-card .mkr-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem;
	padding: .55rem .7rem 0;
}

.mkr-card .mkr-tag-pill {
	font-size: .8rem;
	padding: .2rem .5rem;
	border: 1px solid #e6c580;
	border-radius: 999px;
	background: #fff8ea;
}

/* Reveal animation states */
.mkr-card.reveal {
	opacity: 0;
	transform: translateY(8px);
}

.mkr-card.reveal.revealed {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .55s ease-out, transform .55s ease-out;
}

/* Accessibility focus + emoji spacing (global to your tag buttons if you use them here too) */
.mkr-tag:focus-visible {
	outline: 2px solid #8ab4b2;
	outline-offset: 2px;
}

.mkr-tag {
	gap: .35rem;
}

/* ===== RESCUE PATCH: restore WP Columns behavior ===== */
/* put Columns back to flex, not grid */
.wp-block-columns.mkr-post-grid {
	display: flex !important;
	flex-wrap: wrap;
	gap: 1rem;
}

/* remove odd inner margins some themes add */
.wp-block-columns.mkr-post-grid .wp-block-column {
	margin: 0 !important;
}

/* responsive widths for the Columns */
@media (min-width:1025px) {
	.wp-block-columns.mkr-post-grid > .wp-block-column {
		flex-basis: calc(33.333% - .67rem);
	}
}

@media (max-width:1024px) and (min-width:601px) {
	.wp-block-columns.mkr-post-grid > .wp-block-column {
		flex-basis: calc(50% - .5rem);
	}
}

@media (max-width:600px) {
	.wp-block-columns.mkr-post-grid > .wp-block-column {
		flex-basis: 100%;
	}
}

/* keep the card polish */
.wp-block-column.mkr-card {
	background: #fffdf7;
	border: 1px solid #ead7b0;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0,0,0,.05);
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
	display: flex;
	flex-direction: column;
}

.wp-block-column.mkr-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 16px rgba(0,0,0,.10);
	border-color: #e4b65d;
}

/* image + title tidy inside each card */
.mkr-card .wp-block-image {
	margin: 0;
}

.mkr-card .wp-block-image img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: #f3e7cf;
	display: block;
}

.mkr-card h3, .mkr-card h4 {
	font-size: 1.02rem;
	line-height: 1.3;
	padding: .5rem .7rem .8rem;
	margin: 0;
	color: #2f291a;
}

.mkr-card p {
	padding: 0 .7rem .8rem;
	margin: .25rem 0 0;
}

/* reveal animation (keep if you added the script) */
.mkr-card.reveal {
	opacity: 0;
	transform: translateY(8px);
}

.mkr-card.reveal.revealed {
	opacity: 1;
	transform: translateY(0);
	transition: opacity .55s ease-out, transform .55s ease-out;
}

/* --- MKR Writing Nav Layout Polish --- */
/* Give the whole nav block more top/bottom air */
.mkr-nav {
	margin-top: 2.5rem;
	margin-bottom: 3rem;
	border-top: 1px solid rgba(0,0,0,.06);
	border-bottom: 1px solid rgba(0,0,0,.06);
}

/* Add consistent spacing between Explore, Brands, and Tags */
.mkr-nav-row {
	margin-top: 2.25rem;
	margin-bottom: 2.25rem;
}

/* Add some vertical rhythm under each header */
.mkr-nav-head {
	margin-bottom: 1rem;
	font-weight: 650;
	letter-spacing: .25px;
}

/* More even breathing room between badges and chips */
.mkr-pill-row,
.mkr-badge-row,
.mkr-chip-grid {
	margin-top: .75rem;
	gap: .65rem .8rem;
}

/* Nudge small text on brand badges for better balance */
.mkr-badge-text small {
	font-size: .82rem;
	opacity: .65;
	margin-top: 1px;
}

/* Keep it comfy on mobile */
@media (max-width: 560px) {
	.mkr-nav {
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	
	.mkr-nav-row {
		margin-top: 1.75rem;
		margin-bottom: 1.75rem;
	}
}

/* --- MKR Writing Nav Final Polish --- */
/* Add breathing room between header and first row */
.mkr-nav-head {
	margin-bottom: 1.25rem;
}

/* Space out badges a bit more */
.mkr-badge-row {
	gap: .8rem 1rem;
	flex-wrap: wrap;
	margin-top: 1rem;
}

/* Ensure brand lines don't collapse (AIGal / AICurious / etc.) */
.mkr-badge-text strong {
	display: block;
	line-height: 1.1;
}

.mkr-badge-text small {
	display: block;
	margin-top: 2px;
}

/* Add small divider lines between Explore / Brands / Tags */
.mkr-nav-row + .mkr-nav-row {
	border-top: 1px solid rgba(0,0,0,.06);
	padding-top: 1.5rem;
}

/* Extra line-height on tag chips for easier reading */
.mkr-chip {
	line-height: 1.25;
	padding-top: .55rem;
	padding-bottom: .55rem;
}

/* Make tags visually consistent in font and weight */
.mkr-chip, .mkr-badge, .mkr-pill {
	font-family: var(--mkr-font, 'Inter', 'Helvetica Neue', sans-serif);
	font-weight: 550;
}

/* ---- MKR Ecosystem badges layout (fixes vertical stack) ---- */
.mkr-badge-row {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem .8rem;
	align-items: center;
	margin-top: 1rem;
}

/* each ecosystem badge looks like a pill */
.mkr-badge {
	display: inline-flex;
	align-items: baseline;
	gap: .35rem;
	padding: .4rem .6rem;
	border: 1px solid rgba(0,0,0,.10);
	border-radius: 999px;
	background: rgba(255,255,255,.45);
	box-shadow: 0 1px 0 rgba(0,0,0,.04) inset;
	white-space: nowrap;
	text-decoration: none;
}

/* brand name + qualifier stay on one line */
.mkr-badge strong,
.mkr-badge small {
	display: inline;
}

/* subtle style for the qualifier (Philosophy, Experiments, Recovery…) */
.mkr-badge small {
	font-size: .85em;
	opacity: .8;
	margin-left: .15rem;
}

/* hover polish (optional) */
.mkr-badge:hover {
	border-color: rgba(0,0,0,.18);
	background: rgba(255,255,255,.65);
}

@media (min-width: 900px) {
	.mkr-badge-row {
		max-width: 52rem;
	}
}

/* Captionless card (image only + tags) */
.mkr-card.mkr-card--captionless .mkr-card-title {
	display: none;
}

.mkr-card.mkr-card--captionless .mkr-card-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 14px;
}

.mkr-card.mkr-card--captionless .mkr-card-meta {
	margin-top: .5rem;
	gap: .35rem;
}

/* === MKR grid polish === */
/* Bigger images with a pleasing, consistent crop */
.mkr-card-img {
	width: 100%;
	aspect-ratio: 4 / 3;
/* try 4/3 for more presence; change to 5/4 if you want taller */
	object-fit: cover;
	border-radius: 12px;
	display: block;
}

/* Tighter, lighter pills */
.mkr-tag-pill {
	font-size: .78rem;
/* smaller text */
	padding: .28rem .55rem;
/* tighter padding */
	border-radius: 999px;
	line-height: 1;
	white-space: nowrap;
}

/* Card spacing & hover */
.mkr-card {
	display: block;
	transition: transform .18s ease, box-shadow .18s ease;
}

.mkr-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Grid rhythm */
.mkr-post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 1.25rem 1.25rem;
}

/* Section spacing */
.mkr-writing {
	margin-top: 1.25rem;
}

.mkr-sec-head {
	margin-bottom: .75rem;
}

/* On phones: 1 column, comfortable spacing */
@media (max-width: 640px) {
	.mkr-post-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	
	.mkr-tag-pill {
		font-size: .82rem;
	}/* slightly larger for readability on small screens */
	
}

/* (Optional) If you want to hide the duplicate inside-H2 and keep your outer page H2:
   uncomment the next line to hide the H2 that’s inside the HTML block. */
/* .mkr-sec-head h2{ display:none; } */
/* =========
   Section header
   ========= */
.mkr-writing .mkr-sec-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 1.25rem 0 1rem;
}

.mkr-writing .mkr-sec-head h2 {
	margin: 0;
	font-size: 1.5rem;
/* ~24px on your theme */
	font-weight: 700;
	letter-spacing: .2px;
}

.mkr-writing .mkr-sec-head .mkr-emoji {
	margin-right: .5rem;
}

/* "See more" pill button */
.mkr-writing .mkr-see-more {
	display: inline-block;
	padding: .45rem .8rem;
	border: 1.5px solid var(--mkr-honey, #d7a15d);
	border-radius: 999px;
	font-size: .9rem;
	text-decoration: none;
	background: rgba(215,161,93,.08);
	box-shadow: 0 1px 0 rgba(0,0,0,.04) inset;
}

/* =========
   Grid layout
   ========= */
.mkr-writing .mkr-post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 24px 28px;
/* row gap / column gap */
	margin: 1rem 0 2rem;
}

/* 2-col on tablets */
@media (max-width: 900px) {
	.mkr-writing .mkr-post-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

/* 1-col on phones */
@media (max-width: 580px) {
	.mkr-writing .mkr-post-grid {
		grid-template-columns: 1fr;
	}
}

/* =========
   Card
   ========= */
.mkr-card {
	background: #fff7ee;
/* warm card */
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 16px;
	padding: 12px;
	box-shadow: 0 2px 0 rgba(0,0,0,.03);
	transition: transform .12s ease, box-shadow .12s ease;
}

.mkr-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 16px rgba(0,0,0,.06);
}

/* Thumbnail — taller & edge-to-edge */
.mkr-card-img {
	width: 100%;
	aspect-ratio: 4 / 3;
/* nice, consistent height */
	object-fit: cover;
	border-radius: 12px;
	display: block;
	margin: 0 0 .65rem;
}

/* =========
   Tag chips
   ========= */
.mkr-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .45rem .5rem;
	margin-top: .35rem;
}

.mkr-tag-pill {
	font-size: .78rem;
/* smaller than before */
	line-height: 1.1;
	padding: .35rem .55rem;
	border-radius: 999px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	box-shadow: 0 1px 0 rgba(0,0,0,.04) inset;
	white-space: nowrap;
}

/* Optional: slightly dim the emoji inside chips to reduce noise */
.mkr-tag-pill::first-letter {
	filter: saturate(.9) opacity(.95);
}

/* =========
   Small tidy ups
   ========= */
/* Remove extra bottom margin if an empty paragraph sneaks in */
.mkr-writing p:empty {
	display: none;
	margin: 0;
}

/* If you keep the Gutenberg "Heading" blocks above each section,
   make them a tiny subhead so you don’t get two huge titles. 
   (Better: delete those blocks and rely on the Custom HTML headers.) */
.wp-block-heading + .mkr-writing .mkr-sec-head h2 {
	margin-top: 0;
}

/* === MKR Writing Cards: Bigger images, smaller chips, clean layout ====== */
.mkr-post-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
/* 20px */
}

.mkr-card {
	background: transparent;
	border: 0;
	padding: 0;
}

.mkr-card-link {
	display: block;
	border-radius: 16px;
	overflow: hidden;
	background: #fff8f1;
/* warm paper */
	box-shadow: 0 2px 4px rgba(0,0,0,.06);
	transition: transform .15s ease, box-shadow .15s ease;
}

.mkr-card-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(0,0,0,.10);
}

.mkr-card-img {
	display: block;
	width: 100%;
	height: 240px;
/* bigger visual */
	object-fit: cover;
}

.mkr-card-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .4rem;
	padding: .6rem .75rem .8rem;
	background: #fff;
	border-top: 1px solid rgba(0,0,0,.06);
}

/* smaller, tidy chips */
.mkr-tag-pill {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	font-size: .78rem;
	line-height: 1;
	padding: .35rem .55rem;
	border-radius: 999px;
	background: #fff7ea;
	border: 1px solid #f0d7b8;
	white-space: nowrap;
}

/* tighten section headings spacing (optional) */
.mkr-sec-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-bottom: .9rem;
}

@media (max-width: 900px) {
	.mkr-post-grid {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	
	.mkr-card-img {
		height: 200px;
	}
}

@media (max-width: 560px) {
	.mkr-post-grid {
		grid-template-columns: 1fr;
	}
	
	.mkr-card-img {
		height: 180px;
	}
}

/* Smaller, tighter tag chips on the writing page */
.mkr-post-grid .mkr-chip {
	font-size: .85rem;
	padding: 6px 10px;
}

/* ===== ACTIVE PROJECTS CARDS (Homepage) ===== */
.mkr-project-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1.5rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.mkr-project-card {
	background-color: #fdf8ef;
	border: 2px solid #e4b65d;
	border-radius: 16px;
	padding: 1rem 1.25rem;
	text-align: center;
	box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	transition: transform .2s ease, box-shadow .2s ease;
}

.mkr-project-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.mkr-project-card h3 {
	margin-top: .25rem;
	margin-bottom: .5rem;
	color: #2b2b2b;
	font-size: 1.1rem;
	font-weight: 600;
}

.mkr-project-card p {
	font-size: .95rem;
	color: #444;
	margin: 0;
	line-height: 1.4;
}

.mkr-project-card .mkr-emoji {
	font-size: 1.5rem;
	display: block;
	margin-bottom: .25rem;
}

/* Brand-specific hover colors */
.mkr-project-card:nth-child(1):hover {
	border-color: #3ea4a2;
}

.mkr-project-card:nth-child(2):hover {
	border-color: #f5896f;
}

.mkr-project-card:nth-child(3):hover {
	border-color: #b07fc4;
}

.mkr-project-card:nth-child(4):hover {
	border-color: #d6aa45;
}

/* ===== BROWSE / DISCOVER SECTION ===== */
.mkr-browse-section {
	background: #fffbf5;
	border: 1px solid #ead7b0;
	border-radius: 16px;
	padding: 2rem;
	margin: 3rem 0;
}

.mkr-browse-section h3 {
	font-size: 1.1rem;
	font-weight: 600;
	color: #5a4a2b;
	margin: 0 0 1rem;
	padding-bottom: .5rem;
	border-bottom: 2px solid #e4b65d;
}

.mkr-browse-group {
	margin-bottom: 1.5rem;
}

.mkr-browse-group:last-child {
	margin-bottom: 0;
}

.mkr-browse-label {
	font-size: .9rem;
	font-weight: 600;
	color: #7a6c5d;
	margin-bottom: .6rem;
	display: block;
}

.mkr-browse-pills {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
}

.mkr-browse-pill {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	padding: .5rem .9rem;
	background: #fff7ea;
	border: 1.5px solid #e4b65d;
	border-radius: 999px;
	color: #5a4a2b;
	text-decoration: none;
	font-size: .9rem;
	font-weight: 500;
	line-height: 1;
	transition: all .2s ease;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

.mkr-browse-pill:hover {
	background: #fdf8ef;
	border-color: #d6aa45;
	transform: translateY(-2px);
	box-shadow: 0 3px 8px rgba(0,0,0,.08);
}

@media (max-width: 640px) {
	.mkr-browse-section {
		padding: 1.5rem;
	}
	
	.mkr-browse-pill {
		font-size: .85rem;
		padding: .45rem .75rem;
	}
}

/* ===== AIGal Manifesto — design tokens ===== */
:root {
}

/* Page container rhythm */
.manifesto {
}

.manifesto .section {
	margin: var(--block) auto;
	max-width: 900px;
}

/* Headings */
.manifesto h1 {
	font-family: "Cooper Black", serif;
	color: var(--ink);
	letter-spacing: .2px;
}

.manifesto h2, .manifesto h3 {
	font-family: "Work Sans", system-ui, sans-serif;
	color: var(--ink);
}

/* Framed-figure utility */
.figure-frame {
	background: var(--cream);
	border: 6px solid var(--gold);
	border-radius: 12px;
	box-shadow: var(--shadow);
	overflow: hidden;
}

.figure-frame img {
	display: block;
	width: 100%;
	height: auto;
}

/* “Pop” on hover (desktop only) */
@media (hover:hover) {
	.figure-pop {
		transition: transform .25s ease, box-shadow .25s ease;
	}
	
	.figure-pop:hover {
		transform: translateY(-4px);
		box-shadow: var(--shadow-lg);
	}
}

/* Subtle caption styling */
.figcap {
	font: 400 14px/1.4 "Work Sans", system-ui, sans-serif;
	color: #444;
	margin-top: 8px;
	text-align: center;
}

/* Scroll reveal (prefers-reduced-motion respected) */
@media (prefers-reduced-motion:no-preference) {
	.reveal {
		opacity: 0;
		transform: translateY(12px);
		transition: all .6s ease;
	}
	
	.reveal.is-visible {
		opacity: 1;
		transform: none;
	}
}

/* WP gallery/carousel alignment */
.wp-block-gallery .blocks-gallery-item img,
.wp-block-image img {
	border-radius: 10px;
	border: 4px solid var(--gold);
	background: var(--cream);
	box-shadow: var(--shadow);
}

/* Teal divider helper */
.hr-teal {
	height: 4px;
	background: var(--teal);
	border: 0;
	border-radius: 2px;
	width: 90%;
	margin: 16px auto;
}

/* Callouts (e.g., Better ideas / Clearer decisions / Kinder teams) */
.callout-keys b {
	background: linear-gradient(transparent 60%, rgba(218,165,32,.35) 0);
	padding: 0 .1em;
}

:root {
}

.qs-wrap {
	max-width: 980px;
	margin: 0 auto;
	padding: 32px 20px;
	background: var(--cream);
	color: var(--ink);
}

.qs-hero {
	display: flex;
	gap: 20px;
	background: linear-gradient(135deg,var(--soft),var(--muted));
	border-radius: 18px;
	padding: 20px;
	border: 1px solid rgba(0,0,0,.06);
}

.qs-hero h1 {
	margin: 0;
}

.qs-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.badge {
	display: inline-flex;
	gap: 8px;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 999px;
	padding: 8px 12px;
	background: #fff;
}

.qs-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 12px;
}

.btn {
	display: inline-block;
	background: var(--teal);
	color: #fff;
	border-radius: 12px;
	padding: 12px 16px;
	font-weight: 600;
	text-decoration: none;
}

.btn.secondary {
	background: var(--gold);
	color: #0B1C2C;
}

.qs-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-top: 28px;
}

.qs-step {
	background: #fff;
	border: 1px solid rgba(0,0,0,.06);
	border-radius: 16px;
	padding: 20px;
}

.qs-step h2 {
	margin: .2em 0 .5em;
}

.qs-note {
	background: var(--soft);
	border-left: 4px solid var(--gold);
	padding: 14px 16px;
	border-radius: 8px;
	margin-top: 12px;
}

.qs-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,.08);
	background: #fff;
}

.qs-table th,.qs-table td {
	padding: 12px 14px;
	border-bottom: 1px solid rgba(0,0,0,.06);
	vertical-align: top;
}

.qs-table th {
	background: var(--soft);
	text-align: left;
	color: var(--midnight);
}

.qs-footer {
	margin-top: 28px;
	border-top: 1px solid rgba(0,0,0,.08);
	padding-top: 20px;
	color: #5b636a;
}

@media (min-width:820px) {
	.qs-grid {
		grid-template-columns: 1fr 1fr;
	}
}

/* ===== Pep’r Quick Start — global CSS ===== */
:root {
}

.pepr-qs {
	max-width: 1100px;
	margin: 0 auto;
	padding: 28px 16px;
	color: var(--ink);
}

.pepr-hero {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 18px;
	background: linear-gradient(135deg,var(--soft),var(--muted));
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 18px;
	padding: 22px;
}

.pepr-hero h1 {
	margin: .1em 0 .4em;
	font-size: clamp(1.8rem,3vw,2.2rem);
	line-height: 1.15;
}

.pepr-hero p {
	margin: .3em 0 1em;
}

.pepr-hero .badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: .5em 0 1em;
}

.pepr-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 999px;
	background: #fff;
	padding: 8px 12px;
	font-weight: 600;
}

.pepr-cta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.pepr-btn {
	display: inline-block;
	background: var(--teal);
	color: #fff !important;
	text-decoration: none;
	padding: 12px 16px;
	border-radius: 12px;
	font-weight: 700;
}

.pepr-btn.alt {
	background: var(--gold);
	color: #0B1C2C !important;
}

.pepr-hero-img {
	width: 100%;
	min-height: 220px;
	background: #fff center/cover no-repeat;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,.08);
}

/* grid */
.pepr-grid {
	display: grid;
	grid-template-columns: repeat(12,1fr);
	gap: 16px;
	margin-top: 22px;
}

.pepr-card {
	grid-column: span 6;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 16px;
	padding: 18px;
}

.pepr-card h2 {
	margin: .2em 0 .5em;
	font-size: 1.2rem;
}

.pepr-note {
	background: var(--soft);
	border-left: 4px solid var(--gold);
	padding: 12px 14px;
	border-radius: 8px;
	margin-top: 12px;
}

.pepr-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid rgba(0,0,0,.08);
	background: #fff;
}

.pepr-table th,.pepr-table td {
	padding: 10px 12px;
	border-bottom: 1px solid rgba(0,0,0,.06);
	vertical-align: top;
}

.pepr-table th {
	background: var(--soft);
	text-align: left;
	color: var(--midnight);
}

/* widget slot card */
.pepr-widget {
	grid-column: span 12;
	background: #fff;
	border: 1px dashed rgba(0,0,0,.12);
	border-radius: 16px;
	padding: 18px;
}

/* footer */
.pepr-footer {
	margin-top: 24px;
	border-top: 1px solid rgba(0,0,0,.08);
	padding-top: 16px;
	color: #5b636a;
}

/* mobile */
@media (max-width:820px) {
	.pepr-hero {
		grid-template-columns: 1fr;
	}
	
	.pepr-card {
		grid-column: span 12;
	}
}
.guide-container {
    font-feature-settings: "lnum" 1; /* Force lining numerals */
}

/* Or more broadly: */
body {
    font-variant-numeric: lining-nums;
}
/* Base card styles */
.mkr-project-card {
  text-decoration: none;
  border: 2px solid #f2b36d; /* your warm orange */
  border-radius: 12px;
  padding: 24px;
  display: block;
  transition: all 0.2s ease;
  background-color: #fff7ec; /* light cream */
}

/* Remove default underline from all text inside */
.mkr-project-card h3,
.mkr-project-card p {
  text-decoration: none;
}

/* Hover + keyboard focus = active state */
.mkr-project-card:hover,
.mkr-project-card:focus-visible {
  border-color: #2f8f83; /* teal accent */
  transform: translateY(-2px);
}

/* Add underline ONLY on hover/focus */
.mkr-project-card:hover h3,
.mkr-project-card:hover p,
.mkr-project-card:focus-visible h3,
.mkr-project-card:focus-visible p {
  text-decoration: underline;
  text-underline-offset: 4px;
}
/* Remove WP-added top spacing above custom page */
.mkr-cockpit-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Kill extra spacing added by block containers */
.mkr-cockpit-page > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If theme wraps content in wp-block-group */
.wp-site-blocks .mkr-cockpit-page {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Reduce theme-level top padding just for this page */
.mkr-cockpit-page,
.mkr-cockpit-page .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.mkr-origin {
  margin-top: -60px; /* adjust until gap disappears */
}