/**
 * CHIBET mobile design system 2.1.6.
 * Intrepid-inspired responsive type, color and spacing rules adapted for
 * readable international travel content. No component structure is changed.
 */

@media (max-width: 760px) {
	:root {
		--chibet-mobile-ink: #222222;
		--chibet-mobile-body: #333333;
		--chibet-mobile-muted: #666666;
		--chibet-mobile-gutter: 18px;
		--chibet-mobile-article-gutter: 20px;
		--chibet-mobile-section: 64px;
		--chibet-mobile-section-related: 48px;
		--chibet-mobile-heading-gap: 24px;
		--chibet-mobile-content-gap: 16px;
		--chibet-type-display: 2.25rem;       /* 36 / 42 */
		--chibet-type-page-h1: 2rem;          /* 32 / 39 */
		--chibet-type-article-h1: 1.875rem;   /* 30 / 38 */
		--chibet-type-h2: 1.625rem;           /* 26 / 34 */
		--chibet-type-h3: 1.25rem;            /* 20 / 27 */
		--chibet-type-card-title: 1.0625rem;  /* 17 / 23 */
		--chibet-type-lead: 1.0625rem;        /* 17 / 28 */
		--chibet-type-body-size: 1rem;        /* 16 / 27-28 */
		--chibet-type-small: .875rem;         /* 14 / 22 */
		--chibet-type-meta: .8125rem;         /* 13 / 20 */
		--chibet-type-ink: var(--chibet-mobile-ink);
		--chibet-type-body: var(--chibet-mobile-body);
		--chibet-type-muted: var(--chibet-mobile-muted);
		--ctp-shell: calc(100% - 36px);
	}

	/* One readable mobile text palette across every custom template. */
	:is(.home-v2, .chibet-about, .chibet-contact-page, .chibet-how-page, .ctp-page, .chibet-article-page) {
		color: var(--chibet-mobile-body);
		font-size: 1rem;
		line-height: 1.6875;
	}

	:is(.home-v2, .chibet-about, .chibet-contact-page, .chibet-how-page, .ctp-page, .chibet-article-page) :is(h1, h2, h3) {
		color: var(--chibet-mobile-ink);
	}

	/* Page gutters: 18px for landing/tour pages, 20px for long-form reading. */
	.home-v2 .shell,
	.contact-shell,
	.chibet-how-page :is(.breadcrumb, .section, .hero, .start),
	.ctp-shell {
		width: calc(100% - (var(--chibet-mobile-gutter) * 2));
	}

	.chibet-about-shell,
	.article-shell,
	.article-end-shell,
	.article-reading-layout {
		width: calc(100% - (var(--chibet-mobile-article-gutter) * 2));
	}

	.chibet-how-page .responsibilities {
		width: 100%;
		padding-inline: var(--chibet-mobile-gutter);
	}

	/* Heading hierarchy. */
	.home-v2 .hero-copy h1 {
		font-size: 2.25rem;
		line-height: 1.1667;
		letter-spacing: -.025em;
	}

	.chibet-about h1,
	.chibet-contact-page .contact-intro h1,
	.chibet-how-page .hero h1,
	.ctp-page .ctp-hero > h1 {
		font-size: 2rem;
		line-height: 1.21875;
		letter-spacing: -.025em;
	}

	.chibet-article-page .article-heading h1 {
		font-size: 1.875rem;
		line-height: 1.2667;
		letter-spacing: -.02em;
	}

	.home-v2 h2,
	.chibet-about :is(.chibet-about-section-head, .chibet-about-name-copy, .chibet-about-closing) h2,
	.chibet-contact-page :is(.contact-form-panel, .contact-next > header) h2,
	.chibet-how-page :is(.section-heading, .start) h2,
	.ctp-page .ctp-section h2,
	.chibet-article-page .article-content h2 {
		font-size: 1.625rem;
		line-height: 1.3077;
		letter-spacing: -.02em;
	}

	:is(.home-v2, .chibet-about, .chibet-contact-page, .chibet-how-page, .ctp-page) h3,
	.chibet-article-page .article-content h3 {
		font-size: 1.25rem;
		line-height: 1.35;
	}

	.home-v2 :is(.tour-body, .china-tour-grid, .person-list, .guide-row, .steps-v2) h3,
	.chibet-contact-page .contact-steps h3,
	.chibet-how-page :is(.timeline, .role-grid) h3,
	.ctp-page .ctp-cards h3,
	.chibet-article-page :is(.related-article-card, .recommended-tour-body) h3 {
		font-size: 1.0625rem;
		line-height: 1.3529;
	}

	/* Running text remains 16px; supporting copy never falls below 14px. */
	:is(.home-v2, .chibet-about, .chibet-contact-page, .chibet-how-page, .ctp-page) p,
	.ctp-page :is(.ctp-prose, .ctp-day-body, .ctp-highlights li, .ctp-include-grid li),
	.chibet-article-page :is(.article-content > p, .article-content li, .faq details p) {
		color: var(--chibet-mobile-body);
		font-size: 1rem;
		line-height: 1.75;
	}

	.home-v2 .who-copy .lead,
	.chibet-about .chibet-about-lead p,
	.chibet-contact-page .contact-lead,
	.chibet-how-page .hero-lead,
	.ctp-page .ctp-hero-copy > p,
	.chibet-article-page .article-summary,
	.chibet-article-page .article-content > p:first-child {
		color: var(--chibet-mobile-body);
		font-size: 1.0625rem;
		line-height: 1.6471;
	}

	.home-v2 :is(.tour-body > p, .china-tour-route, .person-list p, .guide-row p, .steps-v2 p),
	.chibet-contact-page :is(.contact-points p, .contact-steps p),
	.chibet-how-page :is(.role-grid li, .timeline p, .faq-list details p),
	.ctp-page :is(.ctp-map p, .ctp-faq details p),
	.chibet-article-page :is(.related-article-card p, .recommended-tour-route, .article-author p:last-child) {
		color: var(--chibet-mobile-muted);
		font-size: .875rem;
		line-height: 1.5714;
	}

	.chibet-article-page :is(.article-meta, .article-breadcrumbs, .article-content figcaption),
	:is(.home-v2, .chibet-about, .chibet-contact-page, .chibet-how-page, .ctp-page) :is(.kicker, .eyebrow, .ctp-label) {
		font-size: .8125rem;
		line-height: 1.5385;
	}

	/* Editorial rhythm: 17px paragraphs, 48px before H2, 32px before H3. */
	.chibet-article-page .article-content > p {
		margin-bottom: 1.0625rem;
	}

	.chibet-article-page .article-content h2 {
		margin: 3rem 0 1.0625rem;
	}

	.chibet-article-page .article-content h3 {
		margin: 2rem 0 .75rem;
	}

	.chibet-article-page .article-summary {
		margin-block: 1rem 1.25rem;
	}

	.chibet-article-page .article-reading-layout {
		padding-block: 2rem var(--chibet-mobile-section);
	}

	.chibet-article-page .article-toc {
		margin-bottom: 2rem;
	}

	/* Landing-page section rhythm. Existing structure and backgrounds remain. */
	.home-v2 :is(.who-v2, .tours-v2, .china-v2, .people-v2, .guide-v2) {
		padding-block: var(--chibet-mobile-section);
	}

	.home-v2 .how-v2 {
		padding-top: var(--chibet-mobile-section);
	}

	.home-v2 :is(.section-head, .china-head) {
		margin-bottom: var(--chibet-mobile-heading-gap);
	}

	.home-v2 :is(.section-head, .china-head) h2,
	.home-v2 .who-grid h2 {
		margin-bottom: var(--chibet-mobile-content-gap);
	}

	.home-v2 .inquiry-v2 {
		padding-block: var(--chibet-mobile-section-related);
	}

	.home-v2 .inquiry-grid {
		gap: 2rem;
		padding: 1.5rem;
	}

	/* Secondary landing templates share the same 64/48/24px hierarchy. */
	.chibet-about :is(.chibet-about-principles, .chibet-about-name-story, .chibet-about-closing),
	.chibet-how-page .section,
	.ctp-page .ctp-section {
		padding-block: var(--chibet-mobile-section);
	}

	.chibet-about .chibet-about-people,
	.chibet-contact-page .contact-next {
		padding-block: var(--chibet-mobile-section-related);
	}

	.chibet-how-page .section-heading,
	.chibet-contact-page .contact-next > header {
		margin-bottom: var(--chibet-mobile-heading-gap);
	}

	/* Compact internal spacing for cards and forms, without changing layout. */
	.home-v2 :is(.tour-body, .china-tour-body),
	.chibet-about .chibet-about-profile-copy,
	.chibet-contact-page .contact-steps article,
	.chibet-how-page :is(.role-grid article, .timeline article, .checklist),
	.ctp-page :is(.ctp-booking, .ctp-include-grid article, .ctp-card-body) {
		padding: 1.5rem;
	}

	:is(.home-v2, .chibet-about, .chibet-contact-page, .chibet-how-page, .ctp-page, .chibet-article-page) :is(input, select, textarea, button) {
		font-size: 1rem;
	}
}