Принципы mobile-first и их влияние на адаптивную разработку

Напиши содержательный аналитический текст на русском языке о подходе mobile-first и его влиянии на адаптивную веб-разработку. Материал адресован разработчикам и дизайнерам с базовым опытом.

Структура ответа:
1. Введение: кратко объясни, что такое mobile-first и почему этот подход появился. Достаточно 1-2 абзацев.
2. Основные принципы mobile-first: перечисли 5-8 принципов. Для каждого сделай короткий подзаголовок и дай 2-4 предложения пояснения. Обязательно затронь:
- приоритизацию контента и интерфейса;
- производительность;
- прогрессивное улучшение;
- каскадность стилей;
- медиа-запросы;
- работу с ресурсами и ограничениями мобильных устройств.
3. Практические последствия для разработки: покажи, как mobile-first влияет на архитектуру CSS, верстку, изображения, загрузку ресурсов, тестирование, CI/CD и дизайн-системы. Дай рекомендации списком.
4. Влияние на производительность и доступность: опиши положительные эффекты и возможные подводные камни.
5. Ограничения и компромиссы: перечисли 3-4 потенциальные проблемы и дай советы, как их смягчать.
6. Добавь короткий пример на CSS или псевдокод, 4-8 строк, который показывает базовые стили для мобильных устройств и расширение через min-width.
7. Вывод: дай 3-4 практические рекомендации для команд разработки и дизайнеров.

Требования:
- Объем: 400-600 слов.
- Используй заголовки разделов: Введение, Принципы, Практические последствия, Влияние на производительность и доступность, Ограничения и компромиссы, Пример, Вывод.
- В разделах "Принципы" и "Практические последствия" используй маркированные списки.
- Код оформи отдельным блоком.
- Стиль: ясный, профессиональный, без лишней терминологической сложности.