Складу немає з чого міряти: корінь .sys-min шукали на всіх сорока кольорових екранах і не знайшли, тож речення нижче означає не «організм простий», а «організму в кольорі не існує».

Замір не відбувся. Кореня цього організму немає в спокої на жодному кольоровому екрані, тож обхід сорока екранів не мав що обійти. Склад читається з файлу й з розмітки, знятої після виклику будівника, а не з цієї таблиці.

Розмітка тут - не переписана від руки. Її знято з design/index.html у цій же сесії, обробники зняті, посилання підняті на рівень.

Показано в рамці шириною 1180, і ширина названа не для краси: це ширина, на якій цей організм у продукті стоїть. Медіа-умова читає в'юпорт, а не контейнер, тож жодне правило самого стенда цього не вирішує - тільки справжній в'юпорт, а він є лише в рамки.

Рамка вгорі показує шаблон 500 - шість класів із шістнадцяти. Решта десять лежать на двох інших сірих екранах, у яких так само немає кольорового двійника: .sys-search і .sys-links на wireframes/404.html, а вісім .sysgrid / .syscard / .sysdemo / .sc-* / .demo-btns - на wireframes/system.html. Обидві рамки вантажать system/index.css, тобто це перший раз, коли ці класи видно під системою, а не під _wf.css.

У файлі 1 медіа-умова, і вона - межа, якої стандартні ширини перепису (360 / 390 / 720 / 1280) не бачать зсередини смуги. Заміряти її треба власними ширинами, по одній з кожного боку. Другої тут більше немає: умова на кегль поля пішла разом з його оболонкою на 12.9, а сторінка казала «дві» ще два кроки після того. Її число тут не повторено навмисно - саме на повторі знятого числа ця сторінка й попалась.

• @media (min-width: 620px)

Правила вживання, які називають саме цей компонент: U9. Автор правил один, і це architecture.html, розділ I; тут - витяг.

Ряд дій службової сторінки ще не переведений: кольорових входжень нуль, тож доводити пікселями нема чого.

.sys-min - гола центрована колонка на 78vh, без шапки і без підвалу. Це правильно для 500 і для технічних робіт: зламався сам магазин, і смуга навігації пропонувала б двері, які не відчиняються.

404 - протилежний випадок, і сірий каже це у власному коментарі: «ніколи не глухий кут». Магазин працює, не працює одна адреса. Тому сторінка лишає шапку, підвал і пошук, а помилка стає СЕКЦІЄЮ всередині звичайної сторінки. Вирішує принцип 2 - один ясний наступний крок: на 500 це «спробувати ще раз», на 404 це будь-які з дюжини дверей, які всі досі відчиняються.

.sys-min не можна перевикористати з увімкненою хромованістю: це min-height: 78vh плюс justify-content: center, і на сторінці, яка ще несе шапку й підвал, воно виштовхує все за згин.

Код як гліф, і це закриває inline-стиль, якого сірий не міг уникнути. maintenance.html пише style="font-size:44px" на .sys-code, бо ключ на 60 - це не цифра на 60: цифра несе вагу штрихом, піктограма - своєю коробкою. 44 тут не вигадане: це ВЕРХ --fs-display, драбини, на яку система вже вилазить, тож гліф стає на щабель замість числа, яке хтось набрав один раз.

І розмір знака ФІКСОВАНИЙ, а не плинний - перше написання дало .sys-code--mark значення --fs-display, тобто clamp, і агент це зміряв: ключ виходив 30px на телефоні проти 44 у сірому, на третину менший, на пристрої, під який продукт будують першим - тоді як цифра «500» на сусідньому екрані 60 на всіх ширинах. Дві сторінки-близнюки, один слот, один знак фіксований і один плинний - це не рішення, яке хтось ухвалив. 44 не є щаблем цієї системи (tokens.css відмовився карбувати --fs-36 і --fs-50 заради одного вжитку), тож гліф бере щабель під цифрою і поводиться так, як поводиться його близнюк.

.sys-foot і .sys-foot--fine - тихий рядок під рядом дій. Сірий пише його як .sys-s з style="margin-top:18px;font-size:12.5px", і без цього інлайну виходить чотири пікселі повітря замість вісімнадцяти: .sys-min має gap: --space-4, а .sys-s не має верхнього відступу взагалі. Тобто інлайн був не оздобленням, а загубленим правилом. 11.5 проти 12.5 - це дрейф сірого на драбині, де щабель один; справжня різниця між двома рядками - колір.

Розкол етапу 08 обіцяв «selectors are unchanged», і саме це правило його не пережило: сірий малює .sys-search .go - приварений сабміт - а кольоровий шар не малював нічого, тож слово «Знайти» висіло в коробці без ґрунту, без падінга і без ваги. Заміряно у власній рамці кіта: background rgba(0,0,0,0), padding 0px, 16px/400, без бордера.

Два ремонти були можливі, і лише один зменшує борг. Повернути .sys-search .go означало б зробити це п'ятою рукописною редакцією «поля пошуку з привареною кнопкою»; field.css перелічує чотири, зве їх злиття «Крок 6» і закриває той самий абзац словами «brands.html - перший екран, що тягнеться по неї до системи замість писати п'яту». Вузол S - другий. Оболонка тепер приходить із .field-grp, рівно як шапка вже робить у рантаймі. Чотири редакції стали трьома.

Тут лишилось те, що знає лише ця поверхня: якою завширшки поле на сторінці помилки і що воно стоїть посередині. Жоден кольоровий екран не носив старого правила, тож нічого не довелось перебирати, щоб це сказати.

Сторінка звіряє себе з файлом: 21 власний клас і 0 станів.

Прочитані з system-page.css: 5 семантичних ролей і 19 примітивів.

Жодного оголошення, яке збігається й програє - бо жодне не збігається взагалі. Вирішувач пройшов усі сорок кольорових екранів у дві ширини і поклав усі 210 розгорнутих оголошень цього файлу в один список: «не збігається з жодним елементом». Це не вирок правилам - їх просто ніхто не міг перевірити. Файл при цьому підключений: design/system/index.css імпортує його рядком 90, тож він вантажиться на кожному кольоровому екрані й не малює нічого.

Порівняйте з cookie-banner.css, чиї класи теж не малюються в кольорі: банер хоча б існує в рантаймі, його ставить скрипт. Тут не так - жоден із 16 класів не будується жодним JavaScript, у всьому репозиторії ці імена не зустрічаються в жодному .js. Отже це не стан, який чекає на подію, і не розмітка, яку хтось створить: розмітки немає ніде, крім чотирьох сірих екранів. Рішення - малювати ті чотири екрани в кольорі або тримати файл поза системою, доки їх немає - належить власникові, і цей стенд його не приймає.