/*
Theme Name: Metabolic Media
Theme URI: https://themetabolicmedia.com
Author: Metabolic Media
Author URI: https://themetabolicmedia.com
Description: Magazine editorial FSE theme for Metabolic Media — Forbes Health–caliber ranking publisher. Media Hub Magazine. Educational publisher, not a clinic.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: metabolic-media
Tags: full-site-editing, block-patterns, block-styles, education, news, custom-colors, custom-logo, editor-style
*/

/* Metabolic Media v2 — Media Hub Magazine — magazine-first Forbes Health bar */


/* ==========================================================================
   Metabolic Media v2 — Magazine Editorial
   Bar: Forbes Health ranking publisher · NOT Clinical Wire tick-gutter clone
   Palette: cream paper + forest green + copper
   ========================================================================== */

:root {
	--mm-bg: #0C0F0E;
	--mm-surface: #161A18;
	--mm-text: #F2F4F3;
	--mm-muted: #9AA39C;
	--mm-border: #2A312D;
	--mm-accent: #34D399;
	--mm-accent-2: #FB7185;
	--mm-highlight: #1F2933;
	--mm-cream-deep: #1A221E;
	--mm-font-display: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--mm-font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--mm-radius: 14px;
	--mm-shadow: 0 1px 2px rgba(18, 26, 23, 0.04), 0 8px 24px rgba(18, 26, 23, 0.06);
	--mm-content: 42rem;
	--mm-wide: 68rem;
}


/* Base */
body {
	background-color: var(--mm-bg);
	color: var(--mm-text);
	font-family: var(--mm-font-body);
	font-size: 1.0625rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.wp-block-post-title,
.wp-block-site-title {
	font-family: var(--mm-font-display);
	font-weight: 600;
	color: var(--mm-text);
	letter-spacing: -0.02em;
	line-height: 1.15;
}

a {
	color: var(--mm-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

a:hover {
	color: var(--mm-accent-2);
}

/* --------------------------------------------------------------------------
   Layout shell — wide magazine canvas (no tick gutter)
   -------------------------------------------------------------------------- */
.mm-shell {
	max-width: var(--mm-wide);
	margin-inline: auto;
	padding: 2.5rem 1.5rem 4rem;
}

.mm-shell--narrow {
	max-width: calc(var(--mm-content) + 3rem);
}

@media (min-width: 782px) {
	.mm-shell {
		padding-inline: 2.5rem;
	}
}

/* --------------------------------------------------------------------------
   Header — premium masthead
   -------------------------------------------------------------------------- */
.mm-header {
	background: var(--mm-surface);
	border-bottom: 1px solid var(--mm-border);
}

.mm-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
	max-width: var(--mm-wide);
	margin-inline: auto;
	padding: 1.15rem 1.5rem;
}

@media (min-width: 782px) {
	.mm-header__inner {
		padding-inline: 2.5rem;
	}
}

.mm-wordmark {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	text-decoration: none;
	color: var(--mm-text);
}

.mm-wordmark:hover {
	color: var(--mm-text);
}

.mm-lockup-img {
	display: block;
	height: 2.5rem;
	width: auto;
	max-width: min(280px, 70vw);
}

.mm-lockup-img--footer {
	height: 2rem;
	margin-bottom: 0.5rem;
}

.mm-bug-img {
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	flex-shrink: 0;
}

/* Elegant CSS wordmark fallback (if SVG missing) */
.mm-wordmark__fallback {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	line-height: 1;
}

.mm-wordmark__fallback-name {
	font-family: var(--mm-font-display);
	font-weight: 700;
	font-size: 1.35rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--mm-text);
}

.mm-wordmark__fallback-tag {
	font-family: var(--mm-font-body);
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--mm-accent-2);
}

.mm-capsule {
	width: 1.75rem;
	height: 2.5rem;
	border: 1.5px solid var(--mm-accent);
	border-radius: 999px;
	position: relative;
	flex-shrink: 0;
}

.mm-capsule::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 22%;
	transform: translateX(-50%);
	width: 55%;
	height: 28%;
	background: var(--mm-accent);
	border-radius: 2px;
}

.mm-capsule::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 22%;
	transform: translateX(-50%);
	width: 55%;
	height: 28%;
	background: var(--mm-accent-2);
	border-radius: 2px;
}

.mm-header .wp-block-navigation {
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.mm-header .wp-block-navigation a {
	color: var(--mm-muted);
	text-decoration: none;
}

.mm-header .wp-block-navigation a:hover {
	color: var(--mm-accent);
}

.mm-kicker-bar {
	max-width: var(--mm-wide);
	margin-inline: auto;
	padding: 0.65rem 1.5rem;
	border-bottom: 1px solid var(--mm-border);
	font-size: 0.75rem;
	color: var(--mm-muted);
	letter-spacing: 0.01em;
}

@media (min-width: 782px) {
	.mm-kicker-bar {
		padding-inline: 2.5rem;
	}
}

.mm-kicker-bar a {
	color: var(--mm-accent);
	font-weight: 500;
	text-decoration: none;
}

.mm-kicker-bar a:hover {
	color: var(--mm-accent-2);
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Hero — magazine split (copy + wellness still-life)
   -------------------------------------------------------------------------- */
.mm-hero {
	display: grid;
	gap: 2.5rem;
	align-items: center;
	margin-bottom: 3.5rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid var(--mm-border);
}

@media (min-width: 900px) {
	.mm-hero {
		grid-template-columns: 1.15fr 0.85fr;
		gap: 3.5rem;
	}
}

.mm-hero__eyebrow {
	font-family: var(--mm-font-body);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mm-accent-2);
	margin: 0 0 1rem;
}

.mm-hero__title {
	font-family: var(--mm-font-display);
	font-weight: 700;
	font-size: clamp(2.25rem, 4.5vw, 3.5rem);
	line-height: 1.08;
	letter-spacing: -0.03em;
	margin: 0 0 1.25rem;
	color: var(--mm-text);
}

.mm-hero__deck {
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--mm-muted);
	margin: 0 0 1.5rem;
	max-width: 36rem;
}

.mm-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
	font-size: 0.8125rem;
	color: var(--mm-muted);
	align-items: center;
}

.mm-hero__meta-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--mm-accent-2);
	display: inline-block;
}

/* Abstract wellness still-life (CSS/SVG — not clinic portal) */
.mm-still-life {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: var(--mm-radius);
	overflow: hidden;
	background:
		radial-gradient(ellipse 60% 50% at 70% 60%, #34D3991F, transparent 70%),
		radial-gradient(ellipse 40% 40% at 30% 40%, #FB71851A, transparent 65%),
		linear-gradient(160deg, var(--mm-cream-deep) 0%, #1F2933 45%, #1A221E 100%);
	box-shadow: var(--mm-shadow);
	border: 1px solid var(--mm-border);
}

.mm-still-life__svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.mm-still-life__caption {
	position: absolute;
	bottom: 0.75rem;
	right: 0.9rem;
	font-size: 0.625rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--mm-muted);
	opacity: 0.7;
}

/* Unsplash-style photo placeholder (optional class) */
.mm-hero-photo {
	aspect-ratio: 4 / 3;
	border-radius: var(--mm-radius);
	overflow: hidden;
	background: var(--mm-cream-deep) center/cover no-repeat;
	box-shadow: var(--mm-shadow);
	border: 1px solid var(--mm-border);
	min-height: 220px;
}

.mm-hero-photo--wellness {
	background-image:
		linear-gradient(180deg, rgba(18, 26, 23, 0.05), transparent 40%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Crect fill='%23E8F0EB' width='800' height='600'/%3E%3Cellipse cx='520' cy='340' rx='140' ry='90' fill='%23C5D9CC' opacity='0.7'/%3E%3Cellipse cx='280' cy='280' rx='100' ry='100' fill='%23D4C4B0' opacity='0.85'/%3E%3Ccircle cx='420' cy='220' r='48' fill='%23A8C4B4'/%3E%3Ccircle cx='380' cy='380' r='70' fill='%23B8A090' opacity='0.6'/%3E%3Cpath d='M200 420 Q320 300 400 380' stroke='%230B6E4F' stroke-width='2' fill='none' opacity='0.35'/%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   Section labels
   -------------------------------------------------------------------------- */
.mm-section-label {
	font-family: var(--mm-font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--mm-accent);
	margin: 0 0 0.75rem;
}

.mm-section-hed {
	font-family: var(--mm-font-display);
	font-weight: 700;
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	margin: 0 0 1.75rem;
	letter-spacing: -0.02em;
}

.mm-section-hed::after {
	content: none; /* magazine: no tick rule under hed */
}

/* --------------------------------------------------------------------------
   Methodology — magazine pull panel (not tick-box)
   -------------------------------------------------------------------------- */
.mm-methodology {
	display: grid;
	gap: 1.5rem;
	padding: 1.75rem 2rem;
	background: var(--mm-surface);
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius);
	border-left: 3px solid var(--mm-accent);
	box-shadow: var(--mm-shadow);
	margin: 0 0 3rem;
}

@media (min-width: 782px) {
	.mm-methodology {
		grid-template-columns: auto 1fr;
		align-items: start;
		gap: 1.75rem;
	}
}

.mm-methodology__badge {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.75rem;
	background: var(--mm-accent);
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border-radius: 4px;
	white-space: nowrap;
	width: fit-content;
}

.mm-methodology p {
	margin: 0 0 0.75rem;
	color: var(--mm-muted);
	font-size: 0.9375rem;
	line-height: 1.6;
}

.mm-methodology p:last-child {
	margin-bottom: 0;
}

.mm-methodology a {
	font-weight: 600;
	text-decoration: none;
	color: var(--mm-accent);
}

.mm-methodology a:hover {
	color: var(--mm-accent-2);
}

.mm-methodology__meta {
	font-size: 0.75rem !important;
	color: var(--mm-muted) !important;
	opacity: 0.85;
}

/* --------------------------------------------------------------------------
   Disclosure — quiet, near rankings
   -------------------------------------------------------------------------- */
.mm-disclosure-short {
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--mm-muted);
	margin: 0 0 2rem;
	padding: 0.85rem 1rem;
	background: transparent;
	border: none;
	border-top: 1px solid var(--mm-border);
	border-bottom: 1px solid var(--mm-border);
	display: flex;
	gap: 0.6rem;
	align-items: flex-start;
}

.mm-disclosure-short::before {
	content: "i";
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	border: 1.5px solid var(--mm-muted);
	font-size: 0.65rem;
	font-weight: 700;
	font-style: italic;
	font-family: Georgia, serif;
	line-height: 1;
	margin-top: 0.1rem;
	color: var(--mm-muted);
}

.mm-disclosure-short a {
	color: var(--mm-accent);
	font-weight: 500;
}

/* --------------------------------------------------------------------------
   Ranking cards — roomy magazine grid
   -------------------------------------------------------------------------- */
.mm-ranking-grid {
	display: grid;
	gap: 1.5rem;
	margin: 0 0 3rem;
}

@media (min-width: 700px) {
	.mm-ranking-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.75rem;
	}
}


@media (min-width: 1100px) {
	.mm-ranking-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
.mm-ranking-card {
	background: var(--mm-surface);
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius);
	padding: 1.75rem 1.5rem 1.5rem;
	box-shadow: var(--mm-shadow);
	display: flex;
	flex-direction: column;
	min-height: 100%;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mm-ranking-card:hover {
	border-color: #34D39959;
	box-shadow: 0 2px 4px rgba(18, 26, 23, 0.04), 0 12px 32px rgba(18, 26, 23, 0.08);
}

.mm-ranking-card--featured {
	border-color: #FB718573;
	background: linear-gradient(180deg, #1F2933 0%, var(--mm-surface) 28%);
}

.mm-ranking-card__rank {
	font-family: var(--mm-font-display);
	font-weight: 700;
	font-size: 2.75rem;
	line-height: 1;
	letter-spacing: -0.03em;
	color: var(--mm-accent-2);
	margin: 0 0 1rem;
}

.mm-ranking-card__rank span {
	display: none; /* magazine: big numeral only */
}

.mm-ranking-card h3 {
	font-family: var(--mm-font-display);
	font-weight: 600;
	font-size: 1.25rem;
	margin: 0 0 0.65rem;
	letter-spacing: -0.015em;
	line-height: 1.25;
}

.mm-ranking-card__score {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--mm-text);
	margin: 0 0 0.85rem;
}

.mm-ranking-card__stars {
	color: var(--mm-accent-2);
	letter-spacing: 0.05em;
	font-size: 0.75rem;
}

.mm-ranking-card p {
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--mm-muted);
	margin: 0 0 1.25rem;
	flex: 1;
}

.mm-ranking-card__action {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--mm-font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--mm-accent-2);
	text-decoration: none;
	margin-top: auto;
}

.mm-ranking-card__action:hover {
	color: var(--mm-accent);
}

.mm-ranking-card__action::after {
	content: "→";
	font-weight: 400;
	letter-spacing: 0;
}

.mm-ranking-card__action-note {
	display: block;
	font-size: 0.625rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: none;
	color: var(--mm-muted);
	margin-top: 0.35rem;
}

.mm-ranking-card__footer {
	margin-top: auto;
}

/* Vertical stack variant (articles / listicles) */
.mm-ranking-stack {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin: 0 0 2.5rem;
}

.mm-ranking-stack .mm-ranking-card {
	flex-direction: row;
	gap: 1.5rem;
	align-items: flex-start;
	padding: 1.5rem 1.75rem;
}

.mm-ranking-stack .mm-ranking-card__rank {
	font-size: 2.25rem;
	margin: 0;
	min-width: 3.5rem;
}

.mm-ranking-stack .mm-ranking-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

@media (max-width: 599px) {
	.mm-ranking-stack .mm-ranking-card {
		flex-direction: column;
		gap: 0.5rem;
	}
}

/* --------------------------------------------------------------------------
   Article / post list — airy magazine
   -------------------------------------------------------------------------- */
.mm-mag-list .wp-block-post {
	padding: 1.75rem 0;
	border-bottom: 1px solid var(--mm-border);
}

.mm-mag-list .wp-block-post-title {
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	margin: 0.35rem 0 0.5rem;
}

.mm-mag-list .wp-block-post-title a {
	color: var(--mm-text);
	text-decoration: none;
}

.mm-mag-list .wp-block-post-title a:hover {
	color: var(--mm-accent);
}

.mm-mag-list .wp-block-post-date {
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--mm-muted);
}

.mm-mag-list .wp-block-post-excerpt {
	color: var(--mm-muted);
	font-size: 1rem;
}

.mm-article-hed {
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--mm-border);
}

.mm-article-hed .wp-block-post-title {
	font-size: clamp(2rem, 4vw, 3rem);
	margin-bottom: 1rem;
}

.mm-byline-note {
	font-size: 0.8125rem;
	color: var(--mm-muted);
	font-style: italic;
	margin: 0.5rem 0 0;
}

/* --------------------------------------------------------------------------
   Footer — magazine colophon + 03 regions
   -------------------------------------------------------------------------- */
.mm-footer {
	background: var(--mm-surface);
	border-top: 2px solid var(--mm-accent);
	margin-top: 2rem;
}

.mm-footer__inner {
	max-width: var(--mm-wide);
	margin-inline: auto;
	padding: 3rem 1.5rem 2.5rem;
}

@media (min-width: 782px) {
	.mm-footer__inner {
		padding-inline: 2.5rem;
	}
}

.mm-footer__colophon {
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	margin-bottom: 2.5rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--mm-border);
}

.mm-footer__mission {
	font-size: 0.9375rem;
	color: var(--mm-muted);
	line-height: 1.55;
	margin: 0.5rem 0 0;
	max-width: 36rem;
}

.mm-footer__block {
	margin-bottom: 1.75rem;
	padding-bottom: 1.75rem;
	border-bottom: 1px solid var(--mm-border);
}

.mm-footer__block h2 {
	font-family: var(--mm-font-body);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--mm-accent);
	margin: 0 0 0.75rem;
}

.mm-footer__block p {
	font-size: 0.875rem;
	line-height: 1.6;
	color: var(--mm-muted);
	margin: 0 0 0.65rem;
}

.mm-footer__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	list-style: none;
	margin: 1.5rem 0 1rem;
	padding: 0;
	font-size: 0.8125rem;
	font-weight: 500;
}

.mm-footer__nav a {
	color: var(--mm-text);
	text-decoration: none;
}

.mm-footer__nav a:hover {
	color: var(--mm-accent);
}

.mm-footer__copy {
	font-size: 0.75rem;
	color: var(--mm-muted);
	margin: 0;
}

/* --------------------------------------------------------------------------
   Utilities / 404 / search
   -------------------------------------------------------------------------- */
.mm-empty {
	text-align: center;
	padding: 4rem 1rem;
}

.mm-empty h1 {
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

.wp-block-search .wp-block-search__input {
	border: 1px solid var(--mm-border);
	border-radius: 6px;
	padding: 0.65rem 0.85rem;
	background: var(--mm-surface);
}

.wp-block-search .wp-block-search__button {
	background: var(--mm-accent);
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 0.65rem 1.1rem;
	font-weight: 600;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	cursor: pointer;
}

.wp-block-query-pagination {
	margin-top: 2rem;
	font-size: 0.875rem;
}

/* Align WP groups using our classes */
.wp-block-group.mm-header,
.wp-block-group.mm-footer {
	max-width: none;
}

.wp-block-group.mm-shell {
	max-width: var(--mm-wide);
}

/* Inline SVG lockups from parts */
.mm-wordmark svg.mm-lockup-img,
.mm-footer__colophon svg.mm-lockup-img {
	height: 2.5rem;
	width: auto;
	max-width: min(280px, 70vw);
	display: block;
}

.mm-footer__colophon svg.mm-lockup-img--footer {
	height: 2rem;
	margin-bottom: 0.5rem;
}

.mm-footer__colophon svg.mm-bug-img {
	width: 2.25rem;
	height: 2.25rem;
	flex-shrink: 0;
	display: block;
}

.mm-still-life__svg {
	display: block;
}

/* v2 masthead nameplate (Brand Director money file) */
.mm-wordmark--masthead {
	display: inline-flex;
	align-items: center;
	max-width: min(520px, 88vw);
}

.mm-masthead-img {
	display: block;
	height: auto;
	width: 100%;
	max-width: min(520px, 88vw);
	max-height: 4.25rem;
	object-fit: contain;
	object-position: left center;
}

@media (min-width: 782px) {
	.mm-masthead-img {
		max-height: 5rem;
		max-width: min(560px, 55vw);
	}
}

.mm-header__inner {
	align-items: center;
}

.mm-lockup-img,
.mm-lockup-img--footer {
	display: block;
	height: 2.35rem;
	width: auto;
	max-width: min(280px, 70vw);
}

.mm-lockup-img--footer {
	height: 2rem;
	margin-bottom: 0.5rem;
}

.mm-bug-img {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	flex-shrink: 0;
}


.mm-queue-meta { display:flex; flex-wrap:wrap; gap:.75rem 1.25rem; font-size:.75rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#9AA39C; margin-bottom:1.5rem; }
.mm-queue-meta span { color:#34D399; }
.mm-ranking-grid { display:flex; flex-direction:column; gap:.85rem; }
.mm-ranking-card { flex-direction:row; gap:1.25rem; align-items:center; padding:1.15rem 1.35rem; background:#161A18; border-radius:14px; }
.mm-ranking-card:hover { border-color:#34D399; box-shadow:0 0 0 1px rgba(52,211,153,.25); }
.mm-ranking-card__rank { font-size:1.35rem; margin:0; min-width:2.75rem; color:#34D399; font-family:var(--mm-font-body); font-weight:700; }
.mm-ranking-card--featured { background:#1F2933; border-color:#FB7185; }
.mm-methodology { background:#161A18; border-left:3px solid #34D399; }
.mm-methodology__badge { background:#34D399; color:#0C0F0E; }
.mm-footer { background:#161A18; border-top:2px solid #34D399; }
.mm-footer__block h2 { color:#34D399; }
.mm-still-life { background:radial-gradient(ellipse 60% 50% at 70% 60%,rgba(52,211,153,.18),transparent 70%),linear-gradient(160deg,#121816 0%,#1A2420 45%,#0F1412 100%); border-color:#2A312D; }
.mm-mag-list .wp-block-post-title a { color:#F2F4F3; }
a { color:#34D399; } a:hover { color:#FB7185; }
.wp-block-search .wp-block-search__button { background:#34D399; color:#0C0F0E; }