main.blog {
    font-family: var(--sd-serif);
    font-size: 1.125rem;
    max-width: unset;
    font-variant-numeric: oldstyle-nums;

    --prov-chart-background: var(--bg-raised);
    --prov-chart-border: var(--border);
    --prov-data-border: var(--sd-primary);
    --prov-data-background: color-mix(in srgb, var(--prov-data-border) 50%, transparent);
    --gridline-color: color-mix(in srgb, var(--text-strong) 40%, transparent);

    >*,
    .container-md,
    .container-lg,
    .container-xl {
        display: grid;
        grid-template-columns: 1fr;
        min-width: 0;
        max-width: 660px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;

        >* {
            min-width: 0;
        }
    }

    .container-md {
        max-width: 900px;
    }

    .container-lg {
        max-width: 1200px;
    }

    .container-xl {
        max-width: 1500px;
    }

    @media (min-width: 1000px) {
        >* {
            max-width: 900px;
            display: grid;
            grid-template-columns: minmax(600px, 1fr) 240px;
            column-gap: 60px;

            >* {
                grid-column: 1;
            }

            >aside {
                grid-column: 2;
            }

            .fill-grid {
                grid-column-start: 1;
                grid-column-end: -1;
            }
        }
    }

    >*+* {
        margin-top: 3rem;
    }

    >* {
        >aside {
            font-size: 0.875rem;
            color: var(--text-muted);

        }
    }


    >header {
        >time {
            font-size: 1rem;
            font-weight: 700;
            font-family: var(--sd-mono);
            place-self: center;
            border-bottom: 1px solid currentColor;
            text-align: center;
        }
    }

    hgroup {
        font-size: 1.25rem;

        >h2 {
            padding-bottom: 0.5rem;
            text-transform: uppercase;
            border-bottom: 2px solid currentColor;
        }
    }

    h2,
    h3,
    h4,
    h5 {
        font-family: var(--sd-font);
        letter-spacing: 0.03em;
    }

    figure {
        overflow: hidden;
        font-family: var(--sd-mono);
        display: grid;
        gap: 0.25rem;
    }

    figcaption {
        font-family: var(--sd-font);
        font-size: 1rem;
        color: var(--text-muted);
    }

    sup {
        font-variant-numeric: tabular-nums;
    }

    .figure-section-title {
        letter-spacing: 0.08em;
        text-transform: uppercase;
        border-bottom: 1px solid var(--border);
    }
}