.markdown-body { color: #ddd; font-size: 16px; line-height: 1.8; h1, h2, h3, h4, h5, h6 { color: #fff; margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } h1 { font-size: 2em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 0.3em; } h2 { font-size: 1.5em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 0.3em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } h5 { font-size: 0.875em; } h6 { font-size: 0.85em; color: #888; } p { margin-top: 0; margin-bottom: 16px; } a { color: #1890ff; text-decoration: none; &:hover { text-decoration: underline; } } ul, ol { margin-top: 0; margin-bottom: 16px; padding-left: 2em; } li { word-wrap: break-all; } blockquote { margin: 0 0 16px; padding: 0 1em; color: #8b949e; border-left: 0.25em solid #30363d; } /* Table Styles */ table { display: block; width: 100%; width: max-content; max-width: 100%; overflow: auto; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-bottom: 16px; thead { background-color: rgba(255, 255, 255, 0.1); } tr { background-color: transparent; border-top: 1px solid rgba(255, 255, 255, 0.1); &:nth-child(2n) { background-color: rgba(255, 255, 255, 0.05); } } th, td { padding: 6px 13px; border: 1px solid rgba(255, 255, 255, 0.1); } th { font-weight: 600; text-align: left; /* Ensure text color is readable */ color: #fff; } td { color: #ddd; } } /* Inline Code */ code:not([class*="language-"]) { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: rgba(110, 118, 129, 0.4); border-radius: 6px; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; } /* Images */ img { max-width: 100%; box-sizing: content-box; background-color: transparent; } }