.h-feed {
    .h-entry {
        padding: var(--space-md);

        div:has(> .u-feature) {
            display: flow-root;

            .u-feature {
                max-height: 100px;
                float: left;
                margin-right: var(--space-md);
            }
        }

        .post-tags {
            margin-top: var(--space-sm);
            font-size: small;

            /* hide tags for posts without any */
            &:not(:has(> *)) {
                display: none;
            }

            > span:first-child:before {
                content: "Tags: ";
            }
        }
    }
}

.h-entry {
    .p-summary::before {
        content: "tl;dr: ";
        font-style: italic;
    }

    .post-tags {
        span:not(:last-child):after {
            content: ", ";
        }
    }
}

#tag-index {
    display: flex;
    flex-wrap: wrap;

    > * {
        min-width: max-content;
    }
}

article header {
    margin-bottom: var(--space-lg);
    border-bottom: 1px solid var(--border-accent);

    .post-meta {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-lg);

        div:has(> .u-feature) {
            text-align: center;
            margin: var(--space-xl);

            .u-feature {
                max-height: 300px;
            }
        }
    }
}

.org-svg {
    background: #fff;
    padding: var(--space-xl);
}