.character_manager {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
}

/* BUTTON */
a.character_manager_button:link,
a.character_manager_button:hover,
a.character_manager_button:visited,
a.character_manager_button:active {
    background: var(--btn-accent-bg);
    color: var(--text-bright);
    display: inline-block;
    padding: 4px 8px;
    margin: 2px 2px 6px 2px;
    border: 1px solid var(--border-color);
    font-size: 14px;
    border-radius: 6px;
}

/* CHARAKTER BOX */

.character_manager_character {
    width: 30%;
    text-align: center;
    color: var(--text-color);
}

.character_manager_username {
    font-size: 16px;
    font-weight: bold;
    color: var(--text-color);
}

.character_manager_avatar img {
    padding: 5px;
    border: 1px solid var(--border-color);
    background: var(--bg-alt);
}

/* IDEAS BOX */

.character_manager_ideas {
    margin: 10px 0;
}

.character_manager_ideas-headline {
    background: var(--btn-accent-bg);
    color: var(--text-bright);
    border-bottom: 1px solid var(--border-color-strong);
    padding: 8px;
    height: 35px;
    font-weight: bold;
}

.character_manager_ideas_bit-chara {
    margin: 10px 0 0 0;
}

.character_manager_ideas_bit-title {
    border-bottom: 2px solid var(--border-color);
    font-weight: bold;
    color: var(--text-color);
}

.character_manager_ideas_bit-item {
    font-size: 11px;
    color: var(--text-muted);
}