Как работают `:checked` и `:indeterminate`?

• :checked — checkbox/radio в выбранном состоянии, option selected
• :indeterminate — неопределённое состояние: checkbox с indeterminate = true (JS), radio group без выбора, progress без value
• Используется для CSS-only toggle паттернов:

input:checked + label { color: blue; }
input:checked ~ .content { display: block; }