strong {
	font-weight:600;
}

h4 {
	margin-top:1.5rem;
}

/* <code> shouldn't be same color as link */
code {
    color: slategray
}

/* Highlight JS code block */
code.hljs {
    border-radius:5px;
    margin-left:1.5rem;
    max-width:40rem;
    font-size:0.8rem;
}

/* Search box in right sidebar */
#search-2 {
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}

/* Titles in right sidebar */
h3.widget-title {
    font-size:1.25rem;
}

/*  "One thought on 'Hello world!'" / "Leave a Reply" */
#reply-title, h2.comments-title {
    margin-top:1.5rem;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}

/* Better comment formatting */
.reply {
    margin-bottom: 1rem;
    margin-top: -0.75rem;
    font-style: italic;
}

/* Posted on x by y" */
.entry-meta {
    margin-bottom:1rem;
}

/* Crudely hide footer, date of post update, menu "burger" on mobile */
#wrapper-footer, time.updated, button.navbar-toggler {
    display:none;
}
/* Workaround for class: published AND updated */
time.updated.published{
    display:inline;
}

/* Some italic text */
.nav-links, .entry-footer, .entry-meta {
    font-style: italic;
}

/* Front page spacing between articles
   Syntax is "article that follows an article" */
article + article {
    margin-top:2rem;
}

/* Class for smaller videos */
.video-smaller video {
    max-height:30rem;
}

/* Video caption */
.wp-block-video figcaption, .wp-block-image figcaption {
    font-style: italic;
    font-size: 0.9rem;
    margin-top: 0.25rem;
    color: slategray;
}

/* Bit of space above pagination nav */
.pagination {
    margin-top: 1rem;
}

/* Langwag + portfolio promo: card at the top of the sidebar (md and up), pill in the navbar (phones) */
.osull-promo {
    margin-bottom: 1.5rem;
}
.osull-langwag-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    margin-bottom: 0.75rem;
    border: 2px solid #14abd9;
    border-radius: 14px;
    background: #f1fafd;
    text-decoration: none !important;
}
.osull-langwag-card:hover {
    background: #e0f4fb;
}
.osull-langwag-card img {
    flex: none;
}
.osull-langwag-card strong {
    display: block;
    color: #0c75a1;
    font-size: 1rem;
    line-height: 1.3;
}
.osull-langwag-card span {
    display: block;
    color: #46565e;
    font-size: 0.85rem;
    line-height: 1.4;
}
.osull-link {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #c00077;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3;
}
.osull-link img {
    flex: none;
    width: 40px;
    height: 40px;
}
@media (min-width: 768px) {
    /* same inset as the card above it (2px border + 14px padding), so icons and text line up */
    .osull-link {
        padding: 0 16px;
    }
}
/* phones: the same card, compact, one line, in the content gutter under the navbar */
.osull-mobile-card {
    padding-top: 0.75rem;
}
.osull-mobile-card .osull-langwag-card {
    margin-bottom: 0;
    padding: 6px 12px;
    gap: 10px;
    border-radius: 10px;
}
.osull-mobile-card .osull-langwag-card strong {
    font-size: 0.95rem;
}
.osull-mobile-card .osull-langwag-card span {
    font-size: 0.8rem;
}

/* phones: the sidebar follows the content, so give it a visible start */
@media (max-width: 767.98px) {
    #right-sidebar {
        margin-top: 2rem;
        padding-top: 1.5rem;
        border-top: 1px solid #dee2e6;
    }
}