.markdown-body h1:first-child { margin-block-start: 0; padding-block-start: 0; } .markdown-body blockquote, .markdown-body details, .markdown-body dl, .markdown-body ol, .markdown-body p, .markdown-body code, .markdown-body pre, .markdown-body table, .markdown-body ul { margin-top: 0; margin-bottom: 16px; } .markdown-body li, .markdown-body p { padding: 0; line-height: 1.5; } .markdown-body h1 { display: block; } .markdown-body h1, .markdown-body h2, .markdown-body h3 { color: var(--color-contrast); } .markdown-body h1, .markdown-body h2 { padding: 10px 0 5px; border-bottom: 1px solid var(--color-divider); } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6, .markdown-body li, .markdown-body p { word-wrap: break-word; overflow-wrap: anywhere; } .markdown-body blockquote { padding: 0 1em; color: var(--color-base); border-left: 0.25em solid var(--color-button-bg); margin-inline: 0; } .markdown-body a { cursor: pointer; color: var(--color-blue); } .markdown-body a:focus-visible, .markdown-body a:hover { filter: brightness(1.2); text-decoration: none; } .markdown-body a:active { filter: brightness(1.1); text-decoration: none; } .markdown-body a:active > img { scale: 0.98; } .markdown-body img { max-width: 100%; height: auto; display: inline-block; } .markdown-body html:not(.dark-mode, .oled-mode)selfimg[src$='#gh-dark-mode-only'] { display: none; } .markdown-body html:is(.dark-mode, .oled-mode)selfimg[src$='#gh-light-mode-only'] { display: none; } .markdown-body pre { margin-top: 1rem; padding: 14px; border-radius: var(--radius-sm); background-color: var(--color-button-bg); overflow-x: auto; } .markdown-body pre code { font-size: 80%; padding: 0; border-radius: 0; } .markdown-body code { padding: 0.2em 0.4em; font-size: 80%; border-radius: var(--radius-sm); background-color: var(--color-button-bg); color: var(--color-contrast); } .markdown-body hr { margin: 20px 0; color: var(--color-button-bg); } .markdown-body table { display: block; width: max-content; max-width: 100%; overflow: auto; border-collapse: separate; border-spacing: 0; line-height: 1.5; border: 0.1rem solid var(--color-button-bg); border-radius: var(--radius-sm); } .markdown-body table th { font-weight: 600; } .markdown-body table td, .markdown-body table th { padding: 0.4rem 0.85rem; } .markdown-body table tr:nth-child(2n) { background-color: var(--color-accent-contrast); } .markdown-body table td:not(:last-of-type), .markdown-body table th:not(:last-of-type) { border-right: 0.1rem solid var(--color-button-bg); } .markdown-body table tr:not(:last-of-type) td, .markdown-body table th { border-bottom: 0.1rem solid var(--color-button-bg); } .markdown-body details { border: 0.15rem solid var(--color-button-bg); border-radius: var(--radius-sm); padding: 0.5rem 0.5rem 0; } .markdown-body details summary { font-weight: bold; margin: -0.5rem -0.5rem 0; padding: 0.5rem 0.8rem; cursor: pointer; background-color: var(--color-button-bg); border-radius: var(--radius-xs); } .markdown-body details summary:hover { filter: brightness(0.85); } .markdown-body details[open] { padding: 0.5rem; } .markdown-body details[open] summary { margin-bottom: 0.5rem; border-radius: var(--radius-xs) var(--radius-xs) 0 0; } .markdown-body details[open] > :last-child:not(summary) { margin-bottom: 0 !important; } .markdown-body > :last-child { margin-bottom: 0 !important; } .markdown-body iframe, .markdown-body video { aspect-ratio: 1.7777777778; width: 850px; max-width: 100%; height: auto; } @media screen and (max-width: 1280px) { .markdown-body iframe, .markdown-body video { width: 100%; } }