:has() — стили родителя от состояния потомка
Селектор .card:has(input:checked) подсвечивает всю карточку тарифа, когда отмечен radio внутри — меньше классов на корне.
:has() повышает специфичность: держите правила в слое компонентов, не в глобальном reset.
- [:has() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:has) — Relational pseudo-class.
- [:has() — web.dev](https://web.dev/articles/has) — Практики и примеры.
---
## Доступность
Не заменяйте :focus-within там, где важен именно фокус клавиатуры — :has(:focus-visible) точнее для кольца фокуса.
