/* ==========================================================================
   Aurora for the public pages (owner, 2026-10-21: "make the other pages stylish the same way"). The same visual language as the
   home test (home-aurora.css, which stays as it is): a soft aurora glow in the brand colours behind the top of the page, glass on a
   few short cards, and a slowly turning glowing border on one or two primary actions. VISUAL ONLY: no text, order or behaviour
   changes, no size changes (borders keep their width, only colours/backgrounds/shadows change), so nothing moves.

   Scope: functions.php (region "ds:aurora") enqueues this file ONLY on the listed public pages and, in the same callback, adds the
   body classes `mds-aurora` + `mds-aurora--<page>`; every rule below starts with body.mds-aurora. The booking page, checkout, the
   dashboards/panels, the session room, wp-admin, the installable app (its own Expo export), the install page (its own HTML) and
   emails never get the class, so nothing here can reach them. Page parts (filter `mentayar_aurora_enabled`, args: true, $page):
     directory  · profile · quiz · assistant · how · about · contact · join · membership · counseling · area · tests · legal ·
     404 · articles · article · academy · group
   (home = home-aurora.css + body class mhome-aurora, same region, unchanged).

   Parts: 0. tokens  1. the aurora band (shared)  2. hero backgrounds that would hide it  3. glass  4. glowing rings  5. still echoes
          6. less motion / more contrast / print.
   Brands: MentaYar teal/mint/blue/violet, RavanLine (body.is-ravanline) green/mint only: the same values as home-aurora.css.

   Performance: the band is two pseudo-elements of .site-main animated with transform/opacity only (compositor); plain gradients, no
   filter: blur, no image, no request. The band only moves where overflow-x: clip exists (so a moving layer can never widen the page);
   elsewhere it is still. Glass uses backdrop-filter only from 768px up; phones get a translucent fill without blur. Rings turn three
   times (~24 s) and on hover, then only breathe with opacity. Long text (legal, articles, profile sections, forms) stays on solid
   surfaces.
   Accessibility: prefers-reduced-motion = still; prefers-contrast: more / forced-colors / print = no aurora, plain solid cards, no
   rings. Text over the glow and the glass is AA (checked by sampling the rendered pages).

   ROLLBACK: delete the `ds:aurora` region in wp-content/themes/mentayar/functions.php (it enqueues this file and home-aurora.css
   and adds the body classes) and purge the page cache (admin Settings screen); or switch one page type off with
   add_filter( 'mentayar_aurora_enabled', fn( $on, $page ) => $page === 'profile' ? false : $on, 10, 2 ).
   ========================================================================== */

@property --mda-angle {
	syntax: "<angle>";
	inherits: false;
	initial-value: 0deg;
}

/* ---------- 0. Tokens ---------- */
body.mds-aurora {
	/* glow colours (MentaYar): the home colours, at the strength the home uses on phones at every width, because on these pages
	   the grey lead lines and breadcrumbs sit right on the glow (stronger teal took them under 4.5:1) */
	--mda-a: rgba(0, 166, 147, 0.20);     /* --ds-brand */
	--mda-b: rgba(29, 78, 216, 0.11);     /* --ds-f-blue-ink */
	--mda-c: rgba(109, 40, 217, 0.12);    /* --ds-f-violet-ink */
	--mda-d: rgba(92, 214, 198, 0.22);    /* --ds-focus-on-dark (mint) */
	--mda-e: rgba(0, 122, 106, 0.12);     /* --ds-action */
	--mda-base: #F2FAF8;
	--mda-echo-1: rgba(0, 166, 147, 0.10);
	--mda-echo-2: rgba(29, 78, 216, 0.06);
	--mda-band: 44rem;                    /* how far down the glow reaches (it fades out over the lower half) */
	/* glass */
	--mda-glass: rgba(255, 255, 255, 0.58);
	--mda-glass-solid: rgba(255, 255, 255, 0.82);
	--mda-glass-line: rgba(255, 255, 255, 0.72);
	--mda-glass-shadow: 0 0 0 1px rgba(23, 43, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 12px 32px -14px rgba(23, 43, 42, 0.24);
	--mda-card-shadow: 0 0 0 1px rgba(23, 43, 42, 0.03), 0 14px 34px -20px rgba(23, 43, 42, 0.22);
	/* rings: around a solid (dark) button / around a light card */
	--mda-ring-dark: conic-gradient(from var(--mda-angle), rgba(92, 214, 198, 0) 0deg, #5CD6C6 70deg, #D9FBF4 115deg, #8FB0FF 160deg, rgba(143, 176, 255, 0) 220deg, rgba(92, 214, 198, 0) 360deg);
	--mda-ring-light: conic-gradient(from var(--mda-angle), rgba(0, 166, 147, 0) 0deg, #00A693 70deg, #5CD6C6 115deg, #6D8BFF 165deg, rgba(109, 139, 255, 0) 225deg, rgba(0, 166, 147, 0) 360deg);
	--mda-glow: 0 14px 34px -14px rgba(0, 166, 147, 0.55);
	--mda-glow-lg: 0 28px 60px -28px rgba(0, 166, 147, 0.6);
}
body.mds-aurora.is-ravanline {
	/* RavanLine: green and mint only, same values as home-aurora.css */
	--mda-a: rgba(0, 166, 147, 0.20);
	--mda-b: rgba(11, 93, 78, 0.10);
	--mda-c: rgba(126, 196, 160, 0.14);
	--mda-d: rgba(92, 214, 198, 0.24);
	--mda-e: rgba(0, 122, 106, 0.12);
	--mda-base: #F0F8F5;
	--mda-echo-1: rgba(0, 166, 147, 0.09);
	--mda-echo-2: rgba(11, 93, 78, 0.05);
	--mda-ring-dark: conic-gradient(from var(--mda-angle), rgba(92, 214, 198, 0) 0deg, #5CD6C6 70deg, #D9FBF4 115deg, #A8DCC0 160deg, rgba(168, 220, 192, 0) 220deg, rgba(92, 214, 198, 0) 360deg);
	--mda-ring-light: conic-gradient(from var(--mda-angle), rgba(0, 166, 147, 0) 0deg, #00A693 70deg, #5CD6C6 115deg, #0B5D4E 165deg, rgba(11, 93, 78, 0) 225deg, rgba(0, 166, 147, 0) 360deg);
	--mda-glow: 0 14px 34px -14px rgba(0, 166, 147, 0.5);
	--mda-glow-lg: 0 28px 60px -28px rgba(0, 166, 147, 0.55);
}
/* phones and tablets: the band is shorter */
@media (max-width: 900px) {
	body.mds-aurora { --mda-band: 36rem; }
}
/* long-form pages: a light touch, the glow stays behind the title only */
body.mds-aurora--legal,
body.mds-aurora--article,
body.mds-aurora--404 { --mda-band: 26rem; }
@media (max-width: 900px) {
	body.mds-aurora--legal,
	body.mds-aurora--article,
	body.mds-aurora--404 { --mda-band: 22rem; }
}

/* ---------- 1. The aurora band: two layers behind the top of the page ----------
   .site-main is not a stacking context (no z-index, no isolation), so the layers (z-index -1) paint above the page background and
   under every section and card; fixed/sticky parts of the page (profile tabs, booking bar and sheet) keep their stacking as before. */
body.mds-aurora .site-main { position: relative; }
body.mds-aurora .site-main::before,
body.mds-aurora .site-main::after {
	content: ""; position: absolute; z-index: -1; pointer-events: none;
	inset-block-start: -6rem; inset-inline: 0; block-size: calc(var(--mda-band) + 6rem);   /* starts under the header, so a drifting edge never shows */
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 50%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 0%, #000 50%, transparent 100%);
}
body.mds-aurora .site-main::before {
	background:
		radial-gradient(36% 44% at 18% 22%, var(--mda-a), transparent 70%),
		radial-gradient(32% 40% at 84% 16%, var(--mda-b), transparent 72%),
		radial-gradient(40% 36% at 58% 66%, var(--mda-c), transparent 72%),
		linear-gradient(180deg, var(--mda-base) 12%, rgba(255, 255, 255, 0) 100%);
}
body.mds-aurora .site-main::after {
	background:
		radial-gradient(52% 22% at 30% 36%, var(--mda-d), transparent 70%),
		radial-gradient(44% 20% at 74% 56%, var(--mda-e), transparent 72%);
}
/* the drift: only where the page can clip what moves past its sides */
@supports (overflow-x: clip) {
	body.mds-aurora .site-main { overflow-x: clip; }
	body.mds-aurora .site-main::before { inset-inline: -8%; will-change: transform; animation: mda-drift-a 26s ease-in-out infinite alternate; }
	body.mds-aurora .site-main::after { inset-inline: -14%; will-change: transform; animation: mda-drift-b 34s ease-in-out infinite alternate-reverse; }
}
@keyframes mda-drift-a {
	0%   { transform: translate3d(-3%, 0, 0) rotate(-2deg) scale(1); }
	50%  { transform: translate3d(3%, 2%, 0) rotate(2deg) scale(1.06); }
	100% { transform: translate3d(-1%, 3%, 0) rotate(-1deg) scale(1.03); }
}
@keyframes mda-drift-b {
	0%   { transform: translate3d(4%, 0, 0) rotate(4deg) scale(1.04); opacity: 0.7; }
	50%  { transform: translate3d(-3%, 3%, 0) rotate(-2deg) scale(1); opacity: 1; }
	100% { transform: translate3d(1%, -1%, 0) rotate(2deg) scale(1.08); opacity: 0.8; }
}

/* ---------- 2. Page heads that paint their own background would hide the glow: let it through ----------
   (backgrounds and border colours only; the 1px borders stay, so no height changes) */
body.mds-aurora .tw-hero,
body.mds-aurora .ct-hero,
body.mds-aurora .jn-hero,
body.mds-aurora .mp-hero,
body.mds-aurora .specialist-application-hero { background: transparent; border-block-end-color: transparent; }
body.mds-aurora--counseling .counseling-services { background: transparent; }
@media (min-width: 641px) {
	/* the assistant: its own soft spot of mint gives way to the aurora (on phones the sheet is the page and stays white) */
	body.mds-aurora--assistant .mas-app { background: transparent; }
}
/* dark hero cards (area, tests) sit on the glow with a soft brand-coloured lift */
body.mds-aurora .area-hero,
body.mds-aurora .tests-catalog__hero { box-shadow: var(--mda-glow-lg); }

/* readability over the glow: links and ghost buttons in the page heads take the deeper brand ink (--ds-deep, the token for
   "links on mint"), and grey breadcrumbs the body grey; colours only */
body.mds-aurora .breadcrumb a,
body.mds-aurora .ds-breadcrumb a,
body.mds-aurora .mp-trustline a,
body.mds-aurora .client-pagehead .ds-pagehead > .ds-btn--ghost { color: var(--ds-deep); }
body.mds-aurora .breadcrumb { color: var(--ds-text-2); }

/* ---------- 3. Glass: translucent fill, white inner highlight, soft shadow (short text only) ---------- */
body.mds-aurora .tw-eyebrow,
body.mds-aurora .ct-eyebrow,
body.mds-aurora .jn-eyebrow,
body.mds-aurora .ct-hours,
body.mds-aurora .tw-jump__chip,
body.mds-aurora .dir-entry,
body.mds-aurora .matching-quiz__intro,
body.mds-aurora .mq-wait,
body.mds-aurora .pf-hero__facts li,
body.mds-aurora--about .pub-values > li,
body.mds-aurora .mp-hero .mp-two li,
body.mds-aurora .ct-card,
body.mds-aurora--counseling .service-card {
	background: var(--mda-glass-solid);
	border-color: var(--mda-glass-line);
	box-shadow: var(--mda-glass-shadow);
}
body.mds-aurora .dir-entry:hover,
body.mds-aurora .dir-entry:focus-visible,
body.mds-aurora a.ct-card:hover,
body.mds-aurora a.ct-card:focus-visible { box-shadow: var(--mda-glass-shadow), var(--mda-glow); }
/* the hover borders the cards had before (the glass line above is more specific than them) */
body.mds-aurora .dir-entry:hover,
body.mds-aurora .dir-entry:focus-visible,
body.mds-aurora a.ct-card:hover,
body.mds-aurora a.ct-card:focus-visible { border-color: var(--ds-f-ink, var(--ds-action)); }
body.mds-aurora .tw-jump__chip:hover,
body.mds-aurora .tw-jump__chip:focus-visible { background: var(--ds-mint); border-color: var(--ds-deep); }
body.mds-aurora--counseling .service-card:hover { box-shadow: var(--mda-glass-shadow), var(--mda-glow); }
/* the profile head card: its own corner glows over glass instead of over a solid fill */
body.mds-aurora .pf-hero {
	background:
		radial-gradient(34rem 18rem at 100% -15%, rgba(var(--pf-glow), 0.16), transparent 65%),
		radial-gradient(26rem 14rem at -8% 115%, rgba(var(--pf-glow), 0.12), transparent 62%),
		var(--mda-glass-solid);
	box-shadow: var(--mda-glass-shadow), var(--pf-shadow);
}
@media (min-width: 768px) {
	@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
		body.mds-aurora .tw-eyebrow,
		body.mds-aurora .ct-eyebrow,
		body.mds-aurora .jn-eyebrow,
		body.mds-aurora .ct-hours,
		body.mds-aurora .tw-jump__chip,
		body.mds-aurora .dir-entry,
		body.mds-aurora .matching-quiz__intro,
		body.mds-aurora .mq-wait,
		body.mds-aurora--about .pub-values > li,
		body.mds-aurora .mp-hero .mp-two li,
		body.mds-aurora .ct-card,
		body.mds-aurora--counseling .service-card {
			background: var(--mda-glass);
			-webkit-backdrop-filter: blur(14px) saturate(140%);
			backdrop-filter: blur(14px) saturate(140%);
		}
		body.mds-aurora .pf-hero {
			background:
				radial-gradient(34rem 18rem at 100% -15%, rgba(var(--pf-glow), 0.16), transparent 65%),
				radial-gradient(26rem 14rem at -8% 115%, rgba(var(--pf-glow), 0.12), transparent 62%),
				var(--mda-glass);
			-webkit-backdrop-filter: blur(16px) saturate(140%);
			backdrop-filter: blur(16px) saturate(140%);
		}
	}
}
/* solid cards that hold long text or a form keep their fill and only get the softer, deeper shadow */
body.mds-aurora .specialist-profile__details > section,
body.mds-aurora--contact .ct-formcard,
body.mds-aurora--join .jn-formcard,
body.mds-aurora--assistant .mas-sheet { box-shadow: var(--mda-card-shadow); }
@media (min-width: 900px) {
	/* the booking panel beside the profile (on phones it is a bottom sheet and stays as it is) */
	body.mds-aurora--profile #mentayar-booking-widget { box-shadow: var(--mda-glass-shadow), var(--mda-glow-lg); }
}

/* ---------- 4. Glowing border: a thin ring of light that turns slowly around one or two primary actions per page ----------
   directory: «help me choose» tile · quiz: «start» · profile: «choose a time» (phones/tablets) or the panel's «continue»
   (wide screens) · how: «find a therapist» · about: «find a specialist» · contact: the assistant tile · join: «start your
   application» + «send» · membership: «find a specialist» (top) · counseling: «see all specialists» · area: «see specialists».
   Never on a form field. The turning light repaints the ring, so it turns three times (about 24 s), then rests and only
   breathes (opacity: compositor only); hovering or focusing turns it again. */
body.mds-aurora--directory .dir-entry.ds-f-teal,
body.mds-aurora--contact .ct-side .asst-card,
body.mds-aurora--quiz [data-quiz-start],
body.mds-aurora--profile .pf-hero__cta,
body.mds-aurora--how .tw-cta .btn--primary,
body.mds-aurora--about .pub-pro__actions .btn--primary,
body.mds-aurora--join .jn-hero__cta .btn--primary,
body.mds-aurora--join [data-jn-submit],
body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary,
body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary,
body.mds-aurora--area .cta-banner .ds-btn--primary { position: relative; }
@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
	body.mds-aurora--directory .dir-entry.ds-f-teal::before,
	body.mds-aurora--contact .ct-side .asst-card::before,
	body.mds-aurora--quiz [data-quiz-start]::before,
	body.mds-aurora--profile .pf-hero__cta::before,
	body.mds-aurora--profile [data-submit-booking]::before,
	body.mds-aurora--how .tw-cta .btn--primary::before,
	body.mds-aurora--about .pub-pro__actions .btn--primary::before,
	body.mds-aurora--join .jn-hero__cta .btn--primary::before,
	body.mds-aurora--join [data-jn-submit]::before,
	body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary::before,
	body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary::before,
	body.mds-aurora--area .cta-banner .ds-btn--primary::before {
		content: ""; position: absolute; inset: -2px; z-index: 1; pointer-events: none;
		padding: 2px; border-radius: inherit;
		--mda-angle: 200deg;
		background: var(--mda-ring-dark);
		-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
		-webkit-mask-composite: xor;
		mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
		animation: mda-ring 8s linear 3, mda-breathe 5s ease-in-out 24s infinite alternate;
	}
	/* light cards get the deeper ring */
	body.mds-aurora--directory .dir-entry.ds-f-teal::before,
	body.mds-aurora--contact .ct-side .asst-card::before { background: var(--mda-ring-light); opacity: 0.9; animation-delay: -3s, 24s; }
	/* the panel's «continue» only beside a wide screen (on phones the panel is the booking sheet, left as it is) */
	@media (max-width: 899.98px) {
		body.mds-aurora--profile [data-submit-booking]::before { content: none; animation: none; }
	}
	body.mds-aurora--directory .dir-entry.ds-f-teal:hover::before,
	body.mds-aurora--directory .dir-entry.ds-f-teal:focus-visible::before,
	body.mds-aurora--contact .ct-side .asst-card:hover::before,
	body.mds-aurora--contact .ct-side .asst-card:focus-within::before,
	body.mds-aurora--quiz [data-quiz-start]:hover::before,
	body.mds-aurora--quiz [data-quiz-start]:focus-visible::before,
	body.mds-aurora--profile .pf-hero__cta:hover::before,
	body.mds-aurora--profile .pf-hero__cta:focus-visible::before,
	body.mds-aurora--profile [data-submit-booking]:hover::before,
	body.mds-aurora--profile [data-submit-booking]:focus-visible::before,
	body.mds-aurora--how .tw-cta .btn--primary:hover::before,
	body.mds-aurora--how .tw-cta .btn--primary:focus-visible::before,
	body.mds-aurora--about .pub-pro__actions .btn--primary:hover::before,
	body.mds-aurora--about .pub-pro__actions .btn--primary:focus-visible::before,
	body.mds-aurora--join .jn-hero__cta .btn--primary:hover::before,
	body.mds-aurora--join .jn-hero__cta .btn--primary:focus-visible::before,
	body.mds-aurora--join [data-jn-submit]:hover::before,
	body.mds-aurora--join [data-jn-submit]:focus-visible::before,
	body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary:hover::before,
	body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary:focus-visible::before,
	body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary:hover::before,
	body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary:focus-visible::before,
	body.mds-aurora--area .cta-banner .ds-btn--primary:hover::before,
	body.mds-aurora--area .cta-banner .ds-btn--primary:focus-visible::before { animation: mda-ring 5s linear infinite; opacity: 1; }
}
body.mds-aurora--quiz [data-quiz-start],
body.mds-aurora--how .tw-cta .btn--primary,
body.mds-aurora--about .pub-pro__actions .btn--primary,
body.mds-aurora--join .jn-hero__cta .btn--primary,
body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary,
body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary,
body.mds-aurora--area .cta-banner .ds-btn--primary { box-shadow: var(--mda-glow); }
@keyframes mda-ring { from { --mda-angle: 200deg; } to { --mda-angle: 560deg; } }
@keyframes mda-breathe { from { opacity: 0.5; } to { opacity: 1; } }

/* ---------- 5. Faint, still echoes of the glow behind a closing section ---------- */
body.mds-aurora--how .tw-sec--end,
body.mds-aurora--membership .mp-cta-wrap,
body.mds-aurora--about .site-main > .pub-section:last-child,
body.mds-aurora--join .jn-sec--apply { position: relative; isolation: isolate; overflow: hidden; }
body.mds-aurora--how .tw-sec--end::before,
body.mds-aurora--membership .mp-cta-wrap::before,
body.mds-aurora--about .site-main > .pub-section:last-child::before,
body.mds-aurora--join .jn-sec--apply::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background:
		radial-gradient(40% 70% at 14% 30%, var(--mda-echo-1), transparent 70%),
		radial-gradient(36% 60% at 86% 76%, var(--mda-echo-2), transparent 70%);
}

/* ---------- 6. Less motion, more contrast, print ---------- */
@media (prefers-reduced-motion: reduce) {
	body.mds-aurora .site-main::before,
	body.mds-aurora .site-main::after,
	body.mds-aurora--directory .dir-entry.ds-f-teal::before,
	body.mds-aurora--contact .ct-side .asst-card::before,
	body.mds-aurora--quiz [data-quiz-start]::before,
	body.mds-aurora--profile .pf-hero__cta::before,
	body.mds-aurora--profile [data-submit-booking]::before,
	body.mds-aurora--how .tw-cta .btn--primary::before,
	body.mds-aurora--about .pub-pro__actions .btn--primary::before,
	body.mds-aurora--join .jn-hero__cta .btn--primary::before,
	body.mds-aurora--join [data-jn-submit]::before,
	body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary::before,
	body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary::before,
	body.mds-aurora--area .cta-banner .ds-btn--primary::before,
	body.mds-aurora--directory .dir-entry.ds-f-teal:hover::before,
	body.mds-aurora--directory .dir-entry.ds-f-teal:focus-visible::before,
	body.mds-aurora--contact .ct-side .asst-card:hover::before,
	body.mds-aurora--contact .ct-side .asst-card:focus-within::before,
	body.mds-aurora--quiz [data-quiz-start]:hover::before,
	body.mds-aurora--quiz [data-quiz-start]:focus-visible::before,
	body.mds-aurora--profile .pf-hero__cta:hover::before,
	body.mds-aurora--profile .pf-hero__cta:focus-visible::before,
	body.mds-aurora--profile [data-submit-booking]:hover::before,
	body.mds-aurora--profile [data-submit-booking]:focus-visible::before,
	body.mds-aurora--how .tw-cta .btn--primary:hover::before,
	body.mds-aurora--how .tw-cta .btn--primary:focus-visible::before,
	body.mds-aurora--about .pub-pro__actions .btn--primary:hover::before,
	body.mds-aurora--about .pub-pro__actions .btn--primary:focus-visible::before,
	body.mds-aurora--join .jn-hero__cta .btn--primary:hover::before,
	body.mds-aurora--join .jn-hero__cta .btn--primary:focus-visible::before,
	body.mds-aurora--join [data-jn-submit]:hover::before,
	body.mds-aurora--join [data-jn-submit]:focus-visible::before,
	body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary:hover::before,
	body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary:focus-visible::before,
	body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary:hover::before,
	body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary:focus-visible::before,
	body.mds-aurora--area .cta-banner .ds-btn--primary:hover::before,
	body.mds-aurora--area .cta-banner .ds-btn--primary:focus-visible::before { animation: none; will-change: auto; }
}

@media (prefers-contrast: more), (forced-colors: active), print {
	body.mds-aurora .site-main::before,
	body.mds-aurora .site-main::after,
	body.mds-aurora--how .tw-sec--end::before,
	body.mds-aurora--membership .mp-cta-wrap::before,
	body.mds-aurora--about .site-main > .pub-section:last-child::before,
	body.mds-aurora--join .jn-sec--apply::before,
	body.mds-aurora--directory .dir-entry.ds-f-teal::before,
	body.mds-aurora--contact .ct-side .asst-card::before,
	body.mds-aurora--quiz [data-quiz-start]::before,
	body.mds-aurora--profile .pf-hero__cta::before,
	body.mds-aurora--profile [data-submit-booking]::before,
	body.mds-aurora--how .tw-cta .btn--primary::before,
	body.mds-aurora--about .pub-pro__actions .btn--primary::before,
	body.mds-aurora--join .jn-hero__cta .btn--primary::before,
	body.mds-aurora--join [data-jn-submit]::before,
	body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary::before,
	body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary::before,
	body.mds-aurora--area .cta-banner .ds-btn--primary::before { display: none; animation: none; }
	body.mds-aurora .tw-eyebrow,
	body.mds-aurora .ct-eyebrow,
	body.mds-aurora .jn-eyebrow,
	body.mds-aurora .ct-hours,
	body.mds-aurora .tw-jump__chip,
	body.mds-aurora .dir-entry,
	body.mds-aurora .matching-quiz__intro,
	body.mds-aurora .mq-wait,
	body.mds-aurora .pf-hero,
	body.mds-aurora .pf-hero__facts li,
	body.mds-aurora--about .pub-values > li,
	body.mds-aurora .mp-hero .mp-two li,
	body.mds-aurora .ct-card,
	body.mds-aurora--counseling .service-card {
		background: var(--ds-surface);
		border-color: var(--ds-line);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		box-shadow: none;
	}
	body.mds-aurora .area-hero,
	body.mds-aurora .tests-catalog__hero,
	body.mds-aurora .specialist-profile__details > section,
	body.mds-aurora--contact .ct-formcard,
	body.mds-aurora--join .jn-formcard,
	body.mds-aurora--assistant .mas-sheet,
	body.mds-aurora--profile #mentayar-booking-widget,
	body.mds-aurora--quiz [data-quiz-start],
	body.mds-aurora--how .tw-cta .btn--primary,
	body.mds-aurora--about .pub-pro__actions .btn--primary,
	body.mds-aurora--join .jn-hero__cta .btn--primary,
	body.mds-aurora--membership .mp-hero .mp-hero__actions .ds-btn--primary,
	body.mds-aurora--counseling .counseling-services__cta .ds-btn--primary,
	body.mds-aurora--area .cta-banner .ds-btn--primary { box-shadow: none; }
}