.webmentions {
    h2 {
        margin-bottom: 4px;
    }
    .facepile {
        --overlap: 8px;
        margin-left: var(--overlap);
    }

    a.avi {
        display: inline-block;
        margin-left: calc(-1 * var(--overlap));

        img {
            border-radius: 100%;
            border: 2px solid white;
            &:hover {
                position: relative;
                scale: 1.2;
                z-index: 2;
            }
        }
    }
    .wm-reply {
        a.avi {
            position: relative;
            top: 16px;
        }
        .avi-placeholder {
            position: relative;
            top: 16px;
            width: 48px;
            height: 52px;
            margin: 0 !important;
        }

        .wm-reply-meta {
            display: flex;
            align-items: center;
            padding: 4px;

            .wm-reply-name {
                font-weight: 700;
            }
            .wm-reply-date {
                color: var(--cyan-11);
            }
            span {
                margin-top: 0;
                margin-left: 12px;
            }
        }
        .wm-reply-text {
            margin-top: -16px;
            margin-left: 64px;
        }
        .wm-reply-author:not(:hover) {
            text-decoration: none;
        }
    }
}
/* Base settings */
        *,:before,:after {
            box-sizing: border-box;
        }

        picture, img {
            max-inline-size: 100%;
            block-size: auto;
        }

        html {
            background-color: var(--bg-accent-color);
        }

        body {
            padding: 0 8px;
            max-width: 800px;
            margin: auto;
            background-color: var(--bg-color);

            color: var(--text-color)
        }

        pre.shiki {
            max-width: 100%;
            overflow-y: scroll;
        }
        
        /* Dark Mode overrides */
        @media (prefers-color-scheme: dark) {
            img {
                filter: brightness(0.8) contrast(1.2);
            }
        }
.wz6heiixt header{container-type:inline-size;display:flex;flex-direction:row}.wz6heiixt p{font-family:"Diffusion Web",sans-serif;font-size:1.5em;@container (min-width:500px){font-size:2em}}.wz6heiixt a{flex-basis:60px;align-content:center}.wz6heiixt p{text-align:right;align-content:center;flex-grow:1;margin:0}
.wmbzrmozs{display:block;background-color:var(--bg-accent-color);margin:0-8px;padding:32px 8px}.wmbzrmozs p{font-size:20px}