box-sizing: border-box на :root и расчёт ширины

Почему padding не раздувает 100% width.

Правило `*, *::before, *::after { box-sizing: border-box }` (или на `:root` с наследованием) включает padding и border в заявленную `width` — сетки на процентах не ломаются.

Исключения: сторонние виджеты, ожидающие `content-box` — изолируйте их обёрткой.