Підписку підтверджено

.nl-wrap центрує, .nl-card - картка з максимумом 30rem, .nl-check - знак на 46 (рівень драбини, а не 60 із сірого блоку), далі заголовок і рядок під ним, плита промокоду .nl-promo пунктиром і .nl-foot дрібним.

Тільки на вузлі 8.12. Сама форма підписки - це компонент ПІДВАЛУ; ця сторінка є її станом успіху, і більше ніде вона не стоїть.

Не позичати плиту з order-placed.css. Та плита намальована родиною УСПІХУ - --line-success-soft, --bg-success-soft, --text-success на диску - і заслуговує на неї: гроші перейшли, замовлення існує. Тут нічого не куплено. Позичена родина сказала б відвідувачу, що покупка відбулась, а це єдине, чого ця сторінка казати не має. Та сама форма, інша заява, і заява живе в ролях.

І не system-page.css. .sys-min - це гола центрована колонка без картки, і її робота - доповісти про ЗБІЙ: 404, 500, технічні роботи. Підтвердження, намальоване як сторінка збою, - та сама помилка в інший бік.

Заголовок і рядок під ним - це .sys-h і .sys-s, які system-page.css уже публікує саме як «центрований заголовок і його речення». Пара кнопок - .actions .actions--center. Цей файл малює лише картку, знак і плиту коду.

Один, і це робота ВІДПОВІДЬ: посилання у .nl-foot міняє чорнило на --text-action за --dur-fast. Станів порожнечі, помилки чи завантаження в цієї сторінки немає за визначенням - на неї потрапляють уже після того, як усе відбулось.

У wireframes/_wf.css немає правила для nl-*. Четвертий файл партії з цим рядком, і на четвертому це вже не збіг: уся група f4 стилювала себе у власних блоках <style>, тож інвентар, виведений зі спільної таблиці стилів, не бачив групи цілком - не одного компонента, а семи екранів разом.

Сторінка звіряє себе з файлом: 8 власних класів і 1 стан, показаний наживо вище.

Прочитані з newsletter.css: 8 семантичних ролей і 19 примітивів. Список виводить node tools/roles.mjs newsletter з самого файла, тож він не може розійтися з ним.