/* ── Intern twee-paneel layout ── */
.intern-wrap {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.intern-nav {
    width: 14%;
    min-width: 150px;
    flex-shrink: 0;
    border-right: 1px solid #e0e0e0;
    padding-right: 1.25rem;
}

.intern-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.intern-nav-item {
    padding: 0.55rem 0.5rem;
    cursor: pointer;
    border-radius: 4px;
    margin-bottom: 0.2rem;
    border-left: 3px solid transparent;
    font-size: 0.92rem;
    line-height: 1.35;
    transition: background 0.15s, border-color 0.15s;
}

/* Link variant: let the <a> handle padding so the full row is clickable */
.intern-nav-item:has(a) { padding: 0; }

.intern-nav-item a {
    display: block;
    padding: 0.55rem 0.5rem;
    color: inherit;
    text-decoration: none;
}

.intern-nav-item:hover { background: #f5f5f5; }

.intern-nav-item.is-active {
    background: #eef4fb;
    border-left-color: #2271b1;
    font-weight: 600;
}

.intern-content { flex: 1; min-width: 0; }

.intern-section { display: none; }
.intern-section.is-active { display: block; }

.intern-section-title { margin-top: 0; }

/* Stand page: smaller font for the stand table/content */
.intern-content--stand { font-size: 0.88rem; }