/*
 * Article sidebar component
 *
 * Sections: Part of, Nearby in the library, Notes (epistemic), Tagged,
 * New here? Only rendered on the article template. On narrow screens the
 * sidebar collapses below the article body.
 */

.sidebar {
    font-family: var(--font-sans);
    font-size: 0.82rem;
    color: var(--color-ink-muted);
    align-self: start;
    position: sticky;
    top: var(--space-lg);
}

@media (max-width: 999px) {
    .sidebar {
        position: static;
        margin-top: var(--space-xl);
        padding-top: var(--space-lg);
        border-top: 1px solid var(--color-border);
    }
}

.sidebar-section {
    margin-bottom: var(--space-lg);
}

.sidebar-heading {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--color-ink-muted);
    margin-bottom: var(--space-xs);
    font-weight: 600;
}

.sidebar-section p {
    font-size: 0.85rem;
    line-height: 1.5;
    color: var(--color-ink-muted);
    margin-bottom: 0.3rem;
}

.sidebar-section a {
    color: var(--color-primary);
    text-decoration: none;
}

.sidebar-section a:hover {
    text-decoration: underline;
    color: var(--color-primary-hover);
}

.sidebar-peers {
    list-style: none;
}

.sidebar-peers li {
    margin-bottom: 0.7rem;
    line-height: 1.4;
}

.sidebar-peers a {
    font-family: var(--font-serif);
    font-size: 1rem;
    color: var(--color-primary-dark);
    font-style: normal;
}

.sidebar-peers a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.sidebar-epistemic p {
    font-size: 0.8rem;
    font-style: italic;
    line-height: 1.5;
}

.sidebar-epistemic .revisited {
    color: var(--color-primary);
    display: block;
    margin-top: 0.35rem;
    font-style: italic;
}

/* Tagged: secondary discovery layer, small inline tag links */
.sidebar-tagged .tagged-list {
    font-size: 0.8rem;
    line-height: 1.55;
    color: var(--color-ink-muted);
}

.sidebar-tagged .tagged-list a {
    color: var(--color-primary);
    text-decoration: none;
    white-space: nowrap;
}

.sidebar-tagged .tagged-list a:hover {
    text-decoration: underline;
    color: var(--color-primary-hover);
}

.sidebar-newhere {
    margin-top: var(--space-md);
    padding: var(--space-sm) var(--space-sm) var(--space-sm) 0.9rem;
    border-left: 2px solid var(--color-primary);
    background: var(--color-bg-subtle);
}

.sidebar-newhere p {
    font-size: 0.8rem;
    line-height: 1.5;
    margin-bottom: 0.3rem;
    color: var(--color-ink-muted);
}

.sidebar-newhere a {
    font-weight: 600;
}