@media (max-width: 900px) {
	.rp-cardgrid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
	.rp-sitehead-inner { padding: 12px 22px; }
	.rp-sheet, .rp-hero, .rp-sitefoot, .rp-page { padding-left: 22px; padding-right: 22px; }

	.rp-nav-toggle { display: flex; }
	.rp-nav { display: none; width: 100%; order: 3; margin-top: 12px; }
	.rp-nav.is-open { display: block; }
	.rp-nav ul { flex-direction: column; gap: 4px; }
	.rp-nav a { display: block; padding: 8px 0; }
	.rp-sitehead-inner { flex-wrap: wrap; }

	.rp-hero-grid { grid-template-columns: 1fr; }
	.rp-titleblock { max-width: 320px; }

	.rp-io { grid-template-columns: 1fr; }
	.rp-io-addr { padding-bottom: 0; border-bottom: none; }

	.rp-rung { flex-wrap: wrap; }
	.rp-rung-main { order: 3; flex-basis: 100%; }
	.rp-coil-wrap { order: 2; margin-left: auto; width: auto; }

	.rp-cardgrid { grid-template-columns: 1fr; }

	.rp-sitefoot-default { flex-direction: column; align-items: flex-start; }
	.rp-footer-rev { text-align: left; }
}