/* MA4MS Website Builder V54 front-end presentation. */
:root {
	--ma4ms-black: #111;
	--ma4ms-white: #fff;
	--ma4ms-gray: #3f3f3f;
	--ma4ms-light-gray: #f3f4f5;
	--ma4ms-border: #c8ccd0;
	--ma4ms-cream: #fff7e6;
	--ma4ms-blue: #005ea8;
	--ma4ms-focus: #ffbf47;
	--ma4ms-content: 76rem;
	--ma4ms-reading: 52rem;
}

.ma4ms-v54,
.ma4ms-v54 button,
.ma4ms-v54 input,
.ma4ms-v54 select,
.ma4ms-v54 textarea {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ma4ms-v54 * { box-sizing: border-box; }
.ma4ms-v54 img { max-width: 100%; height: auto; }
.ma4ms-v54 p,
.ma4ms-v54 li,
.ma4ms-v54 summary,
.ma4ms-v54 label { line-height: 1.65; }
.ma4ms-v54 a { text-underline-offset: .16em; text-decoration-thickness: .09em; }
.ma4ms-v54 a:hover { text-decoration-thickness: .16em; }
.ma4ms-v54 :where(a, button, input, select, textarea, summary):focus-visible {
	outline: .2rem solid var(--ma4ms-focus);
	outline-offset: .18rem;
	box-shadow: 0 0 0 .12rem var(--ma4ms-black);
}

.ma4ms-skip-link {
	position: fixed;
	left: 1rem;
	top: -8rem;
	z-index: 1000000;
	padding: .85rem 1rem;
	background: var(--ma4ms-black);
	color: var(--ma4ms-white);
	font-weight: 700;
	text-decoration: none;
}
.ma4ms-skip-link:focus { top: 1rem; color: var(--ma4ms-white); }

.ma4ms-header-tools {
	position: fixed;
	top: calc(1rem + var(--wp-admin--admin-bar--height, 0px));
	right: 1rem;
	z-index: 99990;
}
.ma4ms-site-search { position: relative; }
.ma4ms-site-search > summary {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border: .12rem solid var(--ma4ms-white);
	border-radius: 50%;
	background: var(--ma4ms-black);
	color: var(--ma4ms-white);
	box-shadow: 0 .2rem .65rem rgba(0,0,0,.32);
	cursor: pointer;
	list-style: none;
}
.ma4ms-site-search > summary::-webkit-details-marker { display: none; }
.ma4ms-site-search[open] > summary { background: var(--ma4ms-gray); }
.ma4ms-site-search form {
	position: absolute;
	right: 0;
	top: 3.6rem;
	width: min(30rem, calc(100vw - 2rem));
	padding: 1rem;
	border: .12rem solid var(--ma4ms-black);
	border-radius: .35rem;
	background: var(--ma4ms-white);
	box-shadow: 0 .5rem 1.4rem rgba(0,0,0,.3);
	color: var(--ma4ms-black);
}
.ma4ms-site-search form label { display: block; margin-bottom: .4rem; font-weight: 700; }
.ma4ms-site-search form div { display: flex; gap: .5rem; }
.ma4ms-site-search input {
	min-width: 0;
	flex: 1;
	min-height: 2.75rem;
	border: .12rem solid var(--ma4ms-black);
	padding: .55rem .7rem;
	font-size: 1rem;
}
.ma4ms-site-search button,
.ma4ms-v54 .ma4ms-cta,
.ma4ms-v54 button.ma4ms-cta,
.ma4ms-v54 .ma4ms-complete-practice {
	min-height: 2.75rem;
	border: .12rem solid var(--ma4ms-black);
	border-radius: .2rem;
	padding: .6rem .9rem;
	background: var(--ma4ms-black);
	color: var(--ma4ms-white);
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}
.ma4ms-site-search button:hover,
.ma4ms-v54 .ma4ms-cta:hover,
.ma4ms-v54 .ma4ms-complete-practice:hover { background: var(--ma4ms-gray); color: var(--ma4ms-white); }

/* The builder owns this menu and keeps it flat. */
.ma4ms-primary-nav { background: var(--ma4ms-black); color: var(--ma4ms-white); }
@supports selector(nav:has(> ul)) {
	.ma4ms-v54 nav:has(> .ma4ms-primary-menu) { background: var(--ma4ms-black); color: var(--ma4ms-white); }
}
.ma4ms-primary-menu {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
}
.ma4ms-primary-menu > li { margin: 0; padding: 0; }
.ma4ms-primary-menu a {
	display: flex;
	align-items: center;
	min-height: 3.25rem;
	padding: .7rem .72rem;
	background: var(--ma4ms-black);
	color: var(--ma4ms-white);
	font-weight: 700;
	text-decoration: none;
}
.ma4ms-primary-menu a:hover,
.ma4ms-primary-menu a:focus,
.ma4ms-primary-menu .current-menu-item > a,
.ma4ms-primary-menu .current_page_item > a { background: var(--ma4ms-gray); color: var(--ma4ms-white); }
.ma4ms-primary-menu .sub-menu { background: var(--ma4ms-black); }
.ma4ms-primary-menu .sub-menu a { background: var(--ma4ms-black); color: var(--ma4ms-white); }
.ma4ms-primary-menu .sub-menu a:hover,
.ma4ms-primary-menu .sub-menu a:focus { background: var(--ma4ms-gray); }

.ma4ms-managed-page .entry-header > .entry-title,
.ma4ms-managed-page .wp-block-post-title { display: none; }

.ma4ms-content-shell {
	width: min(var(--ma4ms-content), calc(100% - 2rem));
	margin: 0 auto;
	padding: 0 0 2.5rem;
	color: #171717;
	overflow-wrap: anywhere;
}
.ma4ms-content-shell > :not(.ma4ms-card-grid):not(.ma4ms-post-teasers):not(.ma4ms-resource-list):not(.ma4ms-partner):not(.ma4ms-hero):not(.ma4ms-latest-posts):not(.ma4ms-daily-practice):not(.ma4ms-faq) {
	max-width: var(--ma4ms-reading);
	margin-left: auto;
	margin-right: auto;
}
.ma4ms-content-shell h1 {
	margin-top: 1.6rem;
	font-size: clamp(2rem, 5vw, 3.3rem);
	line-height: 1.12;
}
.ma4ms-content-shell h2 { margin-top: 2rem; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.2; }
.ma4ms-content-shell h3 { font-size: clamp(1.15rem, 2.3vw, 1.4rem); line-height: 1.3; }
.ma4ms-content-shell .ma4ms-lede { font-size: clamp(1.1rem, 2.2vw, 1.3rem); line-height: 1.65; }

.ma4ms-hero {
	width: 100%;
	max-width: var(--ma4ms-content);
	margin: 1rem auto 0;
	border-radius: .35rem;
	overflow: hidden;
	background: var(--ma4ms-light-gray);
}
.ma4ms-hero-image {
	display: block;
	width: 100%;
	aspect-ratio: 15 / 4;
	object-fit: cover;
}

.ma4ms-quick-answer {
	max-width: var(--ma4ms-reading);
	margin: 1.25rem auto 2rem;
	padding: 1.15rem 1.25rem;
	border-left: .45rem solid var(--ma4ms-blue);
	background: #eef7ff;
}
.ma4ms-quick-answer h2 { margin: .15rem 0 .45rem; font-size: 1.35rem; }
.ma4ms-quick-answer p:last-child { margin-bottom: 0; }
.ma4ms-eyebrow { margin: 0; font-size: .85rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.ma4ms-card-grid,
.ma4ms-post-teasers {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	gap: 1rem;
	width: min(var(--ma4ms-content), 100%);
	margin: 1rem auto 2rem;
}
.ma4ms-card,
.ma4ms-post-card,
.ma4ms-feature-card,
.ma4ms-cta-panel,
.ma4ms-admin-card {
	border: .08rem solid var(--ma4ms-border);
	border-radius: .35rem;
	padding: 1.1rem;
	background: var(--ma4ms-white);
	box-shadow: 0 .12rem .35rem rgba(0,0,0,.08);
}
.ma4ms-card h3,
.ma4ms-post-card h3 { margin-top: 0; }
.ma4ms-card p:last-child,
.ma4ms-post-card p:last-child { margin-bottom: 0; }
.ma4ms-feature-card { max-width: var(--ma4ms-reading); margin: 1rem auto 2rem; border-width: .16rem; }
.ma4ms-count { font-weight: 700; color: #414141; }

.ma4ms-latest-posts,
.ma4ms-daily-practice {
	width: min(var(--ma4ms-content), 100%);
	margin: 2rem auto;
}
.ma4ms-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.ma4ms-section-head h2 { margin-bottom: .25rem; }
.ma4ms-post-card-image { display: block; margin: -1.1rem -1.1rem 1rem; }
.ma4ms-post-card-image img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.ma4ms-medical-note,
.ma4ms-integration-notice {
	max-width: var(--ma4ms-reading);
	margin: 1.5rem auto;
	padding: 1rem 1.1rem;
	border: .12rem solid var(--ma4ms-gray);
	background: var(--ma4ms-light-gray);
}

.ma4ms-faq {
	width: min(var(--ma4ms-content), 100%);
	margin: 2.5rem auto 0;
	padding: clamp(1rem, 3vw, 2rem);
	border: .08rem solid #dfcfaa;
	border-radius: .4rem;
	background: var(--ma4ms-cream);
}
.ma4ms-faq > h2 { max-width: var(--ma4ms-reading); margin: 0 auto 1rem; }
.ma4ms-faq details,
.ma4ms-practice-record {
	max-width: var(--ma4ms-reading);
	margin: .75rem auto;
	border: .08rem solid #8b8170;
	border-radius: .25rem;
	background: var(--ma4ms-white);
}
.ma4ms-faq summary,
.ma4ms-practice-record summary {
	min-height: 3.25rem;
	padding: .75rem 2.6rem .75rem .85rem;
	font-weight: 750;
	cursor: pointer;
}
.ma4ms-faq details > p,
.ma4ms-faq details > div,
.ma4ms-practice-record > div { padding: 0 .9rem .9rem; }

.ma4ms-resource-list {
	width: min(var(--ma4ms-content), 100%);
	margin: 1rem auto;
	padding: 0;
	list-style: none;
}
.ma4ms-resource-list li { padding: 1rem 0; border-bottom: .08rem solid var(--ma4ms-border); }
.ma4ms-resource-list h2 { margin: 0 0 .35rem; font-size: 1.25rem; }

.ma4ms-practice-list { width: min(var(--ma4ms-content), 100%); margin: 1rem auto; }
.ma4ms-practice-record summary { display: flex; justify-content: space-between; gap: 1rem; }
.ma4ms-duration { white-space: nowrap; font-size: .9em; }

.ma4ms-founder-photo {
	float: right;
	width: min(20rem, 45%);
	margin: .25rem 0 1.25rem 1.5rem;
}
.ma4ms-founder-photo img { display: block; width: 100%; border-radius: .35rem; }
.ma4ms-founder-photo figcaption,
.ma4ms-support-shirt figcaption { margin-top: .4rem; font-size: .9rem; }

.ma4ms-partner {
	display: grid;
	grid-template-columns: minmax(11rem, 18rem) minmax(0, 1fr);
	gap: 1.5rem;
	align-items: start;
	width: min(var(--ma4ms-content), 100%);
	margin: 2rem auto;
	padding: 1.25rem;
	border: .08rem solid var(--ma4ms-border);
	border-radius: .4rem;
}
.ma4ms-partner-logo { margin: 0; }
.ma4ms-partner-logo img { display: block; width: 100%; height: auto; }
.ma4ms-support-shirt { max-width: 18rem; margin: 1rem 0; }

.ma4ms-daily-practice {
	padding: 1.25rem;
	border: .12rem solid var(--ma4ms-black);
	border-radius: .4rem;
	background: var(--ma4ms-light-gray);
}
.ma4ms-daily-form fieldset { margin: 1rem 0; border: 0; padding: 0; }
.ma4ms-daily-form legend { margin-bottom: .65rem; font-weight: 750; }
.ma4ms-daily-form fieldset { display: flex; flex-wrap: wrap; gap: .55rem; }
.ma4ms-daily-form label {
	display: flex;
	align-items: center;
	gap: .45rem;
	min-height: 2.8rem;
	padding: .45rem .75rem;
	border: .1rem solid var(--ma4ms-gray);
	border-radius: .3rem;
	background: var(--ma4ms-white);
	cursor: pointer;
}
.ma4ms-daily-form input { width: 1.2rem; height: 1.2rem; }
.ma4ms-daily-dialog {
	width: min(46rem, calc(100% - 2rem));
	max-height: calc(100vh - 2rem);
	border: .15rem solid var(--ma4ms-black);
	border-radius: .4rem;
	padding: 0;
	background: var(--ma4ms-white);
	color: var(--ma4ms-black);
}
.ma4ms-daily-dialog::backdrop { background: rgba(0,0,0,.72); }
.ma4ms-dialog-inner { position: relative; max-height: calc(100vh - 2.5rem); overflow: auto; padding: 1.25rem; }
.ma4ms-dialog-close {
	position: sticky;
	top: 0;
	float: right;
	width: 2.8rem;
	height: 2.8rem;
	border: .12rem solid var(--ma4ms-black);
	border-radius: 50%;
	background: var(--ma4ms-black);
	color: var(--ma4ms-white);
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}
.ma4ms-dialog-content { clear: both; }
.ma4ms-complete-message { padding: .8rem; border-left: .4rem solid #147a27; background: #edfff0; font-weight: 700; }

.ma4ms-accessibility-footer {
	clear: both;
	width: 100%;
	padding: 1rem max(1rem, calc((100% - var(--ma4ms-content)) / 2));
	border-top: .12rem solid var(--ma4ms-gray);
	background: var(--ma4ms-black);
	color: var(--ma4ms-white);
	text-align: center;
}
.ma4ms-accessibility-footer p { margin: .25rem auto; max-width: var(--ma4ms-content); }
.ma4ms-accessibility-footer a { color: var(--ma4ms-white); font-weight: 700; }

.screen-reader-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media (max-width: 72rem) {
	.ma4ms-primary-menu { justify-content: flex-start; overflow-x: auto; scrollbar-width: thin; }
	.ma4ms-primary-menu a { padding-inline: .6rem; font-size: .94rem; }
}

@media (max-width: 48rem) {
	.ma4ms-header-tools { top: calc(.55rem + var(--wp-admin--admin-bar--height, 0px)); right: .55rem; }
	.ma4ms-site-search > summary { width: 2.8rem; height: 2.8rem; }
	.ma4ms-content-shell { width: min(100% - 1rem, var(--ma4ms-content)); }
	.ma4ms-hero-image { aspect-ratio: 3 / 1; }
	.ma4ms-founder-photo { float: none; width: min(100%, 22rem); margin: 1rem auto; }
	.ma4ms-partner { grid-template-columns: 1fr; }
	.ma4ms-partner-logo { max-width: 18rem; }
	.ma4ms-daily-form fieldset { display: grid; grid-template-columns: 1fr; }
	.ma4ms-daily-form label { width: 100%; }
	.ma4ms-daily-dialog { width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; border-radius: 0; }
	.ma4ms-dialog-inner { max-height: 100vh; min-height: 100vh; }
}

@media (prefers-reduced-motion: reduce) {
	.ma4ms-v54 *, .ma4ms-v54 *::before, .ma4ms-v54 *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

@media print {
	.ma4ms-header-tools, .ma4ms-skip-link, .ma4ms-primary-nav { display: none !important; }
	.ma4ms-content-shell { width: 100%; }
	.ma4ms-faq details { break-inside: avoid; }
}

.ma4ms-prominent-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,22rem),1fr)); gap: 1rem; width: min(var(--ma4ms-content),100%); margin: 1rem auto 2rem; }
.ma4ms-related { max-width: var(--ma4ms-reading); margin: 2rem auto; padding: 1rem 1.1rem; border-top: .15rem solid var(--ma4ms-black); border-bottom: .08rem solid var(--ma4ms-border); }

/* Progressive mobile navigation. Existing theme toggles take precedence. */
.ma4ms-menu-toggle {
	display: none;
	align-items: center;
	gap: .55rem;
	min-height: 3rem;
	margin: .4rem .6rem;
	border: .12rem solid var(--ma4ms-white);
	border-radius: .25rem;
	padding: .55rem .8rem;
	background: var(--ma4ms-black);
	color: var(--ma4ms-white);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
}
.ma4ms-menu-toggle:hover,
.ma4ms-menu-toggle:focus { background: var(--ma4ms-gray); color: var(--ma4ms-white); }
.ma4ms-menu-icon { font-size: 1.35rem; line-height: 1; }

@media (max-width: 48rem) {
	.ma4ms-menu-enhanced .ma4ms-menu-toggle { display: inline-flex; }
	.ma4ms-menu-enhanced .ma4ms-primary-menu { display: none; width: 100%; overflow: visible; white-space: normal; }
	.ma4ms-menu-enhanced.ma4ms-menu-open .ma4ms-primary-menu { display: block; }
	.ma4ms-menu-enhanced .ma4ms-primary-menu > li { width: 100%; }
	.ma4ms-menu-enhanced .ma4ms-primary-menu a { width: 100%; min-height: 3.25rem; padding-inline: 1rem; }
}