.summary {
    margin-top: 40px;
    padding: 10px;
    border-radius: 10px;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.15),
        0 8px 24px rgba(0, 0, 0, 0.10),
        0 2px 6px rgba(255, 255, 255, 0.06);
}

[theme=dark] .summary {
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.70),
        0 8px 24px rgba(0, 0, 0, 0.50),
        0 2px 6px rgba(0, 0, 0, 1);
}

/* Center images and GIFs in blog posts */
.content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
}