/* Post layout overrides for Ruby. */

/* A wider text column than Ruby's 720px. Every post and page column uses it. */
:root {
    --content-width: 840px;
}

/* Page container and side padding match the store header and footer (.wrap: 1480px
   wide including 32px padding, 20px from 820px down, 16px from 480px down), so the
   homepage feed, "You might also like" and the header share the same edges. */
:root {
    --container-width: 1416px;
    --gap: 32px;
}

@media (max-width: 820px) {
    :root {
        --gap: 20px;
    }
}

@media (max-width: 480px) {
    :root {
        --gap: 16px;
    }
}

/* Wide and full-width images, galleries and the feature image stay inside the
   text column instead of breaking out towards the full page width. */
.gh-article-image,
.gh-content > .kg-image-card.kg-width-wide,
.gh-content > .kg-image-card.kg-width-full,
.gh-content > .kg-gallery-card.kg-width-wide,
.gh-content > .kg-gallery-card.kg-width-full {
    grid-column: main;
}

/* Ruby's Share button between Previous and Next is removed (it needs Ghost's
   Portal, which this blog doesn't load). Its empty slot would add a gap on
   phones, where the slot stacks above the links. */
@media (max-width: 767px) {
    .navigation-middle:empty {
        display: none;
    }
}