/* Viewer/project relationships: shared by Discover, Explore and Portfolio. */
.project-relationship {
    --relationship-follow:#245ec6;
    --relationship-follow-bg:#edf4ff;
    --relationship-follow-border:#c3d7f5;
    --relationship-owner:#734db1;
    --relationship-owner-bg:#f5f0fc;
    --relationship-owner-border:#dacaf0;
    --relationship-both-bg:#f2f3fc;
    --relationship-both-border:#cbcfee;
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.35rem;
    min-width:0;
    max-width:100%;
}
.project-relationship[hidden] { display:none; }
.project-relationship > .project-relationship-chip {
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    max-width:100%;
    min-width:0;
    padding:.25rem .5rem;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--card-soft);
    color:var(--muted);
    font-size:.75rem;
    line-height:1.4;
    text-decoration:none;
}
.project-relationship-chip[data-following="true"] {
    color:var(--relationship-follow);
    background:var(--relationship-follow-bg);
    border-color:var(--relationship-follow-border);
}
.project-relationship-chip[data-owned="true"] {
    color:var(--relationship-owner);
    background:var(--relationship-owner-bg);
    border-color:var(--relationship-owner-border);
}
.project-relationship-chip[data-owned="true"][data-following="true"] {
    background:var(--relationship-both-bg);
    border-color:var(--relationship-both-border);
}
.project-relationship-name { min-width:0; overflow-wrap:anywhere; color:var(--text); }
.project-relationship-icon { display:inline-flex; flex:none; }
.project-relationship-icon.is-owned { color:var(--relationship-owner); }
.project-relationship-icon.is-following { color:var(--relationship-follow); }
.project-relationship-chip svg {
    width:14px;
    height:14px;
    flex:0 0 14px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.project-relationship-chip:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.network-person-projects > .project-relationship { padding:0; border:0; border-radius:0; background:transparent; }
body.theme-dark .project-relationship, [data-theme="dark"] .project-relationship {
    --relationship-follow:#97c0ff;
    --relationship-follow-bg:#1b3150;
    --relationship-follow-border:#3a608c;
    --relationship-owner:#d3b4ff;
    --relationship-owner-bg:#342646;
    --relationship-owner-border:#71528e;
    --relationship-both-bg:#282d44;
    --relationship-both-border:#585e89;
}
@media (forced-colors:active) {
    .project-relationship > .project-relationship-chip { color:CanvasText; background:Canvas; border-color:CanvasText; }
    .project-relationship-icon { color:CanvasText; }
}