/**
 * CLS hardening for marketing / legal / app shells (GSC high-traffic templates only).
 * Loaded only when is_page_template() matches — avoids affecting unrelated CTAs or Woo pages.
 */

/* Terms / refund: responsive screenshot rows reserve width while images decode */
.toc_text_content img.tearm-desktop,
.toc_text_content img.tearm-tab,
.toc_text_content img.tearm-mobile {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

/* FAQ splash: full-screen overlay; inner stack should not collapse before assets load */
.page-template-faq-page .loader .loading-wrapper {
	min-height: 12rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}

.page-template-faq-page .loader .loader-logo-img,
.page-template-faq-page .loader .loader-name-img {
	max-width: min(92vw, 440px);
	width: auto;
	height: auto;
}

/* PWA shell: bottom nav icons stay on one line without late reflow */
.page-template-oppai-pwa-page .oppai-menu-item img {
	flex-shrink: 0;
	display: block;
}

.page-template-oppai-pwa-page #root.not-sidebar-section {
	min-height: 40vh;
}

.page-template-oppai-pwa-page .loader .loader-wrapper {
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}