/* ── Relationships ── */

#relationships-container {
    padding: 0 0 60px;
}

.rel-tb-btn {
    background: #1a1e26;
    border: 1px solid #2a3040;
    color: #6b7585;
    font-size: 0.72rem;
    padding: 5px 12px;
    cursor: pointer;
    font-family: 'Times New Roman', Times, serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: border-color 0.15s, color 0.15s;
}

.rel-tb-btn:hover {
    border-color: #508dc7;
    color: #508dc7;
}

.rel-tb-btn.active {
    border-color: #508dc7;
    color: #508dc7;
    background: #508dc720;
}

@media (max-width: 480px) {
    .rel-tb-btn {
        font-size: 0.68rem;
        padding: 4px 10px;
    }
}