/* The teal globe and partner cue identify Sino-foreign institutions across discovery. */
.csg-joint-home { --joint:#076c62; --joint-ink:#082044; --joint-tint:#eaf4ef; font:16px/1.6 Arial,Helvetica,sans-serif; color:var(--joint-ink); }
.csg-joint-home * { box-sizing:border-box; }
.csg-joint-label { display:inline-flex; align-items:center; gap:8px; padding:7px 11px; background:#076c62; color:#fff; font:700 13px/1.4 Arial,Helvetica,sans-serif; border-radius:3px; }
.csg-joint-label svg { width:18px; height:18px; flex:none; }
/* Reuse Home's section header, gutters and university-card structure. */
.csg-joint-home { background:#fefdfa; }
.csg-joint-home .csg-home-heading-art { background:#eaf4ef; color:#076c62; }
.csg-joint-home .csg-home-heading-art>span { color:#076c62; border-color:#98bfb1; }
.csg-joint-home .csg-home-section-head>a { color:#076c62; }
.csg-joint-home .csg-home-selection-note { max-width:none; }
.csg-joint-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0 0 28px; border:1px solid #d2e1d8; border-radius:6px; background:#eef5f1; }
.csg-joint-points>div { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:13px; padding:20px; }
.csg-joint-points>div+div { border-left:1px solid #d2e1d8; }
.csg-joint-point-icon { display:grid; place-items:center; width:42px; height:42px; background:#fffdf9; color:#076c62; border-radius:8px; }
.csg-joint-point-icon svg { width:27px; height:27px; stroke-width:1.5; }
.csg-joint-points strong { display:block; font:700 18px/1.4 Arial,Helvetica,sans-serif; color:#082044; }
.csg-joint-points>div>div>span { display:block; margin-top:4px; font:400 13px/1.5 Arial,Helvetica,sans-serif; color:#586477; }
.csg-joint-home .csg-joint-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.csg-joint-card .csg-home-uni-photo { position:relative; height:auto; aspect-ratio:16/9; border-color:#63868a!important; }
.csg-joint-card .csg-home-uni-photo>.csg-joint-label { position:absolute; top:12px; left:12px; padding:5px 8px; }
.csg-joint-card .csg-home-uni-body { padding:20px; }
.csg-joint-card .csg-home-uni-title { grid-template-columns:40px minmax(0,1fr); min-height:78px; gap:10px; }
.csg-joint-card .csg-home-uni-title img { width:40px; height:40px; }
.csg-joint-card .csg-home-uni-meta { background:#eaf4ef; }
.csg-joint-card .csg-home-uni-body::after { color:#076c62; }
.csg-joint-placeholder .csg-home-uni-title { display:flex; }
.csg-joint-placeholder .csg-home-uni-body::after { display:none; }
.csg-joint-placeholder:hover { transform:none; box-shadow:none; border-color:var(--line); }
.csg-joint-placeholder-art { display:flex; align-items:center; justify-content:center; gap:12px; background:#eef3f2; color:#63868a; }
.csg-joint-placeholder:nth-child(3) .csg-joint-placeholder-art { background:#f3f0e8; color:#8b806c; }
.csg-joint-placeholder:nth-child(4) .csg-joint-placeholder-art { background:#edf0f5; color:#78879e; }
.csg-joint-placeholder-art>svg:first-child { width:55px; height:55px; stroke-width:1; }
.csg-joint-placeholder-art>svg:last-child { position:absolute; right:16px; bottom:14px; width:22px; height:22px; stroke-width:1.3; }
.csg-joint-placeholder-art>span { font:700 22px/1.1 'CSG Display','Arial Narrow',Arial,sans-serif; }
.csg-joint-coming-soon { display:flex; align-items:center; gap:8px; padding-top:18px; margin-top:18px; border-top:1px solid var(--line); font:400 13px/1.5 Arial,Helvetica,sans-serif; color:#586477; }
.csg-joint-coming-soon svg { width:17px; height:17px; flex:none; }
.csg-joint-type-switch { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 23px; }
.csg-joint-type-switch button { display:flex; align-items:center; gap:8px; border:1px solid #c8d9d2; padding:10px 14px; background:#fff; color:#082044; border-radius:3px; font:700 16px/1.4 Arial,Helvetica,sans-serif; cursor:pointer; }
.csg-joint-type-switch button svg { width:18px; height:18px; }
.csg-joint-type-switch button[aria-pressed=true] { background:#076c62; color:#fff; border-color:#076c62; }
.csg-joint-filter-context { margin:0 0 22px; padding:15px 17px; background:#eaf4ef; border-left:3px solid #076c62; font:400 16px/1.6 Arial,Helvetica,sans-serif; color:#26364b; }
.csg-joint-filter-context[hidden] { display:none; }
.csg-directory-card[data-institution-type="sino-foreign"] { border-color:#98bfb1; }
.csg-directory-card[data-institution-type="sino-foreign"] .csg-directory-card-location { background:#eaf4ef; }
.csg-directory-card-photo { position:relative; }
.csg-directory-card-photo .csg-joint-label { position:absolute; left:14px; top:14px; right:auto; max-width:calc(100% - 28px); }
.csg-directory-card-photo .csg-joint-label svg { width:16px; height:16px; }
.csg-joint-home a:focus-visible,.csg-joint-type-switch button:focus-visible { outline:3px solid #b60819; outline-offset:4px; }
@media(max-width:1100px) {
 .csg-joint-points>div { padding:18px 14px; gap:10px; }
 .csg-joint-home .csg-joint-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .csg-joint-card .csg-home-uni-title { min-height:64px; }
}
@media(max-width:760px) {
 .csg-joint-home .csg-home-shell { width:calc(100% - 40px); margin-inline:auto; }
 .csg-joint-home .csg-joint-card-grid { grid-template-columns:1fr; }
 .csg-joint-points { grid-template-columns:1fr; }
 .csg-joint-points>div { padding:17px 18px; }
 .csg-joint-points>div+div { border-left:0; border-top:1px solid #d2e1d8; }
 .csg-joint-card .csg-home-uni-body { padding:22px; }
 .csg-joint-card .csg-home-uni-title { min-height:0; }
 .csg-joint-type-switch { gap:6px; }
 .csg-joint-type-switch button { font-size:13px; padding:10px; }
}