/*
 * Mobile stylesheet placeholder.
 */

@media (max-width: 992px) {
	html,
	body {
		font-size: 15px;
	}

	body {
		-webkit-text-size-adjust: 100%;
		text-rendering: optimizeLegibility;
	}

	.container {
		width: min(calc(100% - 20px), 100%);
	}

	.cm-header {
		position: relative !important;
		top: 0;
		z-index: 999;
	}

	.cm-topbar,
	.cm-trending {
		display: none !important;
	}

	.cm-actions {
		display: none !important;
	}

	.cm-main-header {
		display: block !important;
		padding: 6px 0 !important;
	}

	.cm-header__inner {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		padding: 6px 0 !important;
		gap: 10px;
	}

	.cm-logo__icon {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}

	.cm-logo__text {
		font-size: 0.95rem;
	}

	.cm-logo__name {
		font-size: clamp(1.15rem, 4.8vw, 1.4rem);
	}

	.cm-nav {
		display: none;
	}

	.cm-burger {
		display: flex;
		margin-left: auto;
	}

	.cm-search,
	#cm-search {
		display: none !important;
	}

	.single-page__layout,
	.archive-page__layout {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.default-page__layout {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.single-page__layout .single-page__content,
	.single-page__layout .single-article__main,
	.single-page__layout .single-article__aside {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.single-page__layout .single-article__aside,
	.single-article__aside,
	.sticky-sidebar,
	.default-page__sidebar {
		display: none !important;
	}

	#page {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

	.single-page,
	.site-main,
	.entry-content,
	.single-article__content,
	.single-hero__title,
	.single-hero__tldr,
	.single-article__footer,
	.home-card__body,
	.cm-footer,
	.cm-footer__inner,
	.widget,
	.post-content,
	.page-content {
		font-size: 0.96rem;
		line-height: 1.62;
	}

	h1 {
		font-size: clamp(1.55rem, 6vw, 2rem);
		line-height: 1.15;
	}

	h2 {
		font-size: clamp(1.18rem, 4.4vw, 1.45rem);
		line-height: 1.22;
	}

	h3 {
		font-size: clamp(1.02rem, 4vw, 1.24rem);
		line-height: 1.24;
	}

	p,
	li {
		line-height: 1.66;
	}

	.entry-content p,
	.single-article__content p,
	.home-card__excerpt,
	.single-hero__meta,
	.single-sources__item,
	.single-share__text {
		font-size: 0.94rem;
	}

	.single-related,
	.cm-footer,
	.cm-footer__inner,
	.rates-page__faq,
	.rates-page__newsletter,
	.rates-page__widget-section,
	.archive-page__footer,
	.single-article__footer {
		content-visibility: auto;
		contain-intrinsic-size: 1px 800px;
	}

	.rates-page--en .rates-page__charts .container,
	.rates-page--en .rates-page__widget-section .container,
	.rates-page--en .rates-page__faq .container,
	.rates-page--en .rates-page__newsletter .container {
		width: min(calc(100% - 16px), 100%);
	}

	.rates-page--en .rates-page__hero {
		padding-bottom: 4px;
	}

	.rates-page--en .rates-page__hero-card {
		padding: 14px;
	}

	.rates-page--en .rates-page__hero-top {
		gap: 12px;
	}

	.rates-page--en .rates-page__section-title {
		font-size: clamp(1.28rem, 5.8vw, 1.7rem);
		line-height: 1.08;
	}

	.rates-page--en .rates-page__section-subtitle {
		font-size: 0.92rem;
		line-height: 1.48;
	}

	.rates-page--en .rates-page__pills {
		gap: 6px;
	}

	.rates-page--en .rates-page__pill,
	.rates-page--en .home-section__cta {
		min-height: 30px;
		padding: 0 10px;
		font-size: 0.7rem;
	}

	.rates-page--en .rates-page__ticker {
		display: none;
	}

	.rates-page--en .rates-page__charts {
		padding-top: 2px;
	}

	.rates-page--en .rates-charts {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.rates-page--en .rates-chart-card {
		gap: 8px;
		padding: 10px 0 0;
	}

	.rates-page--en .rates-chart-card__head {
		gap: 8px;
	}

	.rates-page--en .rates-chart-card__title {
		font-size: 0.92rem;
		line-height: 1.2;
	}

	.rates-page--en .rates-chart-card__meta {
		font-size: 0.72rem;
	}

	.rates-page--en .rates-chart-card__head .home-card__category {
		padding: 4px 8px;
		font-size: 0.66rem;
	}

	.rates-page--en .rates-chart-card__frame {
		min-height: 200px;
		aspect-ratio: 16 / 9;
	}

	.rates-page--en .rates-table-wrap {
		overflow-x: auto;
		margin: 0 -8px;
		padding: 0 8px;
	}

	.rates-page--en .rates-table {
		min-width: 680px;
	}

	.rates-page--en .rates-table th,
	.rates-page--en .rates-table td {
		padding: 10px 10px;
		font-size: 0.84rem;
	}

	.rates-page--en .rates-page__widget-section {
		padding-top: 0;
	}

	.rates-page--en .rates-page__widget-section--fx .rates-widget__frame {
		padding: 10px;
	}

	.rates-page--en .rates-widget__frame {
		--rates-widget-frame-min-height: 300px;
		--rates-widget-fx-min-height: 240px;
		--rates-widget-fx-widget-min-height: 220px;
		--rates-widget-crypto-min-height: 620px;
		--rates-widget-crypto-widget-min-height: 560px;
		--rates-widget-live-min-height: 220px;
		border-radius: 16px;
	}

	.rates-page--en .rates-page__widget-section--crypto .rates-crypto-switcher__tabs {
		gap: 6px;
		padding-right: 10px;
		margin-right: -10px;
	}

	.rates-page--en .rates-crypto-switcher__tab {
		padding: 5px 9px;
		font-size: 0.68rem;
	}

	.rates-page--en .rates-page__faq {
		margin-top: 0;
	}

	.rates-page--en .rates-faq {
		gap: 8px;
	}

	.rates-page--en .rates-faq details {
		padding: 12px 14px;
	}

	.rates-page--en .rates-faq summary {
		font-size: 0.95rem;
	}

	.rates-page--en .rates-faq p {
		font-size: 0.88rem;
		line-height: 1.52;
	}

	.rates-page--en .rates-newsletter {
		gap: 10px;
	}

	.rates-page--en .rates-newsletter .global-newsletter__form {
		gap: 6px;
	}

	.rates-page--en .rates-newsletter__meta {
		font-size: 0.88rem;
	}
}

@media (max-width: 768px) {
	.service-page__layout {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.service-page__sidebar {
		display: none !important;
	}

	.single-page {
		padding-top: 10px;
		padding-bottom: 28px;
	}

	.single-page__layout .single-article__aside,
	.single-article__aside,
	.sticky-sidebar,
	.service-page__sidebar {
		display: none !important;
	}

	.sticky-sidebar__inner {
		display: none !important;
	}

	.service-page--newsletter-de-criptomedios .service-page__newsletter-panel {
		margin-top: 18px;
	}

	.service-page--newsletter-de-criptomedios .service-page__newsletter-form {
		gap: 8px;
	}

	.service-page--newsletter-de-criptomedios .service-page__newsletter-form input,
	.service-page--newsletter-de-criptomedios .service-page__newsletter-form button {
		width: 100%;
	}

	.single-page__layout {
		width: 100%;
	}

	.single-page__content {
		gap: 16px;
	}

	.single-hero {
		gap: 12px;
		margin-bottom: 12px;
	}

	.single-hero__author-row {
		gap: 6px;
	}

	.single-hero__author-avatar {
		width: 32px;
		height: 32px;
	}

	.single-hero__author-label,
	.single-hero__category,
	.single-hero__tldr-title {
		font-size: 0.66rem;
	}

	.single-hero__author-name {
		font-size: 0.74rem;
	}

	.single-hero__title {
		font-size: clamp(1.28rem, 5.4vw, 1.75rem);
		line-height: 1.08;
		letter-spacing: -0.03em;
	}

	.single-hero__excerpt {
		font-size: 0.9rem;
		line-height: 1.48;
	}

	.single-hero__tldr {
		padding: 10px 0;
		gap: 8px;
	}

	.single-hero__tldr-list {
		padding-left: 18px;
		gap: 6px;
	}

	.single-hero__tldr-list li {
		font-size: 0.88rem;
		line-height: 1.42;
	}

	.single-article__content {
		font-size: 0.92rem;
		line-height: 1.58;
	}

	.single-article__content p {
		font-size: 0.92rem;
		line-height: 1.58;
		margin-bottom: 0.9em;
	}

	.single-article__content h2,
	.single-article__content h3 {
		margin-top: 1.2em;
		margin-bottom: 0.55em;
	}

	.single-article__content h2 {
		font-size: clamp(1.08rem, 4.6vw, 1.32rem);
	}

	.single-article__content h3 {
		font-size: clamp(0.98rem, 4vw, 1.12rem);
	}

	.single-article__content ul,
	.single-article__content ol {
		padding-left: 18px;
		margin-bottom: 1em;
	}

	.single-article__content li {
		font-size: 0.9rem;
		line-height: 1.5;
		margin-bottom: 0.35em;
	}

	.single-article__footer,
	.single-related {
		gap: 14px;
	}

	.single-related__label,
	.single-sources__label,
	.single-share__label {
		font-size: 0.78rem;
	}

	.home-card__title {
		font-size: 1rem;
		line-height: 1.28;
	}
}
