/* Horoscope hub and rashi pages (includes/horoscope.php). Colours and type come from the theme's presets. */

.mpower-hs-medallion {
	width: 4.5rem;
	aspect-ratio: 1;
	flex: none;
	display: grid;
	place-items: center;
	border-radius: 50%;
	color: var(--wp--preset--color--brass-light, #D9BD8C);
	background:
		radial-gradient(circle at 30% 25%, rgba(217, 189, 140, 0.18), transparent 55%),
		var(--wp--preset--color--night, #141A3A);
	box-shadow:
		inset 0 0 0 1px rgba(217, 189, 140, 0.45),
		inset 0 0 0 5px var(--wp--preset--color--night, #141A3A),
		inset 0 0 0 6px rgba(217, 189, 140, 0.22);
}
.mpower-hs-medallion .mpower-icon { width: 46%; height: 46%; }
.mpower-hs-medallion.is-large { width: clamp(6.5rem, 13vw, 9.5rem); }
.mpower-hs-medallion.is-small { width: 3.4rem; }

/* Five dots for a 1–5 rating. Filled dots are brass-deep for 3:1 contrast against white and the empty ones. */
.mpower-dots { display: inline-flex; align-items: center; gap: 4px; }
.mpower-dots i { width: 0.62rem; height: 0.62rem; border-radius: 50%; background: #D8D5E0; }
.mpower-dots i.is-on { background: var(--wp--preset--color--brass-deep, #806236); }

/* Tabs ------------------------------------------------------------------------------------------------------ */

.mpower-tabs__list {
	display: flex;
	gap: 0.25rem;
	margin-bottom: var(--wp--preset--spacing--50, 2rem);
	border-bottom: 1px solid var(--wp--preset--color--line, #E2E0E8);
}
.mpower-tabs__list[hidden] { display: none; }
.mpower-tabs__tab {
	appearance: none;
	display: grid;
	justify-items: start;
	gap: 0.1rem;
	margin: 0 0 -1px;
	padding: 0.7rem 1.1rem 0.75rem;
	font: inherit;
	font-weight: 600;
	line-height: 1.2;
	color: var(--wp--preset--color--muted, #5C6080);
	background: none;
	border: 0;
	border-bottom: 3px solid transparent;
	cursor: pointer;
}
.mpower-tabs__tab span { font-size: 0.8rem; font-weight: 400; }
.mpower-tabs__tab:hover { color: var(--wp--preset--color--night, #141A3A); }
.mpower-tabs__tab[aria-selected="true"] {
	color: var(--wp--preset--color--night, #141A3A);
	border-bottom-color: var(--wp--preset--color--marigold, #E08A1E);
}
.mpower-tabs [role="tabpanel"]:focus-visible { outline: 2px solid var(--wp--preset--color--marigold, #E08A1E); outline-offset: 8px; border-radius: 4px; }
.mpower-tabs:not(.is-tabbed) > section + section { margin-top: var(--wp--preset--spacing--60, 3rem); }
/* With tabs the tab names the panel, so the panel's own heading is only for screen readers. */
.is-tabbed .mpower-hs-day__title {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Rashi page header (night band) ----------------------------------------------------------------------------- */

.mpower-hs-head {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: clamp(1.25rem, 4vw, 2.75rem);
	align-items: center;
}
.mpower-hs-head h1 { margin: 0.3rem 0 0.5rem; }
.mpower-hs-head .is-style-eyebrow { margin: 0; }
.mpower-hs-head .is-style-eyebrow a { color: inherit; text-decoration: none; }
.mpower-hs-head .is-style-eyebrow a:hover { text-decoration: underline; }
.mpower-hs-head__meta { margin: 0; font-size: 1.1rem; color: var(--mp-on-night, #D6D8E8); }
.mpower-hs-head__meta [lang="hi"],
.mpower-hs-card__name [lang="hi"] { font-family: var(--wp--preset--font-family--display, serif); }
.mpower-hs-head__date { margin: 0.35rem 0 0; font-size: 0.95rem; color: var(--mp-on-night-muted, #A6AAC6); }
.mpower-hs-head .mpower-page-meta,
.mpower-hs-hubhead .mpower-page-meta { margin-top: 1.25rem; max-width: 40rem; }

/* A day's reading -------------------------------------------------------------------------------------------- */

.mpower-hs-day__title { margin: 0 0 1rem; font-size: var(--wp--preset--font-size--large, 1.75rem); }
.mpower-hs-day__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: clamp(1.5rem, 4vw, 3.5rem);
	align-items: start;
}
.mpower-hs-headline { margin: 0 0 0.75rem; font-size: clamp(1.6rem, 3vw, 2.15rem); }
.mpower-hs-day__main > p,
.mpower-hs-written p { font-size: 1.08rem; line-height: 1.7; }
.mpower-hs-byline { margin: 0 0 0.5rem; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-day__main > .mpower-hs-note {
	padding: 0.8rem 1rem;
	font-size: 1rem;
	background: var(--wp--preset--color--mist, #F0EFF4);
	border-left: 3px solid var(--wp--preset--color--brass, #B08D57);
	border-radius: 0 10px 10px 0;
}
.mpower-hs-day__main > .mpower-hs-sky { font-size: 0.95rem; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-sky strong { color: var(--wp--preset--color--night, #141A3A); }

.mpower-hs-day__side { display: grid; gap: 1rem; }

.mpower-hs-ratings {
	list-style: none;
	margin: 0;
	padding: 1.2rem 1.25rem;
	display: grid;
	gap: 0.9rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
}
.mpower-hs-ratings li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.1rem 0.75rem; }
.mpower-hs-rating__label { font-weight: 600; }
.mpower-hs-rating__text { grid-column: 1 / -1; font-size: 0.9rem; line-height: 1.4; color: var(--wp--preset--color--muted, #5C6080); }

.mpower-hs-lucky {
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 7.25rem), 1fr));
	gap: 0.75rem;
}
.mpower-hs-lucky > div {
	padding: 0.85rem 1rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 12px;
}
.mpower-hs-lucky dt { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-lucky dd { margin: 0.3rem 0 0; font-weight: 600; }
.mpower-hs-lucky dd.mpower-hs-lucky__number { font-family: var(--wp--preset--font-family--display, serif); font-size: 1.9rem; font-weight: 400; line-height: 1; }
.mpower-hs-lucky dd.mpower-hs-lucky__note { margin-top: 0.1rem; font-size: 0.8rem; font-weight: 400; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-swatch {
	display: inline-block;
	width: 0.9rem;
	height: 0.9rem;
	margin-right: 0.4rem;
	vertical-align: -0.1em;
	border-radius: 50%;
	background: var(--swatch);
	box-shadow: inset 0 0 0 1px rgba(20, 26, 58, 0.3);
}

.mpower-hs-remedy {
	padding: 1.1rem 1.25rem;
	color: var(--mp-on-night, #D6D8E8);
	background:
		radial-gradient(ellipse at 100% 0%, rgba(94, 70, 145, 0.35), transparent 60%),
		var(--wp--preset--color--night, #141A3A);
	border-radius: 16px;
}
.mpower-hs-remedy p { margin: 0; }
.mpower-hs-remedy .mpower-hs-remedy__label { margin-bottom: 0.4rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--brass-light, #D9BD8C); }
.mpower-hs-remedy .mpower-hs-remedy__why { margin-top: 0.55rem; font-size: 0.85rem; color: var(--mp-on-night-muted, #A6AAC6); }

.mpower-hs-how {
	margin-top: var(--wp--preset--spacing--50, 2rem);
	padding-top: 1rem;
	font-size: 0.92rem;
	color: var(--wp--preset--color--muted, #5C6080);
	border-top: 1px solid var(--wp--preset--color--line, #E2E0E8);
}
.mpower-hs-how summary { cursor: pointer; font-weight: 600; color: var(--wp--preset--color--night, #141A3A); }
.mpower-hs-how p { max-width: 48rem; }

/* The next 7 days --------------------------------------------------------------------------------------------- */

.mpower-hs-week {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: 0.75rem;
}
.mpower-hs-week li {
	display: grid;
	align-content: start;
	justify-items: start;
	gap: 0.35rem;
	padding: 1rem 0.9rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 14px;
}
.mpower-hs-week li.is-best { border-color: var(--wp--preset--color--brass, #B08D57); box-shadow: inset 0 0 0 1px var(--wp--preset--color--brass, #B08D57); }
.mpower-hs-week__day { font-weight: 600; }
.mpower-hs-week__date { font-size: 0.8rem; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-week__line { font-size: 0.86rem; line-height: 1.35; }

@media (max-width: 1000px) {
	.mpower-hs-week {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		background: var(--wp--preset--color--white, #FFF);
		border: 1px solid var(--wp--preset--color--line, #E2E0E8);
		border-radius: 14px;
		overflow: hidden;
	}
	.mpower-hs-week li {
		grid-template-columns: 4rem 3.6rem auto minmax(0, 1fr);
		align-items: center;
		gap: 0.75rem;
		padding: 0.8rem 1rem;
		border: 0;
		border-radius: 0;
	}
	.mpower-hs-week li + li { border-top: 1px solid var(--wp--preset--color--line, #E2E0E8); }
	.mpower-hs-week li.is-best { box-shadow: inset 3px 0 0 var(--wp--preset--color--brass, #B08D57); }
}

/* Saturn, Jupiter and written readings ---------------------------------------------------------------------- */

.mpower-hs-transits { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: 1.25rem; }
.mpower-hs-transit {
	padding: 1.5rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
}
.mpower-hs-transit.is-written { background: var(--wp--preset--color--mist, #F0EFF4); }
.mpower-hs-transit__graha { margin: 0; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-transit h3 { margin: 0.35rem 0 0.6rem; font-size: 1.45rem; }
.mpower-hs-transit p { margin: 0 0 0.6rem; }
.mpower-hs-transit .mpower-note { margin: 0.75rem 0 0; }

/* About the sign ---------------------------------------------------------------------------------------------- */

.mpower-hs-about { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: start; }
.mpower-hs-about__body p { font-size: 1.06rem; line-height: 1.7; }
.mpower-hs-facts {
	margin: 0;
	padding: 0.4rem 1.4rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
}
.mpower-hs-facts > div { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 0.2rem 0.75rem; padding: 0.75rem 0; }
.mpower-hs-facts > div + div { border-top: 1px solid var(--wp--preset--color--line, #E2E0E8); }
.mpower-hs-facts dt { font-size: 0.9rem; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-facts dd { margin: 0; font-weight: 600; }
.mpower-hs-facts dd.mpower-hs-facts__note { grid-column: 2; font-size: 0.85rem; font-weight: 400; color: var(--wp--preset--color--muted, #5C6080); }

/* The other rashis ------------------------------------------------------------------------------------------ */

.mpower-hs-others {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 5.5rem), 1fr));
	gap: 1.5rem 0.75rem;
}
.mpower-hs-other { display: grid; justify-items: center; gap: 0.1rem; color: inherit; text-align: center; text-decoration: none; }
.mpower-hs-other .mpower-hs-medallion { margin-bottom: 0.45rem; transition: transform 0.2s ease; }
.mpower-hs-other:hover .mpower-hs-medallion,
.mpower-hs-other:focus-visible .mpower-hs-medallion { transform: translateY(-2px); }
.mpower-hs-other__name { font-family: var(--wp--preset--font-family--display, serif); font-size: 1.1rem; line-height: 1.1; }
.mpower-hs-other__en { font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--muted, #5C6080); }

/* Hub ------------------------------------------------------------------------------------------------------- */

.mpower-hs-hubhead h1 { margin: 0.35rem 0 0.75rem; }
.mpower-hs-hubhead .is-style-eyebrow { margin: 0; }
.mpower-hs-hubhead .mpower-lede { max-width: 40rem; margin: 0; font-size: var(--wp--preset--font-size--medium, 1.25rem); color: var(--mp-on-night, #D6D8E8); }
.mpower-hs-hubhead .mpower-lede a { color: var(--wp--preset--color--brass-light, #D9BD8C); }
.mpower-hs-skybox {
	max-width: 44rem;
	margin-top: 1.75rem;
	padding: 1rem 1.25rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(217, 189, 140, 0.35);
	border-radius: 14px;
}
.mpower-hs-skybox p { margin: 0; }
.mpower-hs-skybox .mpower-hs-skybox__label { margin-bottom: 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--brass-light, #D9BD8C); }

.mpower-hs-cards {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 16.5rem), 1fr));
	gap: 1rem;
}
.mpower-hs-cards > li { display: flex; }
.mpower-hs-card {
	flex: 1;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-content: start;
	column-gap: 1rem;
	row-gap: 0.1rem;
	padding: 1.1rem 1.2rem;
	color: inherit;
	text-decoration: none;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
	transition: border-color 0.2s ease, transform 0.2s ease;
}
.mpower-hs-card > :not(.mpower-hs-medallion) { grid-column: 2; }
.mpower-hs-card .mpower-hs-medallion { grid-row: 1 / span 4; width: 3.6rem; }
.mpower-hs-card:hover,
.mpower-hs-card:focus-visible { border-color: var(--wp--preset--color--brass, #B08D57); transform: translateY(-2px); }
.mpower-hs-card__name { font-family: var(--wp--preset--font-family--display, serif); font-size: 1.35rem; line-height: 1.15; }
.mpower-hs-card__name [lang="hi"] { margin-left: 0.3rem; font-size: 1rem; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-card__en { font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-card__line { margin-top: 0.4rem; font-size: 0.95rem; line-height: 1.4; }
.mpower-hs-card .mpower-dots { margin-top: 0.45rem; }

@media (max-width: 781px) {
	.mpower-hs-day__grid,
	.mpower-hs-about { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 600px) {
	.mpower-hs-head { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
	.mpower-hs-medallion.is-large { width: 5.5rem; }
	.mpower-tabs__tab { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.mpower-hs-card,
	.mpower-hs-other .mpower-hs-medallion { transition: none; }
}

/* Graha icons beside the Saturn, Jupiter and remedy labels. */
.mpower-hs-transit__graha,
.mpower-hs-remedy .mpower-hs-remedy__label { display: flex; align-items: center; gap: 0.45rem; }
.mpower-hs-transit__graha .mpower-icon,
.mpower-hs-remedy__label .mpower-icon { width: 1.35rem; height: 1.35rem; stroke-width: 1.6; }

/* Home page rashi picker ------------------------------------------------------------------------------------ */

.mpower-hs-picker button.mpower-rashi { width: 100%; padding: 0; font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
.mpower-hs-picker .mpower-rashi[aria-pressed="true"] .mpower-rashi__medallion {
	transform: translateY(-3px);
	box-shadow:
		inset 0 0 0 2px var(--wp--preset--color--brass-light, #D9BD8C),
		inset 0 0 0 6px var(--wp--preset--color--night, #141A3A),
		inset 0 0 0 7px rgba(217, 189, 140, 0.45),
		0 12px 28px rgba(20, 26, 58, 0.25);
}
.mpower-hs-picker .mpower-rashi[aria-pressed="true"] .mpower-rashi__name { color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-pick {
	display: grid;
	gap: 0.75rem;
	margin-top: var(--wp--preset--spacing--50, 2rem);
	padding: 1.5rem 1.75rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
	box-shadow: var(--wp--preset--shadow--soft, none);
}
.mpower-hs-pick[hidden] { display: none; }
.mpower-hs-pick p { margin: 0; }
.mpower-hs-pick__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem; }
.mpower-hs-pick__sign { font-size: 0.8rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-pick__sign [lang="hi"] { font-family: var(--wp--preset--font-family--display, serif); letter-spacing: 0; text-transform: none; }
.mpower-hs-pick__days { display: flex; gap: 0.4rem; }
.mpower-hs-pick__days .mpower-chip { padding: 0.35rem 0.85rem 0.3rem; font-size: 0.85rem; }
.mpower-hs-pick__headline { margin: 0.2rem 0 0; font-size: clamp(1.4rem, 2.6vw, 1.8rem); }
.mpower-hs-pick__text { max-width: 52rem; font-size: 1.02rem; line-height: 1.65; }
.mpower-hs-pick__ratings { list-style: none; margin: 0.25rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.6rem 1.75rem; }
.mpower-hs-pick__ratings li { display: flex; align-items: center; gap: 0.6rem; font-weight: 600; font-size: 0.92rem; }
.mpower-hs-pick__lucky { display: flex; flex-wrap: wrap; gap: 0.4rem 1.5rem; font-size: 0.92rem; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-pick__lucky span { display: inline-flex; align-items: center; }

/* ---- Yearly horoscope --------------------------------------------------------------------------------------------- */
.mpower-hs-year { --tone-good: color-mix(in srgb, var(--wp--preset--color--brass, #B08D57) 30%, white); }
.mpower-hs-ratings li.is-overall { padding-bottom: 0.9rem; border-bottom: 1px solid var(--wp--preset--color--line, #E2E0E8); }
.mpower-hs-ratings li.is-overall .mpower-hs-rating__label { font-family: var(--wp--preset--font-family--display, serif); font-size: 1.2rem; font-weight: 400; }
.mpower-hs-remedy.is-year { margin-top: 1.5rem; }
.mpower-hs-bestmonths {
	padding: 1.1rem 1.25rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
}
.mpower-hs-bestmonths__label { margin: 0 0 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-bestmonths dl { margin: 0; }
.mpower-hs-bestmonths dl > div { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: 0.75rem; padding: 0.45rem 0; }
.mpower-hs-bestmonths dl > div + div { border-top: 1px solid var(--wp--preset--color--line, #E2E0E8); }
.mpower-hs-bestmonths dt { color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-bestmonths dd { margin: 0; font-weight: 600; }

/* The year strip: one row per slow graha, its stays drawn to scale across the 12 months. */
.mpower-yt {
	--yt-label: 7.5rem;
	margin-bottom: 1.5rem;
	padding: 1.1rem 1.25rem 0.9rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
}
.mpower-yt__months,
.mpower-yt__row { display: grid; grid-template-columns: var(--yt-label) minmax(0, 1fr); align-items: center; }
.mpower-yt__months { grid-template-columns: var(--yt-label) repeat(12, minmax(0, 1fr)); margin-bottom: 0.4rem; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-yt__months span:not(:first-child) { padding-left: 0.3rem; border-left: 1px solid var(--wp--preset--color--line, #E2E0E8); }
.mpower-yt__row + .mpower-yt__row { margin-top: 0.5rem; }
.mpower-yt__graha { display: flex; align-items: center; gap: 0.45rem; margin: 0; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-yt__graha .mpower-icon { flex: none; width: 1.3rem; height: 1.3rem; stroke-width: 1.6; }
.mpower-yt__track {
	position: relative;
	height: 2.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
	background: repeating-linear-gradient(90deg, transparent 0 calc(100% / 12 - 1px), var(--wp--preset--color--line, #E2E0E8) calc(100% / 12 - 1px) calc(100% / 12));
}
.mpower-yt__bar {
	position: absolute;
	top: 0.2rem;
	bottom: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 3px;
	overflow: hidden;
	font-size: 0.8rem;
	font-weight: 600;
	white-space: nowrap;
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px rgba(20, 26, 58, 0.12), 0 0 0 1px var(--wp--preset--color--white, #FFF);
}
.mpower-yt__bar.is-good { background: color-mix(in srgb, var(--wp--preset--color--brass, #B08D57) 55%, white); }
.mpower-yt__bar.is-mixed { background: #E6E4EE; }
.mpower-yt__bar.is-care { background: #F6D5CF; }
.mpower-yt__bar.is-plain { background: color-mix(in srgb, var(--wp--preset--color--night, #141A3A) 8%, white); }
.mpower-yt__text .is-short { display: none; }
.mpower-yt__legend { display: flex; flex-wrap: wrap; gap: 0.3rem 1.25rem; margin: 0.85rem 0 0; font-size: 0.82rem; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-yt__legend span[class]::before { content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; margin-right: 0.4rem; vertical-align: -0.1rem; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(20, 26, 58, 0.12); }
.mpower-yt__legend .is-good::before { background: color-mix(in srgb, var(--wp--preset--color--brass, #B08D57) 55%, white); }
.mpower-yt__legend .is-mixed::before { background: #E6E4EE; }
.mpower-yt__legend .is-care::before { background: #F6D5CF; }
.mpower-hs-transits.is-year .mpower-hs-transit.is-good { box-shadow: inset 0 3px 0 var(--wp--preset--color--brass, #B08D57); }
.mpower-hs-transits.is-year .mpower-hs-transit.is-care { box-shadow: inset 0 3px 0 #D9826F; }

/* Month by month. */
.mpower-hs-months {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr));
	gap: 1rem;
}
.mpower-hs-month {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	padding: 1.25rem 1.3rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
	scroll-margin-top: 6rem;
}
.mpower-hs-months.is-pair { grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); }
.mpower-hs-months.is-pair .mpower-hs-month.is-current { border-color: var(--wp--preset--color--line, #E2E0E8); box-shadow: none; }
.mpower-hs-month.is-current { border-color: var(--wp--preset--color--brass, #B08D57); box-shadow: inset 0 0 0 1px var(--wp--preset--color--brass, #B08D57); }
.mpower-hs-month p { margin: 0; line-height: 1.5; }
.mpower-hs-month__head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.mpower-hs-month__head h3 { margin: 0; font-size: 1.45rem; }
.mpower-hs-month__headline { font-size: 0.75rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-month__why { display: block; margin-top: 0.15rem; font-size: 0.85rem; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-month__ratings { list-style: none; margin: 0.2rem 0 0; padding: 0.65rem 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.4rem 1rem; border-top: 1px solid var(--wp--preset--color--line, #E2E0E8); font-size: 0.85rem; }
.mpower-hs-month__ratings li { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; }
.mpower-hs-month__ratings .mpower-dots i { width: 0.5rem; height: 0.5rem; }
.mpower-hs-month__sky { margin: 0.2rem 0 0; padding: 0.65rem 0 0 1.1rem; border-top: 1px solid var(--wp--preset--color--line, #E2E0E8); font-size: 0.85rem; line-height: 1.45; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-month__sky li + li { margin-top: 0.25rem; }

/* Eclipses. */
.mpower-hs-eclipses { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 30rem), 1fr)); gap: 1rem; }
.mpower-hs-eclipse {
	display: grid;
	grid-template-columns: 4.25rem minmax(0, 1fr);
	gap: 1.1rem;
	padding: 1.2rem 1.3rem;
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
}
.mpower-hs-eclipse.is-visible { border-color: var(--wp--preset--color--brass, #B08D57); }
.mpower-hs-eclipse p { margin: 0 0 0.4rem; line-height: 1.5; }
.mpower-hs-eclipse h3 { margin: 0 0 0.3rem; font-size: 1.3rem; }
.mpower-hs-eclipse__date { display: grid; align-content: center; justify-items: center; aspect-ratio: 1; margin: 0 !important; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mp-on-night, #D6D8E8); background: var(--wp--preset--color--night, #141A3A); border-radius: 50%; }
.mpower-hs-eclipse__date span { font-family: var(--wp--preset--font-family--display, serif); font-size: 1.6rem; font-weight: 400; letter-spacing: 0; line-height: 1; color: var(--wp--preset--color--paper, #FAF9F6); }
.mpower-hs-eclipse.is-solar .mpower-hs-eclipse__date { background: radial-gradient(circle at 62% 38%, var(--wp--preset--color--night, #141A3A) 0 44%, transparent 45%), var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-eclipse__sky { font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-eclipse__house { font-weight: 600; }
.mpower-hs-eclipse .mpower-note { margin: 0.3rem 0 0; }
.mpower-hs-eclipsebox > .mpower-note { margin-top: 1rem; }

/* The hub: best months on each card, and the slow planets' moves. */
.mpower-hs-card__best { margin-top: 0.3rem; font-size: 0.82rem; color: var(--wp--preset--color--muted, #5C6080); }
.mpower-hs-moves { display: grid; gap: 0.75rem; max-width: 46rem; }
.mpower-hs-moves__start { margin: 0; font-weight: 600; }
.mpower-hs-moves__list { list-style: none; margin: 0; padding: 0; }
.mpower-hs-moves__list li { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 0.75rem; padding: 0.6rem 0; border-top: 1px solid var(--wp--preset--color--line, #E2E0E8); }
.mpower-hs-moves__date { font-weight: 600; color: var(--wp--preset--color--brass-deep, #806236); }
.mpower-hs-others__daily { margin: 1.75rem 0 0; text-align: center; }
.mpower-hs-yearlink { margin: 1.1rem 0 0; }
.mpower-hs-head .mpower-hs-yearlink a,
.mpower-hs-hubhead .mpower-hs-yearlink a { color: var(--wp--preset--color--brass-light, #D9BD8C); }
.mpower-hs-hubhead .is-style-eyebrow a { color: inherit; text-decoration: none; }
.mpower-hs-hubhead .is-style-eyebrow a:hover { text-decoration: underline; }

@media (max-width: 600px) {
	.mpower-yt { --yt-label: 4.6rem; padding-inline: 0.9rem; }
	.mpower-yt__graha { font-size: 0.68rem; letter-spacing: 0.04em; }
	.mpower-yt__graha .mpower-icon { display: none; }
	.mpower-yt__months span { font-size: 0; }
	.mpower-yt__months span::before { content: attr(data-short); font-size: 0.68rem; }
	.mpower-yt__bar { font-size: 0.7rem; }
	.mpower-yt__text .is-long { display: none; }
	.mpower-yt__text .is-short { display: inline; }
	.mpower-yt__bar.is-narrow .mpower-yt__text { display: none; }
	.mpower-hs-eclipse { grid-template-columns: 3.5rem minmax(0, 1fr); gap: 0.85rem; padding: 1rem; }
	.mpower-hs-eclipse__date span { font-size: 1.3rem; }
	.mpower-hs-moves__list li { grid-template-columns: minmax(0, 1fr); gap: 0.1rem; }
}

/* Monthly horoscope by email: text on the left, the Fluent Forms form on the right. */
.mpower-newsletter {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: clamp(1.25rem, 4vw, 3rem);
	align-items: start;
	margin-top: 2rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	background: var(--wp--preset--color--white, #FFF);
	border: 1px solid var(--wp--preset--color--line, #E2E0E8);
	border-radius: 16px;
}
.mpower-section > .mpower-newsletter:first-child { margin-top: 0; }
.mpower-newsletter__text h2 { margin: 0.3rem 0 0.6rem; font-size: clamp(1.5rem, 3vw, 2rem); }
.mpower-newsletter__text p { margin: 0; }
.mpower-newsletter__text p:not(.is-style-eyebrow) { color: var(--wp--preset--color--muted, #5C6080); line-height: 1.6; }
.mpower-newsletter .fluentform .ff-el-group { margin-bottom: 1rem; }
.mpower-newsletter .fluentform .mpower-note { margin: 0; font-size: 0.85rem; }
@media (max-width: 781px) {
	.mpower-newsletter { grid-template-columns: minmax(0, 1fr); }
}

.mpower-hs-more { margin: 1.5rem 0 0; text-align: center; font-weight: 600; }
.mpower-hs-more a { color: var(--wp--preset--color--brass-deep, #806236); }