/**
 * Learnaroo Hub shared phone/small-tablet layout contract.
 * Package: LH-UX-MOBILE-LAYOUT-001 / canonical task LH-UX-007.
 *
 * The public site has several purpose-built full-width shells whose existing
 * 12-16px gutters are already correct. These rules target only the older
 * singular card/entry shell and the two inner layouts proven to retain desktop
 * minimum widths on phones. The 768px tablet and desktop layouts are unchanged.
 */
@media (max-width:767px) {
	/* Collapse the stacked 24px + 24px legacy gutters to one 12px page gutter. */
	body.wp-singular #lh-main > .lh-card,
	body.wp-singular #lh-main .lh-ih-main > .lh-card {
		padding:12px;
	}

	body.wp-singular #lh-main > .lh-card > article > .lh-entry,
	body.wp-singular #lh-main .lh-ih-main > .lh-card > article > .lh-entry {
		width:100%;
		max-width:none;
		margin:0;
		padding:0;
	}

	/* Membership Packages / public Plans page. */
	body .lhpr {
		width:100%;
		max-width:none;
		padding:8px 0 28px;
	}

	body .lhpr-grid {
		grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
		gap:12px;
	}

	body .lhpr-card {
		width:100%;
		min-width:0;
		padding:18px 16px;
	}

	/* Individual curriculum resource pages. */
	body.single-learnaroo_resource .lh-rp {
		width:100%;
		max-width:none;
		margin:0;
		padding:12px 0;
	}

	body.single-learnaroo_resource #lh-rp-viewer,
	body.single-learnaroo_resource .lh-status,
	body.single-learnaroo_resource .lh-cp,
	body.single-learnaroo_resource .lh-sd,
	body.single-learnaroo_resource .lh-ad,
	body.single-learnaroo_resource .lh-rp-recommend,
	body.single-learnaroo_resource .lh-rp-related {
		width:100%;
		max-width:none;
		box-sizing:border-box;
	}

	body.single-learnaroo_resource .lh-cp,
	body.single-learnaroo_resource .lh-sd,
	body.single-learnaroo_resource .lh-ad,
	body.single-learnaroo_resource .lh-rp-recommend {
		margin-top:12px;
		margin-bottom:12px;
		padding:16px;
	}

	body.single-learnaroo_resource .lh-rp-related {
		margin:16px 0;
		padding-top:16px;
	}

	body.single-learnaroo_resource .lh-rp-related__grid {
		grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));
		gap:12px;
	}

	body.single-learnaroo_resource .lh-res-card {
		width:100%;
		min-width:0;
	}
}