.main-content {
    grid-column: 2 / 4;
    width: 100%;
    max-width: 1000px;
    min-width: 0;
    justify-self: start;
    border-left: 1px solid var(--border);
}

/* Tabs */
sl-tab-group {
    --indicator-color: var(--accent);
    --track-color: var(--border);
}

/* Tab content */
sl-tab-panel {
    padding: clamp(1rem, 3vw, 2rem);
}

/* Inactive tab */
sl-tab::part(base) {
    color: var(--text-secondary);   /* Moss Gray */
    font-size: 1rem;
}

/* Active tab */
sl-tab[active]::part(base) {
    color: var(--text-tertiary);    /* Forest Olive */
}

/* Hover */
sl-tab::part(base):hover {
    color: var(--accent-hover);     /* Deep Sage */
}