Shared Style Ownership

Put shared role appearance in focused stylesheets named for the role, such as styles/list.css, styles/item.css, styles/actions.css, and styles/pricing.css. Load these before focused part-specific files such as styles/videos.css or styles/products.css. Style .list and .item at the shared level; use .list.videos, .item.video, or nested .duration only for vlog-specific differences. Pricing shared by products and services belongs in one pricing.css file. Domain files may override shared declarations when needed but must not copy them. Keep visual presentations such as card or three-dimensional treatments in CSS, separate from the role and domain classes in markup.