Как работают calc(), clamp(), min() и max() в CSS?

calc() вычисляет значения с разными единицами: width: calc(100% - 20px). clamp(min, preferred, max) ограничивает значение в диапазоне — font-size: clamp(14px, 2vw, 18px) для адаптивного шрифта. min() берёт наименьшее, max() — наибольшее из значений. Все поддерживают смешивание единиц. clamp — must-have для адаптивной типографики и отступов без медиа-запросов. Можно вкладывать друг в друга.