/* custom.css — structural shim only.
   The dark look was removed here; the light design system now lives in
   omnivery-2026.css (loaded after this file). Keep only layout/shape rules
   that the design system does not already provide. */

/* blog card shape (colors handled in omnivery-2026.css) */
.label.label-rounded {
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    padding: 0.125rem 0.5rem;
    text-transform: none;
    font-size: 0.7rem;
    line-height: 1.1rem;
    font-weight: 500;
}
.label.label-rounded:hover { text-decoration: none; }
.card,
.card-image { border-radius: 0.5rem; }
div.card-image > a > img {
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}
.u-url {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.6rem;
}
.u-url:hover { text-decoration: none; }

/* header desktop menu alignment */
#header > section > nav > section.navbar-section.desktop-menu {
    justify-content: flex-start;
}

/* mobile overlay list resets (colors/spacing handled in omnivery-2026.css) */
#overlay > nav > ul > li {
    background: none;
    margin-bottom: 0;
}
#overlay > nav > ul > li > span.toggler::before { content: none; }
#overlay > div > a > svg { margin: 0; }

/* blog article (blockquote fully styled in omnivery-2026.css) */
#item > div > div > h2 { margin: 2rem 0rem; }

/* blog hero image block */
#blog-hero {
    margin: 6rem 0rem 4rem 0rem;
    padding: 12rem 0rem 12rem 0rem;
    background-position: center;
    border-radius: 1rem;
}

.yellow { color: #fbb040; }

@media (max-width: 768px) {
    #item > div > div.bricklayer-column { padding-right: 0rem; }
    #blog-hero {
        margin: 4rem 0rem 2rem 0rem;
        padding: 6rem 0rem 6rem 0rem;
    }
    #body-wrapper > section > h1,
    #body-wrapper > section > h1.main { font-size: 2.3rem; }
}