Shared Visual Styles

Style abstract UI roles before domain types. Define shared site or theme styles for lists, items, list actions, item actions, CTAs, links, titles, icons, forms, fields, dialogs, content, time, and pricing when those roles are present. Put each reusable role in a focused stylesheet and define its common colors, typography, spacing, borders, states, and responsive behavior once. Let post, video, episode, product, and service components inherit those role styles through their semantic role classes. Add domain-specific rules only for genuine differences.