Короткие инструкции: примените overflow-wrap или word-wrap со значением break-word, используйте при необходимости word-break или hyphens, добавьте ограничения ширины и тесты. Это предотвратит выход слов за границы контейнеров и сохранит аккуратный DOM.
Вложенные стили позволяют писать CSS, отражающий структуру HTML. Нативная вложенность требует использования & для ссылки на родителя; проверяйте совместимость и не делайте глубокой вложенности.
Прилипающий (sticky) заголовок остаётся видимым при прокрутке и улучшает навигацию. Реализуется через position: sticky и требует проверки доступности и наложений.
Краткое руководство по созданию форм на CSS: используйте width/height для прямоугольников, border-radius для кругов, бордеры с width/height=0 для треугольников и ::before/::after + transform для сложных фигур. Выбирайте SVG, когда нужна точность.