/*
 * Aside component
 *
 * Tangents, author interjections, and side thoughts within article bodies.
 * Authored as raw HTML in markdown: <aside class="aside">...</aside>
 * (see technical/build-next.md Decision 7).
 */

.aside {
    font-family: var(--font-sans);
    font-size: 0.95rem;
    color: var(--color-ink-muted);
    border-left: 2px solid var(--color-primary);
    padding: 0.35rem 0 0.35rem 1.2rem;
    margin: 1.5rem 0;
    line-height: 1.55;
}

.aside em {
    font-style: italic;
}

.aside .aside-label {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--color-primary);
    font-weight: 600;
    display: block;
    margin-bottom: 0.3rem;
}