/* ===== More Joy Wellness — core theme ===== */
:root {
/* Brand */
/* soft golden yellow */
/* deep navy */
/* sky blue */
/* Neutrals */
/* Derived tints/shades */
/* Component accents */
}

/* Optional: load Agrandir Wide if you’ve uploaded it (update the URL) */
/*
@font-face{
  font-family:"Agrandir Wide";
  src:url("/wp-content/uploads/AgrandirWide.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
body{font-family:"Agrandir Wide", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;}
*/
.mjw-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 4rem 1.25rem;
}

.mjw-hero {
	padding: 5rem 1.25rem 2rem;
	text-align: center;
	background: linear-gradient(180deg,var(--sky-100),#fff 60%);
}

.mjw-eyebrow {
	letter-spacing: .12em;
	text-transform: uppercase;
	font-size: .8rem;
	color: var(--muted);
}

.mjw-h1 {
	font-size: clamp(2rem,4vw,3.25rem);
	line-height: 1.1;
	margin: .5rem 0 1rem;
	color: var(--ink);
}

.mjw-sub {
	max-width: 820px;
	margin: 0 auto;
	color: var(--muted);
	font-size: 1.05rem;
	line-height: 1.6;
}

.mjw-grid {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(12,1fr);
}

.mjw-card {
	grid-column: span 12;
	background: #fff;
	border: 1px solid var(--edge);
	border-radius: 14px;
	padding: 1.5rem;
}

.mjw-card h3 {
	margin: .25rem 0 .5rem;
	font-size: 1.4rem;
}

.mjw-card p {
	color: var(--muted);
}

@media(min-width:780px) {
	.mjw-card.span-6 {
		grid-column: span 6;
	}
	
	.mjw-card.span-4 {
		grid-column: span 4;
	}
}

.mjw-cta {
	display: inline-block;
	border: 1px solid var(--ink);
	padding: .7rem 1rem;
	border-radius: 999px;
	text-decoration: none;
	color: var(--ink);
}

.mjw-cta:hover {
	background: var(--ink);
	color: #fff;
}

.mjw-cta--accent {
	border-color: var(--brand-navy);
	background: var(--brand-navy);
	color: #fff;
}

.mjw-cta--accent:hover {
	background: var(--navy-600);
	border-color: var(--navy-600);
}

.mjw-cta--yellow {
	border-color: var(--brand-yellow);
	background: var(--brand-yellow);
	color: #1a1a1a;
}

.mjw-cta--yellow:hover {
	background: var(--yellow-600);
	border-color: var(--yellow-600);
	color: #1a1a1a;
}

.mjw-cta--ghost {
	border-color: var(--edge);
	color: var(--ink);
	background: #fff;
}

.mjw-kicker {
	font-weight: 600;
	color: var(--brand-navy);
}

.mjw-pill {
	display: inline-block;
	font-size: .8rem;
	border: 1px solid var(--edge);
	padding: .35rem .6rem;
	border-radius: 999px;
	color: var(--brand-navy);
	background: #fff;
}

.mjw-list {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: .75rem 0 0;
}

.mjw-slab {
	background: var(--yellow-100);
	border: 1px solid var(--yellow-200);
	border-radius: 14px;
	padding: 1.25rem;
}

.mjw-spacer {
	height: 2rem;
}

.mjw-note {
	font-size: .9rem;
	color: var(--muted);
}

.mjw-divider {
	height: 1px;
	background: var(--edge);
	margin: 1.5rem 0;
}

a {
	color: var(--brand-navy);
}

a:hover {
	color: var(--navy-600);
}