/** * List spacing and indentation * * Nested lists inherit spacing */ ul, ol { margin-bottom: var(--space-lg); padding-left: var(--space-xl); max-width: var(--content-width); } /** * List items */ li { margin-bottom: var(--space-sm); } li::marker { color: var(--color-accent); } /** * Nested lists - Reduced spacing */ li > ul, li > ol { margin-top: var(--space-sm); margin-bottom: var(--space-sm); } /** * Description lists - For key-value pairs */ dl { margin-bottom: var(--space-lg); max-width: var(--content-width); } dt { font-weight: 700; margin-top: var(--space-md); margin-bottom: var(--space-xs); } dd { margin-left: var(--space-xl); margin-bottom: var(--space-sm); color: var(--color-text-muted); } table { width: 100%; max-width: var(--content-width); margin: var(--space-xl) 0; border-collapse: collapse; overflow-x: auto; display: block; } thead { background-color: var(--color-bg-alt); border-bottom: 2px solid var(--color-border); } th { padding: var(--space-sm) var(--space-md); text-align: left; font-weight: 700; color: var(--color-text); } td { padding: var(--space-sm) var(--space-md); border-bottom: 1px solid var(--color-border); } tbody tr:nth-child(even) { background-color: var(--color-bg-alt); } tbody tr:hover { background-color: var(--color-border); transition: background-color var(--transition-fast); }