CSS to make P2 mode dense

p2_dense_userstyle.css

/* ==UserStyle==
@name           wordpress.com - 5/15/2023, 5:11:36 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A custom userstyle to make P2 more dense visually. Use via the Stylus extension on Firefox/Chrome.
@author         Me
==/UserStyle== */

@-moz-document domain("wordpress.com") {
    body {
        --override-line-height: 1.5;   
    }
    
    .entry-content:not(.is-editing),
    .comment-content {
        line-height: var(--override-line-height);
    }

    .entry-content:not(.is-editing) p,
    .comment-content p {
        margin: 0 0 1.0em;
    }

    .o2-child-comments .o2-comment {
        padding: 1.0em 0 0;
    }

    div.o2-comment-footer-actions {
        padding: 0 0 10px;
    }

    :where(ul, ol):not(.wp-submenu) {
        margin: 0 0 0.5em 2.6em;
        line-height: var(--override-line-height);
    }

    .entry-content:not(.is-editing) h2, .comment-content h2, .entry-content:not(.is-editing) h3, .comment-content h3, .entry-content:not(.is-editing) h4, .comment-content h4, .entry-content:not(.is-editing) h5, .comment-content h5, .entry-content:not(.is-editing) h6, .comment-content h6 {
      line-height: var(--override-line-height);
    }

    .entry-content:not(.is-editing) h1, .comment-content h1, .entry-content:not(.is-editing) h2, .comment-content h2, .entry-content:not(.is-editing) h3, .comment-content h3, .entry-content:not(.is-editing) h4, .comment-content h4, .entry-content:not(.is-editing) h5, .comment-content h5, .entry-content:not(.is-editing) h6, .comment-content h6 {
      margin: 0.5em 0 0.2rem;
    }

    .entry-content:not(.is-editing) li:not(.blocks-gallery-item):last-child,
    .comment-content li:not(.blocks-gallery-item):last-child {
        margin-bottom:1em;
    }

    .entry-content:not(.is-editing) p,
    .comment-content p {
        margin: 0 0 0.8em;
    }

    .comment-content li:not(.blocks-gallery-item) {
        margin-bottom: 0.3em;
    }

    .entry-content:not(.is-editing) blockquote,
    .comment-content blockquote,
    .entry-content:not(.is-editing) pre,
    .comment-content pre {
        margin-bottom:1.0em;
    }

    .entry-content:not(.is-editing) li:not(.blocks-gallery-item) ul,
    .comment-content li:not(.blocks-gallery-item) ul {
        padding-left:0;
    }

    .entry-content:not(.is-editing) li:not(.blocks-gallery-item)>ul,
    .comment-content li:not(.blocks-gallery-item)>ul,
    .entry-content:not(.is-editing) li:not(.blocks-gallery-item)>ol,
    .comment-content li:not(.blocks-gallery-item)>ol {
        margin-top:0.2em;
    }

    .entry-content:not(.is-editing) table td, .comment-content table td, .entry-content:not(.is-editing) table th, .comment-content table th {
        padding: .5em .5em;
    }
    
    .o2-comment {
        padding:1em 10% 0 10%;
    }
    
    body {
        line-height: var(--override-line-height);
    }
}