@font-face {
    font-family: Gilroy;
    src:
        url("/wp-content/themes/independent-publisher/fonts/GilroyMedium.woff2") format("woff2"),
        url("../fonts/GilroyMedium.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: Gilroy;
	src:
		url("/wp-content/themes/independent-publisher/fonts/GilroyMedium.woff2") format("woff2"),
		url("../fonts/GilroyMedium.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 500;
}

@font-face {
    font-family: Gilroy;
    src:
        url("/wp-content/themes/independent-publisher/fonts/GilroySemiBold.woff2") format("woff2"),
        url("../fonts/GilroySemiBold.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: Gilroy;
	src:
		url("/wp-content/themes/independent-publisher/fonts/GilroySemiBold.woff2") format("woff2"),
		url("../fonts/GilroySemiBold.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}

@font-face {
    font-family: GilroyDisplay;
    src:
        url("/wp-content/themes/independent-publisher/fonts/GilroyBold.woff2") format("woff2"),
        url("../fonts/GilroyBold.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
	font-family: GilroyDisplay;
	src:
		url("/wp-content/themes/independent-publisher/fonts/GilroyBold.woff2") format("woff2"),
		url("../fonts/GilroyBold.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 800;
}

@font-face {
	font-family: GilroyDisplay;
	src:
		url("/wp-content/themes/independent-publisher/fonts/GilroyBold.woff2") format("woff2"),
		url("../fonts/GilroyBold.woff2") format("woff2");
	font-display: swap;
	font-style: normal;
	font-weight: 900;
}

:root {
    --dreamly-q-dark: #0d1534;
    --dreamly-q-surface: rgb(255 255 255 / 10%);
    --dreamly-q-surface-hover: rgb(255 255 255 / 14%);
    --dreamly-q-copy: #dadbe1;
    --dreamly-q-soft: #9698a0;
    --dreamly-q-purple: #8a68f2;
    --dreamly-q-white: #fff;
}

body.dreamly-symbol-hub-page,
body.dreamly-symbol-detail-page {
    margin: 0;
    color: var(--dreamly-q-copy);
    background: var(--dreamly-q-dark) !important;
    font-family: Gilroy, Inter, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    hyphens: none;
    overflow-x: hidden;
}

.dreamly-symbol-hub-page *,
.dreamly-symbol-detail-page * {
    box-sizing: border-box;
}

.dreamly-symbol-site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1001;
	background: transparent;
}

.dreamly-symbol-site-header::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 210px;
	background: linear-gradient(180deg, #0d1534 0%, rgb(13 21 52 / 86%) 42%, rgb(13 21 52 / 34%) 72%, transparent 100%);
	pointer-events: none;
}

.dreamly-symbol-site-header__inner {
	position: relative;
	z-index: 1;
    width: min(1160px, calc(100% - 40px));
    min-height: 104px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
    margin: 0 auto;
}

.dreamly-symbol-wordmark {
	display: inline-flex;
	align-items: center;
	transform: translateX(-8px);
	color: #fff !important;
    font-family: GilroyDisplay, Gilroy, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1;
	text-decoration: none !important;
	justify-self: start;
}

.dreamly-symbol-wordmark img {
	display: block;
	width: 132px;
	height: auto;
}

.dreamly-symbol-site-header nav {
    display: flex;
    align-items: center;
    gap: 7px;
	justify-self: center;
}

.dreamly-symbol-site-header nav a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    padding: 0 15px;
    border: 0;
    border-radius: 999px;
    color: rgb(255 255 255 / 72%) !important;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}

.dreamly-symbol-site-header nav a:hover,
.dreamly-symbol-site-header nav .is-active {
    color: #fff !important;
    background: rgb(255 255 255 / 10%);
}

.dreamly-symbol-nav-cta {
	display: inline-flex;
	align-items: center;
	justify-self: end;
	height: 42px;
    min-height: 42px;
    gap: 12px;
    margin-left: 7px;
    padding: 0 16px;
	border: 0;
	border-radius: 999px;
    color: #111 !important;
    background: #fff;
	font-size: 14px;
    font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
}

.dreamly-symbol-nav-cta span,
.dreamly-front-download-cta span {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	transform: translateY(-0.5px);
}

.dreamly-symbol-nav-cta:hover {
    color: #111 !important;
    background: #f0f0f2;
}

/* Standalone front-page templates reuse the same fixed Dreamly header. */
body.dreamly-front-page .sectionIntro {
	padding-top: 158px !important;
}

body.dreamly-front-page .dreamly-front-hero {
	padding-bottom: 108px !important;
}

.dreamly-front-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(380px, 0.82fr);
	align-items: center;
	gap: clamp(56px, 9vw, 146px);
	min-height: 590px;
}

.dreamly-front-hero__copy {
	text-align: left !important;
}

.dreamly-front-hero__eyebrow {
	margin: 0 0 24px;
	color: rgb(255 255 255 / 58%);
	font: 800 13px/1 Gilroy, sans-serif;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-align: left !important;
}

.dreamly-front-hero__copy h1 {
	max-width: 700px;
	margin: 0 !important;
	color: #fff !important;
	font: 800 clamp(58px, 6.3vw, 94px) / 0.96 GilroyBold, GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -0.055em;
	text-align: left;
	text-wrap: balance;
}

.dreamly-front-hero__copy > p:not(.dreamly-front-hero__eyebrow) {
	max-width: 530px;
	margin: 30px 0 0 !important;
	color: rgb(255 255 255 / 72%) !important;
	font: 400 20px/1.55 Gilroy, sans-serif !important;
	text-align: left;
}

.dreamly-front-download-cta {
	display: inline-flex;
	height: 42px;
	min-height: 42px;
	align-items: center;
	gap: 12px;
	margin-top: 38px;
	padding: 0 16px;
	border: 0;
	border-radius: 999px;
	color: #111 !important;
	background: #fff;
	font: 700 14px/1 Gilroy, sans-serif;
	text-decoration: none !important;
}

.dreamly-front-download-cta:hover {
	color: #111 !important;
	background: #f0f0f2;
}

/* Shared pill foundation for header and hero actions. */
.dreamly-primary-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box !important;
	width: auto;
	min-width: 0;
	height: 42px !important;
	min-height: 42px !important;
	flex: 0 0 auto;
	gap: 12px;
	padding: 0 16px !important;
	border: 0;
	border-radius: 999px;
	color: #111 !important;
	background: #fff;
	font-family: Gilroy, sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	white-space: nowrap;
	text-decoration: none !important;
}

.dreamly-front-analysis {
	width: 100% !important;
	max-width: 500px !important;
	margin: 0 0 0 auto !important;
	text-align: left;
}

.dreamly-front-analysis__label {
	display: block;
	margin: 0 0 18px;
	color: #fff;
	font: 700 clamp(28px, 3vw, 38px) / 1.08 GilroyBold, GilroyDisplay, Gilroy, sans-serif;
	letter-spacing: -0.04em;
}

body.dreamly-front-page .dreamly-front-analysis .textareaDream {
	display: block;
	width: 100% !important;
	max-width: none !important;
	min-height: 186px;
	margin: 0 0 14px !important;
	padding: 22px !important;
	border: 0 !important;
	border-radius: 18px !important;
	outline: 0;
	color: #fff !important;
	background: rgb(255 255 255 / 8%) !important;
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 8%);
	font: 500 17px/1.5 Gilroy, sans-serif !important;
	resize: vertical;
}

body.dreamly-front-page .dreamly-front-analysis .textareaDream::placeholder {
	color: rgb(255 255 255 / 46%) !important;
}

body.dreamly-front-page .dreamly-front-analysis .textareaDream:focus {
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 20%), 0 0 0 4px rgb(138 104 242 / 20%);
}

body.dreamly-front-page .dreamly-front-analysis .analyze-btn {
	display: inline-flex !important;
	width: auto !important;
	max-width: none !important;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 999px !important;
	color: #fff !important;
	background: #895cf5 !important;
	box-shadow: none !important;
	font: 700 16px/1 Gilroy, sans-serif !important;
}

body.dreamly-front-page .dreamly-front-analysis .analyze-btn:hover {
	background: #9a73fa !important;
}

body.dreamly-front-page .dreamly-front-legacy-visual {
	display: none !important;
}

@media (max-width: 900px) {
	body.dreamly-front-page .sectionIntro {
		padding-top: 126px !important;
	}

	.dreamly-front-hero__grid {
		grid-template-columns: 1fr;
		gap: 56px;
		min-height: 0;
	}

	.dreamly-front-analysis {
		max-width: 620px !important;
		margin: 0 !important;
	}
}

/* Retired personalized acquisition block. This fallback also covers pages that
 * are temporarily served from an older HTML cache after the PHP update. */
.dreamly-personalized-app-cta,
[data-dreamly-personalized-app-cta] {
	display: none !important;
}

@media (max-width: 620px) {
	body.dreamly-front-page .sectionIntro {
		padding-top: 108px !important;
	}

	body.dreamly-front-page .dreamly-front-hero {
		padding-bottom: 76px !important;
	}

	.dreamly-front-hero__copy h1 {
		font-size: clamp(48px, 14vw, 68px) !important;
	}

	.dreamly-front-hero__copy > p:not(.dreamly-front-hero__eyebrow) {
		font-size: 18px !important;
	}

	.dreamly-front-analysis__label {
		font-size: 31px;
	}

	body.dreamly-front-page .dreamly-front-analysis .textareaDream {
		min-height: 160px;
	}
}

.dreamly-symbol-hub-page #page,
.dreamly-symbol-detail-page #page,
.dreamly-symbol-hub-page #main,
.dreamly-symbol-detail-page #main,
.dreamly-symbol-hub-page #primary,
.dreamly-symbol-detail-page #primary,
.dreamly-symbol-hub-page article,
.dreamly-symbol-detail-page article {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    background: transparent;
}

.dreamly-symbol-hub-page #secondary,
.dreamly-symbol-detail-page #secondary,
.dreamly-symbol-hub-page .entry-meta,
.dreamly-symbol-detail-page .entry-meta {
    display: none;
}

.dreamly-symbol-hub-page .site-content,
.dreamly-symbol-detail-page .site-content {
    float: none;
    width: min(1160px, calc(100% - 40px));
    max-width: none !important;
    margin: 0 auto;
    padding: 0 0 112px;
}

/* The legacy theme fixes #primary to a narrow editorial column. The new
 * full-bleed heroes must be calculated from a viewport-centered container. */
/* Front page: a full-bleed visual fades into the navy background, while the
 * dream form is deliberately kept in a focused modal. */
body.dreamly-front-page .dreamly-front-hero {
	position: relative;
	isolation: isolate;
	min-height: 680px;
	overflow: hidden;
}

body.dreamly-front-page .dreamly-front-hero::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	width: 74vw;
	background: url("../medias/img/gallery/dreamly-front-hero-meteor-shower-v4-soft-terrain.png") right center / cover no-repeat;
	pointer-events: none;
}

@media (min-width: 901px) {
	body.dreamly-front-page .dreamly-front-hero::before {
		/* Shared desktop cover framing: image lives in the right side. */
		background-position: 100% center;
		background-size: auto 125%;
	}
}

body.dreamly-front-page .dreamly-front-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(90deg, #0d1534 0%, #0d1534 32%, rgb(13 21 52 / 96%) 42%, rgb(13 21 52 / 0%) 69%),
		linear-gradient(180deg, transparent 44%, rgb(13 21 52 / 42%) 70%, #0d1534 100%);
	pointer-events: none;
}

body.dreamly-front-page .dreamly-front-hero .dreamly-front-hero__grid {
	display: block;
	min-height: 510px;
}

/* Match the hero copy to the exact same left-hand grid as the shared header.
 * Legacy front-page .container rules otherwise re-centre this block at 800px. */
body.dreamly-front-page .dreamly-front-hero > .container {
	width: min(1160px, calc(100% - 40px)) !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

body.dreamly-front-page .dreamly-front-hero .dreamly-front-hero__copy {
	position: relative;
	z-index: 1;
	width: min(100%, 640px);
	margin-right: auto !important;
	margin-left: 0 !important;
	padding: 66px 0 86px;
	text-align: left !important;
}

body.dreamly-front-page .dreamly-front-hero .dreamly-front-download-cta {
	display: inline-flex !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding: 2px 22px !important;
	color: #111 !important;
	text-align: left !important;
}

.dreamly-analysis-modal[hidden] {
	display: none !important;
}

.dreamly-analysis-modal {
	position: fixed;
	inset: 0;
	z-index: 10020;
	display: grid;
	place-items: center;
	padding: 24px;
	background: #081122;
	backdrop-filter: none;
}

.dreamly-analysis-modal__dialog {
	position: relative;
	width: min(100%, 580px);
	max-height: min(860px, calc(100vh - 48px));
	overflow-x: hidden;
	overflow-y: auto;
	padding: clamp(28px, 4vw, 48px);
	border-radius: 28px;
	color: #fff;
	background: #151e42;
	box-shadow: 0 28px 90px rgb(0 0 0 / 45%);
}

.dreamly-analysis-modal__panel[hidden],
.dreamly-analysis-modal__error[hidden] {
	display: none !important;
}

.dreamly-analysis-modal__panel {
	width: 100%;
	text-align: left;
}

.dreamly-analysis-modal__close {
	position: absolute;
	top: 18px;
	right: 18px;
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	padding: 0;
	border: 0;
	color: #fff;
	background: transparent;
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
}

.dreamly-analysis-modal__dialog h2 {
	margin: 0 44px 12px 0;
	color: #fff;
	font: 800 clamp(34px, 5vw, 48px) / 1 GilroyBold, GilroyDisplay, Gilroy, sans-serif;
	letter-spacing: -0.05em;
}

.dreamly-analysis-modal__dialog p {
	margin: 0 0 28px;
	color: rgb(255 255 255 / 64%);
	font: 400 17px/1.5 Gilroy, sans-serif;
}

.dreamly-analysis-modal .textareaDream {
	display: block;
	width: 100% !important;
	max-width: none !important;
	min-height: 180px;
	margin: 0 0 14px !important;
	padding: 20px !important;
	border: 0 !important;
	border-radius: 18px !important;
	outline: 0;
	color: #fff !important;
	background: rgb(255 255 255 / 8%) !important;
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 8%);
	font: 500 17px/1.5 Gilroy, sans-serif !important;
}

.dreamly-analysis-modal .textareaDream::placeholder {
	color: rgb(255 255 255 / 46%) !important;
}

.dreamly-analysis-modal .textareaDream.is-invalid {
	box-shadow: inset 0 0 0 2px #ff7c8e, 0 0 0 4px rgb(255 124 142 / 14%) !important;
}

.dreamly-analysis-modal__email {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 58px;
	margin: 0 0 14px;
	padding: 0 18px;
	border: 0;
	border-radius: 16px;
	outline: 0;
	color: #fff;
	background: rgb(255 255 255 / 8%);
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 8%);
	font: 500 17px/1 Gilroy, sans-serif;
}

.dreamly-analysis-modal__email:focus {
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 22%), 0 0 0 4px rgb(137 92 245 / 18%);
}

.dreamly-analysis-modal__error {
	margin: -2px 0 16px !important;
	color: #ff9baa !important;
	font-size: 14px !important;
}

.dreamly-analysis-modal .analyze-btn {
	display: inline-flex !important;
	width: auto !important;
	max-width: none !important;
	min-height: 50px;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0 24px !important;
	border: 0 !important;
	border-radius: 999px !important;
	color: #fff !important;
	background: #895cf5 !important;
	font: 700 16px/1 Gilroy, sans-serif !important;
}

.dreamly-analysis-modal__loader {
	min-height: 310px;
	padding: 44px 0 24px;
	text-align: left;
}

.dreamly-analysis-modal__loader h2 {
	max-width: 430px;
	margin-top: 30px;
}

.dreamly-analysis-modal__loader-gif {
	display: block;
	width: 160px;
	height: 160px;
	margin: -24px 0 2px;
	object-fit: contain;
}

.dreamly-analysis-modal__result {
	text-align: left;
}

.dreamly-analysis-modal__result h3,
.dreamly-analysis-modal__result h2 {
	color: #fff !important;
	text-align: left !important;
}

.dreamly-analysis-modal__result .dreamly-analysis-preview-text,
.dreamly-analysis-modal__result .error-message {
	color: rgb(255 255 255 / 74%) !important;
	font: 400 17px/1.65 Gilroy, sans-serif !important;
	text-align: left !important;
}

/* Never allow the superseded standalone overlays to reappear. */
body.dreamly-front-page > #myModal,
body.dreamly-front-page > #emailModal {
	display: none !important;
}

body.dreamly-front-page.dreamly-modal-open {
	overflow: hidden;
}

@media (max-width: 900px) {
	body.dreamly-front-page .dreamly-front-hero {
		min-height: 0;
	}

	body.dreamly-front-page .dreamly-front-hero::before {
		width: 100%;
		opacity: 0.56;
	}

	body.dreamly-front-page .dreamly-front-hero::after {
		background:
			linear-gradient(90deg, rgb(13 21 52 / 92%), rgb(13 21 52 / 64%)),
			linear-gradient(180deg, transparent 42%, rgb(13 21 52 / 54%) 70%, #0d1534 100%);
	}

	body.dreamly-front-page .dreamly-front-hero .dreamly-front-hero__grid {
		min-height: 500px;
	}
}

@media (max-width: 620px) {
	body.dreamly-front-page .dreamly-front-hero .dreamly-front-hero__copy {
		padding: 48px 0 62px;
	}

	.dreamly-analysis-modal {
		align-items: end;
		padding: 12px;
	}

	.dreamly-analysis-modal__dialog {
		width: 100%;
		max-height: calc(100vh - 24px);
		overflow: auto;
		padding: 30px 22px 24px;
		border-radius: 24px;
	}
}

body.dreamly-symbol-hub-page #page,
body.dreamly-symbol-detail-page #page,
body.dreamly-blog-article-page #page,
body.dreamly-symbol-hub-page #main,
body.dreamly-symbol-detail-page #main,
body.dreamly-blog-article-page #main,
body.dreamly-symbol-hub-page #primary,
body.dreamly-symbol-detail-page #primary,
body.dreamly-blog-article-page #primary {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.dreamly-symbol-hub-page #content.site-content,
body.dreamly-symbol-detail-page #content.site-content,
body.dreamly-blog-article-page #content.site-content {
	float: none !important;
	width: min(1160px, calc(100% - 40px)) !important;
	max-width: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

body.dreamly-symbol-hub-page #content.site-content > article,
body.dreamly-symbol-detail-page #content.site-content > article,
body.dreamly-blog-article-page #content.site-content > article {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.dreamly-symbol-hub-page .entry-header,
.dreamly-symbol-detail-page .entry-header {
    position: relative;
    width: 100vw;
    min-height: min(780px, 88vh);
    display: flex;
    margin: 0 0 0 calc(50% - 50vw);
    padding: 150px max(20px, calc((100vw - 1160px) / 2)) 210px;
    align-items: center;
    overflow: hidden;
    background-color: #0d1534 !important;
    box-shadow: none !important;
}

.dreamly-symbol-hub-page .entry-header {
    background:
        linear-gradient(90deg, rgb(13 21 52 / 99%) 0%, rgb(13 21 52 / 86%) 44%, rgb(13 21 52 / 22%) 100%),
        linear-gradient(0deg, #0d1534 0%, transparent 48%),
		url("../medias/img/gallery/dreamly-blog-dictionary-hero-violet-valley-v1.png") center / cover no-repeat,
        #0d1534 !important;
}

.dreamly-symbol-detail-page .entry-header {
    background:
        linear-gradient(90deg, rgb(13 21 52 / 99%) 0%, rgb(13 21 52 / 84%) 48%, rgb(13 21 52 / 24%) 100%),
        linear-gradient(0deg, #0d1534 0%, transparent 48%),
	var(--dreamly-symbol-hero-image, url("../medias/img/gallery/dreamly-article-symbol-hero-moonlit-coast-v1.png")) left center / 112% auto no-repeat,
        #0d1534 !important;
}

.dreamly-symbol-hub-page .entry-header::after,
.dreamly-symbol-detail-page .entry-header::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    background: linear-gradient(180deg, transparent, rgb(13 21 52 / 20%) 35%, rgb(13 21 52 / 88%) 78%, #0d1534);
    pointer-events: none;
}

.dreamly-symbol-hub-page .entry-title,
.dreamly-symbol-detail-page .entry-title {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 !important;
    color: #fff;
    font: 800 clamp(58px, 8vw, 106px) / 0.94 GilroyDisplay, Gilroy, sans-serif;
    letter-spacing: -0.055em;
    text-wrap: balance;
}

.dreamly-symbol-hub-page .entry-title::before,
.dreamly-symbol-detail-page .entry-title::before {
    content: "DREAMLY · DREAM DICTIONARY";
    display: block;
    margin-bottom: 22px;
    color: rgb(255 255 255 / 58%);
    font: 800 13px/1 Gilroy, sans-serif;
    letter-spacing: 0.14em;
}

@media (min-width: 901px) {
	.dreamly-symbol-detail-page .entry-header {
		isolation: isolate;
		background: #0d1534 !important;
	}

	.dreamly-symbol-detail-page .entry-header::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 0;
		width: 55%;
		background-image: var(--dreamly-symbol-hero-image, url("../medias/img/gallery/dreamly-article-symbol-hero-moonlit-coast-v1.png"));
		background-repeat: no-repeat;
		background-position: 30% center;
		background-size: cover;
	}

	.dreamly-symbol-detail-page .entry-header::after {
		top: 0;
		height: auto;
		z-index: 0;
		background:
			linear-gradient(90deg, #0d1534 0%, #0d1534 42%, rgb(13 21 52 / 100%) 46%, transparent 78%),
			linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 88%) 12%, transparent 58%);
	}
}

.dreamly-symbol-hub-page .entry-content,
.dreamly-symbol-detail-page .entry-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: none !important;
    margin: -210px 0 0;
    padding: 0;
    color: var(--dreamly-q-copy);
    background: transparent !important;
    box-shadow: none !important;
}

.dreamly-symbol-hub-page .dream-symbols-index {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.dream-symbols-index__intro {
    max-width: 680px;
    margin: 0;
    padding: 0;
}

.dream-symbols-index__eyebrow {
    display: none;
}

.dream-symbols-index__lead {
    max-width: 640px;
    margin: 0 !important;
    color: rgb(255 255 255 / 72%);
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.55;
}

.dream-symbols-search {
    width: min(100%, 640px);
    min-height: 60px;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 32px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    color: #1a1a1d;
    background: #fff;
}

.dream-symbols-search:focus-within {
    box-shadow: 0 0 0 4px rgb(138 104 242 / 28%);
}

.dream-symbols-search > span:not(.screen-reader-text) {
    color: var(--dreamly-q-purple);
    font-size: 25px;
}

.dream-symbols-search input {
    width: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    color: #17171a;
    background: transparent;
    font: 600 16px/1.4 Gilroy, sans-serif;
}

.dream-symbols-search input::placeholder {
    color: #777981;
}

.dream-symbols-popular {
    display: grid;
    grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);
    gap: 70px;
    margin-top: 245px;
    padding: 58px 48px;
    border-radius: 30px;
    background: linear-gradient(135deg, #182247, #111a3d);
}

.dream-symbols-section-heading {
    margin: 0 0 48px;
}

.dream-symbols-popular .dream-symbols-section-heading {
    margin: 0;
}

.dream-symbols-section-heading h2 {
    max-width: 12ch;
    margin: 0 !important;
    color: #fff;
    font: 600 clamp(42px, 6vw, 76px) / 0.98 Gilroy, sans-serif;
    letter-spacing: -0.05em;
}

.dream-symbols-section-heading > span {
    display: block;
    margin-top: 16px;
    color: var(--dreamly-q-soft);
    font-size: 15px;
}

.dreamly-symbol-hub-page .dream-symbols-popular ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 44px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dreamly-symbol-hub-page .dream-symbols-popular li {
    margin: 0;
}

.dreamly-symbol-hub-page .dream-symbols-popular a {
    min-height: 62px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: transparent !important;
    text-decoration: none !important;
    transform: none !important;
}

.dream-symbols-popular__mark,
.dream-symbols-popular i {
    display: none;
}

.dream-symbols-popular strong,
.dream-symbols-popular small {
    display: block;
}

.dream-symbols-popular strong {
    font-size: 20px;
    font-weight: 600;
}

.dream-symbols-popular small {
    margin-top: 6px;
    color: var(--dreamly-q-soft);
    font-size: 13px;
}

.dream-symbols-directory {
    margin-top: 120px;
}

.dream-symbols-alphabet {
    max-width: 760px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 78px;
    padding: 0;
}

.dreamly-symbol-hub-page .dream-symbols-alphabet a,
.dream-symbols-alphabet span {
    width: 44px;
    height: 44px;
    display: grid !important;
    place-items: center;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: var(--dreamly-q-surface) !important;
    font: 600 13px/1 Gilroy, sans-serif;
    text-decoration: none !important;
}

.dreamly-symbol-hub-page .dream-symbols-alphabet a:hover,
.dreamly-symbol-hub-page .dream-symbols-alphabet a:focus {
    color: #111 !important;
    background: #fff !important;
}

.dream-symbols-alphabet span {
    color: #565860 !important;
    background: rgb(255 255 255 / 4%) !important;
}

.dream-symbols-groups {
    display: block;
}

.dream-symbols-letter {
    margin-bottom: 72px;
    background: transparent !important;
    box-shadow: none !important;
    scroll-margin-top: 120px;
}

.dream-symbols-letter > header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 22px;
    padding: 0;
    background: transparent;
}

.dream-symbols-letter > header strong {
    color: #fff;
    font: 600 clamp(42px, 5vw, 64px) / 1 Gilroy, sans-serif;
    letter-spacing: -0.05em;
}

.dream-symbols-letter > header span {
    color: var(--dreamly-q-soft);
    font-size: 14px;
}

.dreamly-symbol-hub-page .dream-symbols-letter ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dreamly-symbol-hub-page .dream-symbols-letter li {
    margin: 0;
}

.dreamly-symbol-hub-page .dream-symbols-letter a {
    min-height: 76px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px !important;
    border: 0 !important;
    border-radius: 18px !important;
    color: #fff !important;
    background: var(--dreamly-q-surface) !important;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none !important;
    transform: none !important;
    transition: background-color 180ms ease, transform 180ms ease !important;
}

.dreamly-symbol-hub-page .dream-symbols-letter a:hover,
.dreamly-symbol-hub-page .dream-symbols-letter a:focus {
    background: var(--dreamly-q-surface-hover) !important;
    transform: translateY(-2px) !important;
}

.dream-symbols-letter i {
    color: rgb(255 255 255 / 38%);
    font-style: normal;
    font-size: 18px;
}

.dream-symbols-empty {
    margin: 36px 0;
    padding: 30px;
    border-radius: 18px;
    color: var(--dreamly-q-soft);
    background: var(--dreamly-q-surface);
}

.dream-symbols-guide-content {
    max-width: 820px;
    margin-top: 112px;
    padding: 0;
    color: var(--dreamly-q-soft);
    background: transparent !important;
}

.dream-symbols-guide-content h2,
.dream-symbols-guide-content h3 {
    color: #fff;
}

.dreamly-symbol-detail-page .entry-header {
    min-height: min(920px, 100svh);
	padding-top: 140px;
    padding-bottom: 300px;
	align-items: flex-start;
}

.dreamly-symbol-detail-page .entry-title {
    max-width: 13ch;
    font-size: clamp(50px, 6.8vw, 90px) !important;
    line-height: 0.97 !important;
}

.dreamly-symbol-detail-page .entry-content {
    width: min(920px, 100%);
    margin-top: -250px;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.dreamly-symbol-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 36px;
    color: rgb(255 255 255 / 42%);
    font-size: 13px;
}

.dreamly-symbol-breadcrumb a {
    color: rgb(255 255 255 / 64%);
    text-decoration: none;
}

.dreamly-symbol-detail-page .dream-symbol-ai-answer {
    margin: 0 0 245px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dreamly-symbol-detail-page .dream-symbol-ai-answer h2 {
    margin: 0 0 16px;
    color: #fff;
    font: 600 clamp(30px, 4vw, 46px) / 1.05 Gilroy, sans-serif;
    letter-spacing: -0.04em;
}

.dreamly-symbol-detail-page .dream-symbol-ai-answer p,
.dreamly-symbol-detail-page .dream-symbol-ai-answer li {
    color: rgb(255 255 255 / 74%);
    font-size: clamp(18px, 2vw, 22px);
    line-height: 1.65;
}

.dreamly-symbol-detail-page .entry-content > h2 {
    max-width: 16ch;
    margin: 92px 0 24px;
    padding: 0;
    color: #fff;
    font: 600 clamp(40px, 5.5vw, 68px) / 1 Gilroy, sans-serif;
    letter-spacing: -0.05em;
}

.dreamly-symbol-detail-page .entry-content > h2::before {
    display: none;
}

.dreamly-symbol-detail-page .entry-content > h3 {
    margin: 34px 0 12px;
    color: #fff;
    font: 600 24px/1.25 Gilroy, sans-serif;
}

.dreamly-symbol-detail-page .entry-content > p,
.dreamly-symbol-detail-page .entry-content > ul,
.dreamly-symbol-detail-page .entry-content > ol {
    max-width: 780px;
    color: var(--dreamly-q-copy);
    font-size: 19px;
    line-height: 1.72;
}

.dreamly-symbol-detail-page .entry-content > ul,
.dreamly-symbol-detail-page .entry-content > ol {
    margin-left: 0;
    padding-left: 0 !important;
    list-style-position: inside;
}

.dreamly-symbol-detail-page .dream-symbol-ai-answer ul,
.dreamly-symbol-detail-page .dream-symbol-personal-cta ul,
.dreamly-symbol-detail-page .dreamly-symbol-source-pack ul {
    margin-left: 0;
    padding-left: 0 !important;
    list-style-position: inside;
}

.dreamly-symbol-detail-page .entry-content li {
    margin-bottom: 10px;
}

.dreamly-symbol-detail-page .dream-symbol-personal-cta,
.dreamly-symbol-detail-page .dreamly-symbol-source-pack {
    margin: 112px 0 0;
    padding: 58px !important;
    border: 0 !important;
    border-radius: 30px !important;
    background: var(--dreamly-q-surface) !important;
    box-shadow: none !important;
}

.dreamly-symbol-detail-page .dream-symbol-personal-cta h2,
.dreamly-symbol-detail-page .dream-symbol-personal-cta h3,
.dreamly-symbol-detail-page .dreamly-symbol-source-pack h2 {
    max-width: 18ch;
    margin: 0 0 16px;
    color: #fff !important;
    font: 600 clamp(34px, 4.5vw, 54px) / 1 Gilroy, sans-serif;
    letter-spacing: -0.045em;
}

.dreamly-symbol-detail-page .dream-symbol-personal-cta p,
.dreamly-symbol-detail-page .dreamly-symbol-source-pack p {
    max-width: 650px;
    color: var(--dreamly-q-soft);
    font-size: 18px;
    line-height: 1.65;
}

.dreamly-symbol-detail-page .dream-symbol-personal-cta p:last-child {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    margin-top: 14px;
    padding: 0 24px;
    border-radius: 999px;
    color: #111 !important;
    background: #fff;
    font-weight: 700;
}

.dreamly-symbol-detail-page .dreamly-symbol-source-links {
    font-size: 14px;
}

.dreamly-symbol-detail-page .dreamly-symbol-source-links a {
    color: #fff;
}

.dreamly-symbol-detail-page .dreamly-download-cta {
    margin-top: 80px;
    padding: 0;
    background: transparent !important;
    box-shadow: none !important;
}

body.dreamly-symbol-detail-page .dreamly-download-cta .btn-qrcode {
	display: block !important;
	width: 100% !important;
	max-width: 800px !important;
	margin: 0 !important;
	padding: 38px 40px !important;
	border: 0 !important;
	border-radius: 28px !important;
	background: #8b62ff !important;
	box-shadow: none !important;
	color: #fff !important;
	text-align: left !important;
	text-decoration: none !important;
}

body.dreamly-symbol-detail-page .dreamly-download-cta .title-qrcode,
body.dreamly-symbol-detail-page .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
	display: block !important;
	min-height: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #fff !important;
	text-align: left !important;
}

body.dreamly-symbol-detail-page .dreamly-download-cta .title-qrcode {
	margin: 0 0 8px !important;
	font: 700 32px/1.08 GilroyDisplay, Gilroy, sans-serif !important;
}

body.dreamly-symbol-detail-page .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
	margin: 0 0 24px !important;
	font: 500 18px/1.5 Gilroy, sans-serif !important;
}

body.dreamly-symbol-detail-page .dreamly-download-cta .text-qrcode-mobile {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 52px !important;
	margin: 0 !important;
	padding: 0 25px !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #7651df !important;
	font: 700 16px/1 Gilroy, sans-serif !important;
}

@media (min-width: 901px) {
	body.dreamly-symbol-hub-page .dreamly-download-cta .btn-qrcode,
	body.dreamly-symbol-detail-page .dreamly-download-cta .btn-qrcode,
	body.dreamly-blog-article-page .dreamly-download-cta .btn-qrcode {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		transform: none !important;
	}
}

.dreamly-symbol-hub-page .site-footer,
.dreamly-symbol-detail-page .site-footer {
    margin-top: 0;
    padding: 44px 20px;
    color: var(--dreamly-q-soft);
    background: #111a3d;
}

.dreamly-symbol-hub-page .site-footer a,
.dreamly-symbol-detail-page .site-footer a {
    color: #fff;
}

@media (max-width: 900px) {
	body.dreamly-symbol-detail-page .dreamly-download-cta .btn-qrcode {
		max-width: none !important;
		padding: 26px 20px 24px !important;
		border-radius: 0 !important;
		text-align: center !important;
	}

	body.dreamly-symbol-detail-page .dreamly-download-cta .title-qrcode,
	body.dreamly-symbol-detail-page .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
		text-align: center !important;
	}

    .dreamly-symbol-site-header__inner {
        min-height: 86px;
    }

    .dreamly-symbol-site-header nav a:not(.is-active) {
        display: none;
    }

    .dreamly-symbol-hub-page .entry-header,
    .dreamly-symbol-detail-page .entry-header {
        min-height: 720px;
        padding-top: 130px;
    }

    .dreamly-symbol-hub-page .entry-header {
        background:
            linear-gradient(90deg, rgb(13 21 52 / 99%) 0%, rgb(13 21 52 / 88%) 60%, rgb(13 21 52 / 38%) 100%),
            linear-gradient(0deg, #0d1534 0%, transparent 46%),
			url("../medias/img/gallery/dreamly-blog-dictionary-hero-violet-valley-v1.png") center / cover no-repeat,
            #0d1534 !important;
    }

    .dreamly-symbol-detail-page .entry-header {
        background:
            linear-gradient(90deg, rgb(13 21 52 / 99%) 0%, rgb(13 21 52 / 88%) 60%, rgb(13 21 52 / 38%) 100%),
            linear-gradient(0deg, #0d1534 0%, transparent 46%),
			var(--dreamly-symbol-hero-image, url("../medias/img/gallery/dreamly-article-symbol-hero-moonlit-coast-v1.png")) 55% center / cover no-repeat,
            #0d1534 !important;
    }

    .dreamly-symbol-hub-page .entry-content,
    .dreamly-symbol-detail-page .entry-content {
        margin-top: -190px;
    }

    .dream-symbols-popular {
        grid-template-columns: 1fr;
        gap: 38px;
        margin-top: 220px;
    }

    .dreamly-symbol-detail-page .dream-symbol-ai-answer {
        margin-bottom: 210px;
    }
}

@media (max-width: 620px) {
	.dreamly-symbol-site-header::before {
		height: 170px;
	}

	.dreamly-symbol-wordmark img {
		width: 112px;
	}

    .dreamly-symbol-site-header__inner,
    .dreamly-symbol-hub-page .site-content,
    .dreamly-symbol-detail-page .site-content {
        width: calc(100% - 30px);
    }

    .dreamly-symbol-site-header nav .is-active {
        display: none;
    }

    .dreamly-symbol-nav-cta {
        min-height: 42px;
        margin: 0;
        padding: 0 17px;
        font-size: 13px;
    }

    .dreamly-symbol-hub-page .entry-header,
    .dreamly-symbol-detail-page .entry-header {
        min-height: 690px;
        padding: 120px 15px 210px;
    }

    .dreamly-symbol-hub-page .entry-header {
        background:
            linear-gradient(90deg, rgb(13 21 52 / 98%) 0%, rgb(13 21 52 / 72%) 100%),
            linear-gradient(0deg, #0d1534 0%, transparent 48%),
			url("../medias/img/gallery/dreamly-blog-dictionary-hero-violet-valley-v1.png") center / cover no-repeat,
            #0d1534 !important;
    }

    .dreamly-symbol-detail-page .entry-header {
        background:
            linear-gradient(90deg, rgb(13 21 52 / 98%) 0%, rgb(13 21 52 / 72%) 100%),
            linear-gradient(0deg, #0d1534 0%, transparent 48%),
			var(--dreamly-symbol-hero-image, url("../medias/img/gallery/dreamly-article-symbol-hero-moonlit-coast-v1.png")) 50% center / cover no-repeat,
            #0d1534 !important;
    }

    .dreamly-symbol-hub-page .entry-title,
    .dreamly-symbol-detail-page .entry-title {
        font-size: clamp(48px, 15vw, 68px) !important;
    }

    .dreamly-symbol-hub-page .entry-content,
    .dreamly-symbol-detail-page .entry-content {
        margin-top: -190px;
    }

    .dream-symbols-search {
        min-height: 56px;
    }

    .dream-symbols-popular {
        margin-top: 210px;
        padding: 34px 26px;
        border-radius: 24px;
    }

    .dreamly-symbol-hub-page .dream-symbols-popular ul,
    .dreamly-symbol-hub-page .dream-symbols-letter ul {
        grid-template-columns: 1fr;
    }

    .dream-symbols-directory {
        margin-top: 92px;
    }

    .dream-symbols-section-heading h2 {
        font-size: 44px;
    }

    .dream-symbols-alphabet {
        gap: 6px;
        margin-bottom: 62px;
    }

    .dreamly-symbol-hub-page .dream-symbols-alphabet a,
    .dream-symbols-alphabet span {
        width: 38px;
        height: 38px;
    }

    .dreamly-symbol-hub-page .dream-symbols-letter a {
        min-height: 68px;
        padding: 17px 19px !important;
    }

    .dreamly-symbol-detail-page .entry-header {
        padding-bottom: 250px;
    }

    .dreamly-symbol-detail-page .dream-symbol-ai-answer {
        margin-bottom: 180px;
    }

    .dreamly-symbol-detail-page .entry-content > h2 {
        margin-top: 72px;
        font-size: 42px;
    }

    .dreamly-symbol-detail-page .entry-content > p,
    .dreamly-symbol-detail-page .entry-content > ul,
    .dreamly-symbol-detail-page .entry-content > ol {
        font-size: 18px;
    }

    .dreamly-symbol-detail-page .dream-symbol-personal-cta,
    .dreamly-symbol-detail-page .dreamly-symbol-source-pack {
        margin-top: 82px;
        padding: 34px 26px !important;
        border-radius: 24px !important;
	}
}

/* Keep symbol-detail heroes compact below the desktop breakpoint. The ID in
 * these selectors intentionally outranks the legacy inline funnel spacing. */
@media (min-width: 621px) and (max-width: 900px) {
	html body.dreamly-symbol-detail-page #page article > .entry-header {
		padding-top: 110px !important;
	}
}

@media (max-width: 620px) {
	html body.dreamly-symbol-detail-page #page article > .entry-header {
		padding-top: 80px !important;
	}
}

/* Let editorial covers extend behind the responsive navigation instead of
 * starting below the header's 86px layout box. */
@media (max-width: 900px) {
	html body.dreamly-blog-article-page .dreamly-symbol-site-header {
		position: absolute !important;
		top: 0 !important;
		right: 0 !important;
		left: 0 !important;
	}
}

/* Single blog articles share the approved Dreamly symbol-page direction. */
body.dreamly-blog-article-page {
	margin: 0;
	color: var(--dreamly-q-copy);
	background: var(--dreamly-q-dark) !important;
	font-family: Gilroy, Inter, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	hyphens: none;
	overflow-x: hidden;
}

.dreamly-blog-article-page * {
	box-sizing: border-box;
}

.dreamly-blog-article-page #page,
.dreamly-blog-article-page #primary,
.dreamly-blog-article-page #content,
.dreamly-blog-article-page article {
	float: none;
	width: 100%;
	max-width: none;
	margin: 0;
	background: transparent !important;
}

.dreamly-blog-article-page #page {
	padding: 0;
}

.dreamly-blog-article-page #masthead,
.dreamly-blog-article-page #secondary,
.dreamly-blog-article-page .post-author-bottom,
.dreamly-blog-article-page article > footer.entry-meta {
	display: none !important;
}

.dreamly-blog-article-page #content.site-content {
	width: min(1160px, calc(100% - 40px));
	max-width: none !important;
	margin: 0 auto;
	padding: 0 0 112px;
}

.dreamly-blog-article-page article > .entry-header {
	position: relative;
	isolation: isolate;
	width: 100vw;
	min-height: min(780px, 88vh);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin: 0 0 0 calc(50% - 50vw);
	padding: 150px max(20px, calc((100vw - 1160px) / 2)) 210px;
	overflow: hidden;
	background: #0d1534 !important;
	box-shadow: none !important;
}

.dreamly-blog-article-page article > .entry-header::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 55%;
	background-image: var(--dreamly-blog-hero-image, url("../medias/img/gallery/dreamly-front-hero-meteor-shower-v4-soft-terrain.png"));
	background-repeat: no-repeat;
	background-position: 40% center;
	background-size: cover;
}

.dreamly-blog-article-page article > .entry-header::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		linear-gradient(90deg, #0d1534 0%, #0d1534 42%, rgb(13 21 52 / 100%) 46%, transparent 78%),
		linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 88%) 12%, transparent 58%);
	pointer-events: none;
}

.dreamly-blog-article-page article > .entry-header .entry-title {
	position: relative;
	z-index: 1;
	max-width: 790px;
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
	font: 800 clamp(54px, 6.6vw, 94px) / 0.96 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -0.052em;
	text-align: left;
	text-wrap: balance;
}

.dreamly-blog-article-page article > .entry-header .entry-title::before {
	content: "DREAMLY · BLOG";
	display: block;
	margin-bottom: 22px;
	color: rgb(255 255 255 / 58%);
	font: 800 13px/1 Gilroy, sans-serif;
	letter-spacing: 0.14em;
}

.dreamly-blog-article-page article > .entry-header .entry-title-meta {
	position: relative;
	z-index: 1;
	display: flex !important;
	flex-wrap: wrap;
	gap: 7px;
	max-width: 720px;
	margin: 30px 0 0 !important;
	color: rgb(255 255 255 / 62%) !important;
	font: 500 14px/1.5 Gilroy, sans-serif !important;
	text-align: left;
}

.dreamly-blog-article-page article > .entry-header .entry-title-meta a {
	color: rgb(255 255 255 / 78%) !important;
	text-decoration: none;
}

.dreamly-blog-article-page article > .entry-header .author-avatar,
.dreamly-blog-article-page article > .entry-header img {
	display: none !important;
}

.dreamly-blog-article-page article > .entry-content {
	position: relative;
	z-index: 2;
	width: min(780px, 100%);
	max-width: 780px !important;
	margin: -118px 0 0 !important;
	padding: 0 0 40px !important;
	color: var(--dreamly-q-copy) !important;
	background: transparent !important;
	box-shadow: none !important;
	font: 400 19px/1.75 Gilroy, sans-serif;
	text-align: left;
}

.dreamly-blog-article-page article > .entry-content > p,
.dreamly-blog-article-page article > .entry-content > ul,
.dreamly-blog-article-page article > .entry-content > ol,
.dreamly-blog-article-page article > .entry-content > blockquote {
	margin-left: 0;
	color: var(--dreamly-q-copy) !important;
	font-size: 19px;
	line-height: 1.75;
	text-align: left;
}

.dreamly-blog-article-page article > .entry-content > ul,
.dreamly-blog-article-page article > .entry-content > ol {
	padding-left: 0 !important;
	list-style-position: inside;
}

.dreamly-blog-article-page article > .entry-content li {
	margin-bottom: 10px;
}

.dreamly-blog-article-page article > .entry-content h2 {
	margin: 86px 0 24px;
	color: #fff !important;
	font: 700 clamp(38px, 4.5vw, 58px) / 1.04 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -0.038em;
	text-align: left;
}

.dreamly-blog-article-page article > .entry-content h3 {
	margin: 42px 0 16px;
	color: #fff !important;
	font: 700 30px/1.15 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -0.025em;
	text-align: left;
}

.dreamly-blog-article-page article > .entry-content a {
	color: #b7a5ff;
	text-underline-offset: 3px;
}

.dreamly-blog-article-page article > .entry-content img:not(.wp-smiley) {
	display: block;
	width: 100%;
	height: auto;
	margin: 48px 0;
	border: 0;
	border-radius: 26px;
}

.dreamly-blog-article-page article > .entry-content blockquote {
	padding: 0;
	border: 0;
	background-color: rgb(255 255 255 / 5%) !important;
	color: #fff !important;
	font-size: 27px;
	line-height: 1.45;
}

body.dreamly-blog-article-page .dreamly-download-cta {
	width: 100% !important;
	max-width: 780px !important;
	margin: 82px 0 0 !important;
	padding: 0 !important;
}

body.dreamly-blog-article-page .dreamly-download-cta .btn-qrcode {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 38px 40px !important;
	border: 0 !important;
	border-radius: 28px !important;
	background: #8b62ff !important;
	box-shadow: none !important;
	color: #fff !important;
	text-align: left !important;
	text-decoration: none !important;
}

body.dreamly-blog-article-page .dreamly-download-cta .title-qrcode,
body.dreamly-blog-article-page .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
	display: block !important;
	color: #fff !important;
	text-align: left !important;
}

body.dreamly-blog-article-page .dreamly-download-cta .title-qrcode {
	margin: 0 0 8px !important;
	font: 700 32px/1.08 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -0.025em !important;
}

body.dreamly-blog-article-page .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
	max-width: 590px !important;
	margin: 0 0 24px !important;
	font: 500 18px/1.5 Gilroy, sans-serif !important;
}

body.dreamly-blog-article-page .dreamly-download-cta .text-qrcode-mobile {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 52px !important;
	padding: 0 25px !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #7651df !important;
	font: 700 16px/1 Gilroy, sans-serif !important;
}

body.dreamly-blog-article-page .dreamly-download-cta .text-qrcode-mobile::after {
	content: "→";
	margin-left: 8px;
}

.dreamly-blog-article-page .previous-posts-section {
	width: 100%;
	margin: 110px 0 0 !important;
	padding: 0;
}

.dreamly-blog-article-page .previous-posts-section > h2 {
	margin-bottom: 34px;
	color: #fff !important;
	font: 700 44px/1.05 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -0.035em;
}

.dreamly-blog-article-page .previous-posts .post > a:first-child,
.dreamly-blog-article-page .previous-posts .previous-posts-image-link {
	border-radius: 24px;
	background: #111a3d !important;
}

.dreamly-blog-article-page .previous-posts .post h2 {
	margin: 18px 0 0;
	font-size: 24px !important;
	line-height: 1.18 !important;
}

.dreamly-blog-article-page .previous-posts .post h2 a {
	color: #fff !important;
	text-decoration: none;
}

.dreamly-blog-article-page .site-footer {
	box-sizing: border-box;
	clear: both;
	float: none !important;
	width: 100%;
	max-width: 800px;
	margin: 90px auto 0 !important;
	color: var(--dreamly-q-soft);
	background: #111a3d;
	text-align: center;
}

/* Use the theme's canonical Gilroy family names. They are loaded globally
 * from absolute theme URLs and are not rewritten by the CSS minifier. */
body.dreamly-blog-article-page article > .entry-header .entry-title,
body.dreamly-blog-article-page article > .entry-content h2,
body.dreamly-blog-article-page article > .entry-content h3,
body.dreamly-blog-article-page .dreamly-download-cta .title-qrcode,
body.dreamly-blog-article-page .previous-posts-section > h2,
body.dreamly-blog-article-page .previous-posts .post h2 {
	font-family: GilroyBold, GilroyDisplay, Gilroy, sans-serif !important;
}

body.dreamly-blog-article-page .dreamly-personalized-app-cta,
body.dreamly-blog-article-page .dreamly-article-trust {
	width: 100%;
	max-width: 780px;
	margin: 104px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left !important;
}

body.dreamly-blog-article-page .dreamly-personalized-app-cta__eyebrow {
	margin: 0 0 18px !important;
	color: #a992ff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
}

body.dreamly-blog-article-page .dreamly-personalized-app-cta__title {
	margin: 0 0 20px !important;
	color: #fff !important;
	font: 700 clamp(38px, 4.5vw, 56px) / 1.04 GilroyBold, GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -.035em !important;
	text-align: left !important;
}

body.dreamly-blog-article-page .dreamly-personalized-app-cta__body {
	max-width: 700px !important;
	margin: 0 0 28px !important;
	color: rgb(218 219 225 / 76%) !important;
	font-size: 19px !important;
	line-height: 1.65 !important;
	text-align: left !important;
}

body.dreamly-blog-article-page .dreamly-personalized-app-cta__button,
body.dreamly-blog-article-page .dreamly-personalized-app-cta__store-link {
	display: inline-flex !important;
	min-height: 52px !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 26px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: #8b62ff !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

body.dreamly-blog-article-page .dreamly-article-trust {
	margin-top: 118px !important;
	color: rgb(218 219 225 / 68%) !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
}

body.dreamly-blog-article-page .dreamly-article-trust p {
	margin: 8px 0 !important;
	color: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
}

body.dreamly-blog-article-page .dreamly-article-trust .dreamly-article-trust__title,
body.dreamly-blog-article-page .dreamly-article-trust > p:first-child {
	margin: 0 0 16px !important;
	color: #fff !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
}

body.dreamly-blog-article-page .dreamly-article-trust a {
	color: #b7a5ff !important;
	text-decoration-color: rgb(183 165 255 / 62%) !important;
}

@media (max-width: 900px) {
	body.dreamly-blog-article-page.dreamly-has-qrcode-cta {
		padding-bottom: 0 !important;
	}

	body.dreamly-blog-article-page .dreamly-download-cta {
		margin: 82px 0 0 !important;
		max-width: 780px !important;
	}

	body.dreamly-blog-article-page .dreamly-download-cta .btn-qrcode {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		z-index: auto !important;
		transform: none !important;
	}

	body.dreamly-blog-article-page .dreamly-download-cta .btn-qrcode {
		padding: 26px 20px 24px !important;
		border-radius: 0 !important;
		text-align: center !important;
	}

	body.dreamly-blog-article-page .dreamly-download-cta .title-qrcode,
	body.dreamly-blog-article-page .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
		max-width: none !important;
		text-align: center !important;
	}

	.dreamly-blog-article-page article > .entry-header {
		min-height: 720px;
		padding-top: 130px;
	}

	.dreamly-blog-article-page article > .entry-header::before {
		width: 68%;
		background-position: 50% center;
	}

	.dreamly-blog-article-page article > .entry-header::after {
		background:
			linear-gradient(90deg, #0d1534 0%, rgb(13 21 52 / 96%) 45%, rgb(13 21 52 / 42%) 100%),
			linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 88%) 15%, transparent 62%);
	}

	.dreamly-blog-article-page article > .entry-content {
		margin-top: -100px !important;
	}
}

@media (max-width: 620px) {
	.dreamly-blog-article-page #content.site-content {
		width: calc(100% - 30px);
	}

	.dreamly-blog-article-page article > .entry-header {
		min-height: 690px;
		padding: 120px 15px 210px;
	}

	.dreamly-blog-article-page article > .entry-header::before {
		width: 100%;
		background-position: 50% center;
	}

	.dreamly-blog-article-page article > .entry-header::after {
		background:
			linear-gradient(90deg, rgb(13 21 52 / 97%) 0%, rgb(13 21 52 / 68%) 100%),
			linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 90%) 18%, transparent 68%);
	}

	.dreamly-blog-article-page article > .entry-header .entry-title {
		font-size: clamp(46px, 14vw, 66px) !important;
	}

	.dreamly-blog-article-page article > .entry-content {
		margin-top: -100px !important;
		font-size: 18px;
	}

	.dreamly-blog-article-page article > .entry-content h2 {
		margin-top: 68px;
		font-size: 40px !important;
	}
}

/* Editorial articles index: same Dreamly direction, with imagery reserved for cards. */
body.dreamly-blog-index-page {
	margin: 0;
	color: var(--dreamly-q-copy);
	background: var(--dreamly-q-dark) !important;
	font-family: Gilroy, Inter, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	hyphens: none;
	overflow-x: hidden;
}

.dreamly-blog-index-page * {
	box-sizing: border-box;
}

body.dreamly-blog-index-page #page,
body.dreamly-blog-index-page #main,
body.dreamly-blog-index-page #primary,
body.dreamly-blog-index-page #content {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-right: 0;
	padding-left: 0;
	background: transparent !important;
}

.dreamly-blog-index-page #masthead,
.dreamly-blog-index-page #secondary {
	display: none !important;
}

.dreamly-blog-index-page #content.site-content {
	padding-bottom: 120px;
}

@media (max-width: 1200px) {
	body.dreamly-unified-page #page {
		margin-top: 0 !important;
	}
}

.dreamly-blog-index-hero {
	position: relative;
	isolation: isolate;
	width: 100%;
	min-height: 700px;
	display: flex;
	align-items: center;
	overflow: hidden;
	background:
		linear-gradient(90deg, #0d1534 0%, #0d1534 32%, rgb(13 21 52 / 96%) 42%, transparent 69%),
		linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 88%) 12%, transparent 58%),
		url("../medias/img/gallery/dreamly-blog-dictionary-hero-violet-valley-v1.png") 100% center / auto 125% no-repeat,
		#0d1534;
}

.dreamly-blog-index-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(120deg, transparent 0 52%, rgb(255 255 255 / 2%) 52.1% 52.25%, transparent 52.4%),
		linear-gradient(0deg, #0d1534 0%, transparent 28%);
	pointer-events: none;
}

.dreamly-blog-index-hero__inner {
	position: relative;
	z-index: 1;
	width: min(1160px, calc(100% - 40px));
	margin: 0 auto;
	padding: 165px 0 126px;
	text-align: left;
}

.dreamly-blog-index-hero__eyebrow,
.dreamly-blog-index-feed__heading > p {
	margin: 0 0 22px;
	color: rgb(255 255 255 / 52%);
	font: 700 13px/1 Gilroy, sans-serif;
	letter-spacing: 0.15em;
	text-align: left;
}

.dreamly-blog-index-hero h1 {
	max-width: 940px;
	margin: 0;
	color: #fff;
	font: 800 clamp(68px, 8.2vw, 116px) / 0.9 GilroyDisplay, Gilroy, sans-serif;
	letter-spacing: -0.058em;
	text-align: left;
	text-wrap: balance;
}

.dreamly-blog-index-hero__intro {
	max-width: 680px;
	margin: 38px 0 0;
	color: rgb(218 219 225 / 78%);
	font: 500 21px/1.55 Gilroy, sans-serif;
	text-align: left;
}

.dreamly-blog-index-feed,
.dreamly-articles-index-discovery,
.dreamly-blog-index-page #nav-below,
body.dreamly-blog-index-page > .dreamly-download-cta,
.dreamly-blog-index-page #content > .dreamly-download-cta {
	width: min(1160px, calc(100% - 40px));
	margin-right: auto !important;
	margin-left: auto !important;
}

.dreamly-blog-index-feed {
	padding-top: 120px;
}

.dreamly-blog-index-feed__heading {
	margin-bottom: 52px;
	text-align: left;
}

.dreamly-blog-index-feed__heading h2 {
	margin: 0;
	color: #fff;
	font: 700 clamp(44px, 5.3vw, 70px) / 0.98 GilroyDisplay, Gilroy, sans-serif;
	letter-spacing: -0.045em;
	text-align: left;
}

.dreamly-blog-index-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 88px 40px;
}

.dreamly-blog-index-card {
	min-width: 0;
	display: flex;
	flex-direction: column;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left;
}

.dreamly-blog-index-card:first-child {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.95fr);
	align-items: center;
	gap: 56px;
	margin-bottom: 22px !important;
}

.dreamly-blog-index-card__media {
	position: relative;
	width: 100%;
	aspect-ratio: 1.52 / 1;
	display: block;
	overflow: hidden;
	border: 0;
	border-radius: 26px;
	background: rgb(255 255 255 / 5%);
	text-decoration: none;
}

.dreamly-blog-index-card:first-child .dreamly-blog-index-card__media {
	aspect-ratio: 1.36 / 1;
}

.dreamly-blog-index-card__media img {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0 !important;
	object-fit: cover;
	transition: transform 500ms cubic-bezier(.2,.7,.2,1);
}

.dreamly-blog-index-card__media:hover img {
	transform: scale(1.025);
}

.dreamly-blog-index-card__media-fallback {
	position: absolute;
	inset: 0;
	display: block;
	background:
		radial-gradient(circle at 68% 30%, rgb(145 105 255 / 44%), transparent 30%),
		linear-gradient(145deg, #18224b, #101838);
}

.dreamly-blog-index-card__body {
	padding-top: 28px;
	text-align: left;
}

.dreamly-blog-index-card:first-child .dreamly-blog-index-card__body {
	padding-top: 0;
}

.dreamly-blog-index-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px 14px;
	margin: 0 0 16px !important;
	color: rgb(255 255 255 / 46%) !important;
	font: 700 12px/1.3 Gilroy, sans-serif !important;
	letter-spacing: 0.105em;
	text-transform: uppercase;
	text-align: left;
}

.dreamly-blog-index-card__meta span {
	color: #a992ff;
}

.dreamly-blog-index-card h2 {
	margin: 0 !important;
	font: 700 clamp(30px, 3vw, 42px) / 1.02 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -0.038em;
	text-align: left;
}

.dreamly-blog-index-card:first-child h2 {
	font-size: clamp(36px, 3.2vw, 44px) !important;
}

.dreamly-blog-index-card h2 a {
	color: #fff !important;
	text-decoration: none !important;
}

.dreamly-blog-index-card__excerpt {
	margin: 20px 0 0 !important;
	color: rgb(218 219 225 / 68%) !important;
	font: 500 17px/1.58 Gilroy, sans-serif !important;
	text-align: left;
}

.dreamly-blog-index-card__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 24px;
	color: #fff !important;
	font: 700 15px/1 Gilroy, sans-serif;
	text-decoration: none !important;
}

.dreamly-blog-index-card__link span {
	color: #a992ff;
	font-size: 18px;
	transition: transform 180ms ease;
}

.dreamly-blog-index-card__link:hover span {
	transform: translateX(4px);
}

.dreamly-articles-index-discovery {
	margin-top: 160px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left;
}

.dreamly-articles-index-discovery > h2 {
	max-width: 760px;
	margin: 0 0 22px;
	color: #fff;
	font: 700 clamp(40px, 4.6vw, 60px) / 1 GilroyDisplay, Gilroy, sans-serif;
	letter-spacing: -0.04em;
	text-align: left;
}

.dreamly-articles-index-discovery > p {
	max-width: 720px;
	margin: 0 0 62px;
	color: rgb(218 219 225 / 67%);
	font: 500 18px/1.6 Gilroy, sans-serif;
	text-align: left;
}

.dreamly-articles-index-discovery > h3 {
	margin: 48px 0 18px;
	color: rgb(255 255 255 / 50%);
	font: 700 12px/1 Gilroy, sans-serif;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	text-align: left;
}

.dreamly-articles-index-discovery .dreamly-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px 28px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.dreamly-articles-index-discovery .dreamly-related-grid li {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	list-style: none !important;
}

.dreamly-articles-index-discovery .dreamly-related-grid a {
	display: inline;
	color: rgb(255 255 255 / 80%) !important;
	font: 600 16px/1.45 Gilroy, sans-serif;
	text-decoration-color: rgb(169 146 255 / 44%);
	text-underline-offset: 4px;
}

.dreamly-blog-index-page #nav-below {
	display: flex;
	justify-content: space-between;
	margin-top: 100px !important;
	color: #fff;
}

.dreamly-blog-index-page #nav-below a {
	color: #fff !important;
	text-decoration: none;
}

.dreamly-blog-index-pagination {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 18px;
	width: min(1160px, calc(100% - 40px));
	margin: 100px auto 0;
}

.dreamly-blog-index-pagination a {
	display: inline-flex;
	width: max-content;
	min-height: 42px;
	align-items: center;
	padding: 0 18px;
	border-radius: 999px;
	background: #fff;
	color: #101323 !important;
	font: 700 14px/1 Gilroy, sans-serif;
	text-decoration: none;
}

.dreamly-blog-index-pagination a:last-child {
	grid-column: 3;
	justify-self: end;
}

.dreamly-blog-index-pagination span {
	grid-column: 2;
	color: rgb(218 222 240 / 62%);
	font: 600 14px/1 Gilroy, sans-serif;
	text-align: center;
}

.dreamly-blog-index-pagination a:first-child {
	grid-column: 1;
}

.dreamly-blog-index-page #content > .dreamly-download-cta {
	margin-top: 130px !important;
	padding: 0 !important;
}

.dreamly-blog-index-page #content > .dreamly-download-cta .btn-qrcode {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 42px !important;
	border: 0 !important;
	border-radius: 28px !important;
	background: #8b62ff !important;
	box-shadow: none !important;
	color: #fff !important;
	text-align: left !important;
	text-decoration: none !important;
}

.dreamly-blog-index-page #content > .dreamly-download-cta .title-qrcode,
.dreamly-blog-index-page #content > .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
	display: block !important;
	color: #fff !important;
	text-align: left !important;
}

.dreamly-blog-index-page #content > .dreamly-download-cta .title-qrcode {
	margin: 0 0 8px !important;
	font: 700 34px/1.08 GilroyDisplay, Gilroy, sans-serif !important;
}

.dreamly-blog-index-page #content > .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
	max-width: 630px;
	margin: 0 0 24px !important;
	font: 500 18px/1.5 Gilroy, sans-serif !important;
}

.dreamly-blog-index-page #content > .dreamly-download-cta .text-qrcode-mobile {
	display: inline-flex !important;
	min-height: 52px;
	align-items: center;
	padding: 0 25px;
	border-radius: 999px;
	background: #fff;
	color: #7651df !important;
	font: 700 16px/1 Gilroy, sans-serif;
}

.dreamly-blog-index-page .site-footer {
	box-sizing: border-box;
	clear: both;
	float: none;
	width: 100%;
	max-width: none;
	margin: 110px 0 0;
	padding: 0 20px;
	color: var(--dreamly-q-soft);
	background: #111a3d;
	text-align: center;
}

.dreamly-blog-index-page .site-footer .site-info {
	width: 100%;
	max-width: none;
	margin: 0;
	text-align: center;
}

.dreamly-blog-index-page .site-footer a {
	color: var(--dreamly-q-soft);
}

@media (max-width: 900px) {
	.dreamly-blog-index-feed {
		padding-top: 64px;
	}

	.dreamly-blog-index-hero {
		min-height: 620px;
		background:
			linear-gradient(90deg, rgb(13 21 52 / 92%), rgb(13 21 52 / 64%)),
			linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 78%) 18%, transparent 68%),
			url("../medias/img/gallery/dreamly-blog-dictionary-hero-violet-valley-v1.png") center / cover no-repeat,
			#0d1534;
	}

	.dreamly-blog-index-card:first-child {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.dreamly-blog-index-card:first-child .dreamly-blog-index-card__body {
		padding-top: 30px;
	}

	.dreamly-articles-index-discovery .dreamly-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 620px) {
	.dreamly-blog-index-hero {
		min-height: 590px;
	}

	.dreamly-blog-index-hero__inner {
		width: calc(100% - 30px);
		padding: 140px 0 94px;
	}

	.dreamly-blog-index-hero h1 {
		font-size: clamp(52px, 16vw, 72px);
	}

	.dreamly-blog-index-hero__intro {
		margin-top: 28px;
		font-size: 18px;
	}

	.dreamly-blog-index-feed,
	.dreamly-articles-index-discovery,
	.dreamly-blog-index-page #nav-below,
	.dreamly-blog-index-pagination,
	.dreamly-blog-index-page #content > .dreamly-download-cta {
		width: calc(100% - 30px);
	}

	.dreamly-blog-index-feed {
		padding-top: 56px;
	}

	.dreamly-blog-index-grid {
		grid-template-columns: 1fr;
		gap: 72px;
	}

	.dreamly-blog-index-card:first-child {
		grid-column: auto;
		margin-bottom: 0 !important;
	}

	.dreamly-blog-index-card__media,
	.dreamly-blog-index-card:first-child .dreamly-blog-index-card__media {
		aspect-ratio: 1.12 / 1;
		border-radius: 22px;
	}

	.dreamly-blog-index-card h2,
	.dreamly-blog-index-card:first-child h2 {
		font-size: clamp(34px, 10.5vw, 46px) !important;
	}

	.dreamly-articles-index-discovery {
		margin-top: 120px !important;
	}

	.dreamly-articles-index-discovery .dreamly-related-grid {
		grid-template-columns: 1fr;
	}

	.dreamly-blog-index-page #content > .dreamly-download-cta {
		width: 100%;
		margin-top: 100px !important;
	}

	.dreamly-blog-index-page #content > .dreamly-download-cta .btn-qrcode {
		padding: 28px 20px !important;
		border-radius: 0 !important;
		text-align: center !important;
	}

	.dreamly-blog-index-page #content > .dreamly-download-cta .title-qrcode,
	.dreamly-blog-index-page #content > .dreamly-download-cta .text-qrcode:not(.text-qrcode-mobile) {
		text-align: center !important;
	}

	.dreamly-blog-index-pagination {
		grid-template-columns: 1fr 1fr;
		margin-top: 72px;
	}

	.dreamly-blog-index-pagination span {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.dreamly-blog-index-pagination a {
		grid-row: 2;
	}
}

/* The front page is the canonical desktop crop for every visual article hero. */
@media (min-width: 901px) {
	body.dreamly-symbol-detail-page .entry-header::before,
	body.dreamly-blog-article-page article > .entry-header::before {
		right: 0 !important;
		width: 74vw !important;
		background-position: 100% center !important;
		background-size: auto 125% !important;
	}
}

@media (prefers-reduced-motion: reduce) {
    .dreamly-symbol-hub-page *,
    .dreamly-symbol-detail-page *,
	.dreamly-blog-index-page * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* Shared Dreamly system for every remaining public WordPress template.
 * The three editorial variants above keep their dedicated visual assets; the
 * base pages, archives, search and utility pages inherit the same dark rhythm,
 * fixed navigation, typography and borderless content treatment. */
body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) {
	margin: 0;
	color: var(--dreamly-q-copy);
	background: var(--dreamly-q-dark) !important;
	font-family: Gilroy, Inter, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	hyphens: none;
	overflow-x: hidden;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) * {
	box-sizing: border-box;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) #page,
body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) #main,
body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) #primary {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) #masthead,
body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) #secondary {
	display: none !important;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) #content.site-content {
	float: none !important;
	width: min(1160px, calc(100% - 40px)) !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding: 0 0 112px !important;
	background: transparent !important;
}

/* Product landings carry their own hero inside the entry content. WordPress
 * still emits an empty cover header; hiding it prevents a blank first screen. */
body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) article > .entry-header:empty {
	display: none !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) article > .entry-header:empty + .entry-content {
	padding-top: 112px !important;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-header,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-header {
	position: relative;
	isolation: isolate;
	width: 100vw;
	min-height: min(760px, 86vh);
	display: flex;
	align-items: center;
	margin: 0 0 0 calc(50% - 50vw);
	padding: 146px max(20px, calc((100vw - 1160px) / 2)) 196px;
	overflow: hidden;
	background: var(--dreamly-q-dark) !important;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-header::before,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-header::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 74vw;
	background: url("../medias/img/gallery/dreamly-blog-dictionary-hero-violet-valley-v1.png") 100% center / auto 125% no-repeat;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-header::after,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-header::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, #0d1534 0%, #0d1534 32%, rgb(13 21 52 / 96%) 42%, rgb(13 21 52 / 0%) 69%), linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 82%) 13%, transparent 60%);
	pointer-events: none;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-header .entry-title,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-header .entry-title {
	position: relative;
	z-index: 1;
	max-width: 790px;
	margin: 0 !important;
	padding: 0 !important;
	color: #fff !important;
	font: 800 clamp(52px, 6.4vw, 92px) / .96 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -.052em;
	text-align: left;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.page-template-dictionary):not(.page-template-dictionary-php) article > .entry-content,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-content {
	width: min(780px, 100%);
	max-width: 780px !important;
	margin: -108px 0 0 !important;
	padding: 0 0 48px !important;
	color: var(--dreamly-q-copy) !important;
	background: transparent !important;
	box-shadow: none !important;
	font: 400 19px/1.75 Gilroy, sans-serif;
	text-align: left;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-content > h2,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-content > h2 {
	margin: 86px 0 24px;
	color: #fff !important;
	font: 700 clamp(38px, 4.5vw, 58px) / 1.04 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -.038em;
	text-align: left;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-content > h3,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-content > h3 {
	margin: 42px 0 16px;
	color: #fff !important;
	font: 700 30px/1.15 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -.025em;
	text-align: left;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-content > p,
body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-content > ul,
body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-content > ol,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-content > p,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-content > ul,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-content > ol {
	margin-left: 0;
	color: var(--dreamly-q-copy) !important;
	font-size: 19px;
	line-height: 1.75;
	text-align: left;
}

body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-content > ul,
body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-content > ol,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-content > ul,
body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-content > ol {
	padding-left: 0 !important;
	list-style-position: inside;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) .entry-content a,
body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) .taxonomy-description a {
	color: #b7a5ff !important;
	text-underline-offset: 3px;
}

body.dreamly-unified-page.archive .page-header,
body.dreamly-unified-page.search .page-header,
body.dreamly-unified-page.error404 .page-header {
	min-height: 430px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	margin: 0 calc(50% - 50vw) 76px;
	padding: 150px max(20px, calc((100vw - 1160px) / 2)) 76px;
	background: linear-gradient(120deg, #0d1534 0%, #111a3d 58%, #221d50 100%);
}

body.dreamly-unified-page.archive .page-title,
body.dreamly-unified-page.search .page-title,
body.dreamly-unified-page.error404 .page-title {
	margin: 0;
	color: #fff !important;
	font: 800 clamp(52px, 6.4vw, 92px) / .96 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -.052em;
	text-align: left;
}

body.dreamly-unified-page.archive #content > article,
body.dreamly-unified-page.search #content > article,
body.dreamly-unified-page.blog #content > article {
	margin: 0;
	padding: 42px 0;
	border: 0 !important;
	border-bottom: 1px solid rgb(255 255 255 / 12%) !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.dreamly-unified-page.archive #content > article .entry-title,
body.dreamly-unified-page.search #content > article .entry-title,
body.dreamly-unified-page.blog #content > article .entry-title {
	margin: 0 0 14px !important;
	font: 700 clamp(30px, 3.5vw, 46px) / 1.04 GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -.035em;
	text-align: left;
}

body.dreamly-unified-page.archive #content > article .entry-title a,
body.dreamly-unified-page.search #content > article .entry-title a,
body.dreamly-unified-page.blog #content > article .entry-title a {
	color: #fff !important;
	text-decoration: none;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) .dreamly-language-hub-card {
	padding: 26px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid rgb(255 255 255 / 12%) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) .site-footer {
	margin: 0;
	padding: 42px 20px;
	color: var(--dreamly-q-soft);
	background: #111a3d !important;
}

body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) .site-footer a {
	color: var(--dreamly-q-copy) !important;
}

@media (max-width: 900px) {
	body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-header,
	body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-header {
		min-height: 690px;
		padding: 130px 15px 176px;
	}

	body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-header::before,
	body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-header::before {
		width: 100%;
		background-position: 65% center;
		background-size: cover;
		opacity: .58;
	}

	body.dreamly-unified-page.page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page) article > .entry-header::after,
	body.dreamly-unified-page.single:not(.dreamly-blog-article-page) article > .entry-header::after {
		background: linear-gradient(90deg, rgb(13 21 52 / .94), rgb(13 21 52 / .58)), linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / .76) 18%, transparent 68%);
	}

	body.dreamly-unified-page:not(.dreamly-symbol-hub-page):not(.dreamly-symbol-detail-page):not(.dreamly-blog-article-page):not(.dreamly-blog-index-page) #content.site-content {
		width: calc(100% - 30px);
		padding-bottom: 76px;
	}

	body.dreamly-unified-page.archive .page-header,
	body.dreamly-unified-page.search .page-header,
	body.dreamly-unified-page.error404 .page-header {
		min-height: 350px;
		margin-bottom: 44px;
		padding: 122px 15px 54px;
	}
}

/* Dream Symbols hub hardening.
 * Keep the hub stable even when legacy WordPress/editor styles are printed
 * after the main stylesheet. The cover lives in the deployable media folder. */
body.dreamly-symbol-hub-page .entry-header {
	isolation: isolate;
	background: #0d1534 !important;
}

body.dreamly-symbol-hub-page .entry-header::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 74vw;
	background-image: url("../medias/img/gallery/dreamly-blog-dictionary-hero-violet-valley-v1.png");
	background-repeat: no-repeat;
	background-position: 100% center;
	background-size: auto 125%;
}

body.dreamly-symbol-hub-page .entry-header::after {
	top: 0;
	height: auto;
	z-index: 0;
	background:
		linear-gradient(90deg, #0d1534 0%, #0d1534 42%, rgb(13 21 52 / 100%) 46%, transparent 78%),
		linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 88%) 12%, transparent 58%);
}

body.dreamly-symbol-hub-page .entry-header .entry-title,
body.dreamly-symbol-hub-page .entry-content h1,
body.dreamly-symbol-hub-page .entry-content h2,
body.dreamly-symbol-hub-page .entry-content h3,
body.dreamly-symbol-hub-page .entry-content h4,
body.dreamly-symbol-hub-page .dream-symbols-guide-content h2,
body.dreamly-symbol-hub-page .dream-symbols-guide-content h3 {
	color: #fff !important;
}

body.dreamly-symbol-hub-page .entry-content > p,
body.dreamly-symbol-hub-page .entry-content > ul,
body.dreamly-symbol-hub-page .entry-content > ol,
body.dreamly-symbol-hub-page .dream-symbols-guide-content p,
body.dreamly-symbol-hub-page .dream-symbols-guide-content li {
	color: var(--dreamly-q-copy) !important;
}

body.dreamly-symbol-hub-page .dream-symbols-guide-content > ul,
body.dreamly-symbol-hub-page .dream-symbols-guide-content > ol {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style-position: inside;
}

@media (max-width: 900px) {
	body.dreamly-symbol-hub-page .entry-header::before {
		width: 100%;
		background-position: 68% center;
		background-size: cover;
		opacity: .74;
	}

	body.dreamly-symbol-hub-page .entry-header::after {
		background:
			linear-gradient(90deg, rgb(13 21 52 / 94%), rgb(13 21 52 / 54%)),
			linear-gradient(0deg, #0d1534 0%, rgb(13 21 52 / 84%) 20%, transparent 66%);
	}
}

/* Symbol detail footer + final CTA alignment.
 * The legacy theme centers max-width CTAs and floats the footer to the right.
 * Keep both in the same left-aligned layout used by the article content. */
body.dreamly-symbol-detail-page .dreamly-download-cta {
	margin: 80px 0 0 !important;
	max-width: 800px !important;
}

body.dreamly-symbol-detail-page .site-footer {
	box-sizing: border-box;
	clear: both !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	text-align: center;
}

body.dreamly-symbol-detail-page .site-footer .site-info {
	width: 100%;
	max-width: none;
	margin: 0;
}

@media (max-width: 900px) {
	body.dreamly-symbol-detail-page .dreamly-download-cta {
		margin: 0 !important;
		max-width: none !important;
	}
}

/* The analysis result stays in its modal. App-store choices replace the old
 * RevenueCat hand-off, so there is no fixed mobile panel and no page redirect. */
#myModal .preview-note.dreamly-app-download-card {
	box-sizing: border-box;
	margin: 24px 0 0;
	padding: 24px;
	border: 0;
	border-radius: 20px;
	background: linear-gradient(135deg, #7d57fb, #9069ff);
	color: #fff;
	text-align: left;
}

#myModal .dreamly-app-download-card .dreamly-premium-cta-title {
	margin: 0 0 8px;
	color: #fff;
	font-size: 24px;
	line-height: 1.1;
}

#myModal .dreamly-app-download-card .dreamly-premium-cta-text {
	margin: 0;
	color: rgb(255 255 255 / 88%);
}

#myModal .dreamly-app-download-card__stores {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 18px;
}

#myModal .dreamly-app-download-card__store {
	display: block;
	width: 154px;
	max-width: 100%;
}

#myModal .dreamly-app-download-card__store img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 640px) {
	#myModal .preview-note.dreamly-app-download-card {
		margin-top: 18px;
		padding: 20px;
	}

	#myModal .dreamly-app-download-card__stores {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Compact app-download result modal. These selectors intentionally beat the
 * legacy theme rules, which otherwise make the legacy modal full-screen and
 * scale the loader/store badges far beyond their intended size. */
body #myModal.dreamly-home-analysis-modal .modal-content {
	box-sizing: border-box !important;
	width: min(540px, calc(100vw - 32px)) !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: calc(100dvh - 32px) !important;
	margin: 16px auto !important;
	padding: 28px 26px 26px !important;
	border-radius: 28px !important;
	background-color: #0b1023 !important;
	overflow-y: auto !important;
}

body #myModal.dreamly-home-analysis-modal #result {
	max-width: 480px !important;
	padding: 0 !important;
}

body #myModal.dreamly-home-analysis-modal #result > div {
	max-width: 100%;
	margin: 0 auto;
}

body #myModal.dreamly-home-analysis-modal #result > div > img:first-child {
	width: 100px !important;
	height: auto !important;
	margin: 0 auto 14px !important;
}

body #myModal.dreamly-home-analysis-modal #result .imgLoader {
	display: block !important;
	width: 130px !important;
	height: 130px !important;
	margin: 0 auto 14px !important;
	object-fit: contain !important;
}

body #myModal.dreamly-home-analysis-modal .preview-note.dreamly-app-download-card {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	text-align: center !important;
}

body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card .dreamly-premium-cta-title {
	margin: 0 0 12px !important;
	color: #fff !important;
	font: 800 clamp(28px, 4vw, 38px) / 1 GilroyBold, GilroyDisplay, Gilroy, sans-serif !important;
	letter-spacing: -.045em;
	text-align: center !important;
}

body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card .dreamly-premium-cta-text {
	max-width: 430px;
	margin: 0 auto !important;
	color: rgb(232 236 255 / 72%) !important;
	font: 500 16px/1.45 Gilroy, sans-serif !important;
	text-align: center !important;
}

body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card__stores {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
	gap: 12px !important;
	margin: 18px 0 0 !important;
}

body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card__store,
body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card__store:visited {
	display: block !important;
	width: 130px !important;
	max-width: calc(50% - 6px) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card__store img {
	display: block !important;
	width: 130px !important;
	height: auto !important;
	max-width: 100% !important;
	margin: 0 !important;
}

@media (max-width: 640px) {
	body #myModal.dreamly-home-analysis-modal .modal-content {
		width: calc(100vw - 24px) !important;
		max-height: calc(100dvh - 24px) !important;
		margin: 12px auto !important;
		padding: 24px 18px 22px !important;
		border-radius: 24px !important;
	}

	body #myModal.dreamly-home-analysis-modal #result .imgLoader {
		width: 116px !important;
		height: 116px !important;
	}

	body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card .dreamly-premium-cta-text {
		font-size: 16px !important;
	}

	body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card__stores {
		gap: 8px !important;
	}

	body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card__store,
	body #myModal.dreamly-home-analysis-modal .dreamly-app-download-card__store img {
		width: 120px !important;
	}
}

/* Search results reuse the editorial cards from the articles hub. */
body.dreamly-unified-page.search #content.site-content {
	width: 100% !important;
	padding-bottom: 0 !important;
}

body.dreamly-unified-page.search .dreamly-search-hero {
	min-height: 410px;
	margin-bottom: 0;
	padding-bottom: 70px;
	border: 0 !important;
	border-radius: 0 !important;
	background: #0d1534 !important;
	box-shadow: none !important;
}

.dreamly-search-hero__eyebrow {
	margin: 0 0 20px;
	color: rgb(255 255 255 / 52%);
	font: 700 13px/1 Gilroy, sans-serif;
	letter-spacing: .15em;
	text-transform: uppercase;
}

body.dreamly-unified-page.search .search-stats-description {
	margin-top: 24px;
	color: rgb(218 219 225 / 68%);
	font: 500 18px/1.55 Gilroy, sans-serif;
}

.dreamly-search-results-feed,
body.dreamly-unified-page.search #nav-below {
	width: min(1160px, calc(100% - 40px));
	margin-right: auto !important;
	margin-left: auto !important;
}

.dreamly-search-results-feed {
	padding: 88px 0 122px;
}

.dreamly-search-results-grid > .dreamly-search-card {
	border: 0 !important;
	background: transparent !important;
}

.dreamly-search-results-grid > .dreamly-search-card--page {
	display: block;
	grid-column: 1 / -1;
	padding: 8px 0;
}

.dreamly-search-results-grid > .dreamly-search-card--page .dreamly-blog-index-card__body {
	max-width: 820px;
	padding: 0;
}

.dreamly-search-results-grid > .dreamly-search-card--page .dreamly-blog-index-card__meta {
	margin-bottom: 12px;
}

.dreamly-search-results-grid > .dreamly-search-card--page h2 {
	max-width: 760px;
}

.dreamly-search-results-grid > .dreamly-search-card--page .dreamly-blog-index-card__excerpt {
	max-width: 760px;
}

body.dreamly-unified-page.search #nav-below {
	margin-top: -30px !important;
	padding-bottom: 100px;
}

/* One centered footer system for search, articles, symbols and utility pages. */
body.dreamly-unified-page .site-footer {
	box-sizing: border-box !important;
	clear: both !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 44px 20px !important;
	background: #111a3d !important;
	color: var(--dreamly-q-soft) !important;
	text-align: center !important;
}

body.dreamly-unified-page .site-footer .site-info {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 auto !important;
	text-align: center !important;
}

body.dreamly-unified-page .site-footer a {
	color: var(--dreamly-q-copy) !important;
}

@media (max-width: 620px) {
	body.dreamly-unified-page.search .dreamly-search-hero {
		min-height: 330px;
		padding: 118px 15px 48px;
	}

	body.dreamly-unified-page.search .dreamly-search-hero .page-title {
		font-size: clamp(43px, 13vw, 60px) !important;
	}

	.dreamly-search-results-feed,
	body.dreamly-unified-page.search #nav-below {
		width: calc(100% - 30px);
	}

	.dreamly-search-results-feed {
		padding: 64px 0 92px;
	}

	.dreamly-search-results-grid {
		grid-template-columns: 1fr;
		gap: 68px;
	}

	.dreamly-search-results-grid .dreamly-blog-index-card__media,
	.dreamly-search-results-grid .dreamly-blog-index-card:first-child .dreamly-blog-index-card__media {
		aspect-ratio: 1.12 / 1;
		border-radius: 22px;
	}

	.dreamly-search-results-grid > .dreamly-search-card--page {
		padding: 0;
	}

	body.dreamly-unified-page .site-footer {
		padding: 36px 15px !important;
	}
}