.sc-hero{padding:24px 28px;margin-bottom:18px;border-left:5px solid #128779}.sc-kicker{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#28526b}.sc-hero h1{font-size:clamp(26px,4vw,38px);line-height:1.15;margin:0 0 10px;color:#153d55}.sc-hero>p:last-child{margin:0;color:#385c70;line-height:1.6}.sc-preview{max-width:1200px;margin:20px auto;padding:0 18px 24px}.sc-preview>#sc-back{margin-bottom:16px}.sc-workspace{min-width:0}.sc-notice{padding:14px 18px;border:1px solid #b88326;background:#fff6dc;border-radius:16px;margin-bottom:14px;color:#60430e;font-size:14px;line-height:1.5}.sc-toolbar{padding:14px 18px;display:flex;align-items:end;gap:18px;margin-bottom:16px}.sc-search{flex:1;min-width:150px}.sc-search label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:#28526b}.sc-search input{width:100%;margin:0}.sc-filters{border:0;padding:0;margin:0;display:flex;gap:4px;min-width:0}.sc-filters legend{font-size:12px;font-weight:700;margin-bottom:6px;color:#28526b}.sc-filters button,.sc-zoom button{border:1px solid #c2d5de;border-radius:9px;background:#fff;color:#244b63;font:inherit;font-size:13px;padding:10px 13px;cursor:pointer;min-height:44px}.sc-filters [aria-pressed=true]{background:#153f59;color:#fff;border-color:#153f59}.sc-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.sc-map-card{padding:18px;min-width:0;overflow:hidden}.sc-map-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.sc-workspace h2{font-size:20px;margin:0 0 8px;color:#173f58}.sc-workspace h3{font-size:15px;color:#173f58;margin:20px 0 10px}.sc-map-heading p{font-size:12px;margin:0;color:#3b5f72;line-height:1.5}.sc-focus{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;color:#28526b}.sc-focus input{width:18px;height:18px;accent-color:#137e74;margin:0}.sc-key{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:14px;color:#36586d;font-size:11px}.sc-map{position:relative;margin-top:10px;background:#f4f9fa;border:1px solid #d4e3e9;border-radius:14px;overflow:hidden}.sc-map svg{display:block;width:100%;height:auto;min-height:300px;max-height:520px;touch-action:pan-y;user-select:none}.sc-edge{stroke:#a0b8c5;stroke-width:1.5;opacity:.5}.sc-membership{stroke-dasharray:6 5}.sc-active{stroke:#187b78;stroke-width:2.5;opacity:1}.sc-node{cursor:pointer;outline:none}.sc-node circle{fill:#fff;stroke:#679bb7;stroke-width:2}.sc-node rect{fill:#fff2cf;stroke:#937025;stroke-width:2}.sc-you circle{fill:#d7f2ec;stroke:#187b78;stroke-width:3}.sc-selected circle,.sc-selected rect,.sc-node:focus circle,.sc-node:focus rect{stroke:#153f59;stroke-width:4}.sc-symbol{font:22px sans-serif}.sc-label{font:600 15px Nunito,sans-serif;fill:#163e55;paint-order:stroke;stroke:#f4f9fa;stroke-width:5;stroke-linejoin:round}.sc-zoom{position:absolute;bottom:10px;left:10px;display:flex;gap:5px}.sc-zoom button{box-shadow:0 1px 4px #143b5218}.sc-hint{font-size:12px;line-height:1.5;color:#3b5f72;margin:10px 0}.sc-detail{padding:22px;overflow-wrap:anywhere}.sc-detail>div>p{font-size:13px;line-height:1.65;color:#385c70}.sc-avatar{font-size:32px;margin:10px 0}.sc-detail .sc-route{background:#edf5f6;border-left:3px solid #187b78;padding:10px;border-radius:6px;color:#244b63}.sc-neighbours{display:grid;gap:6px;max-height:360px;overflow:auto}.sc-neighbours button,.sc-list button{border:1px solid #d2e0e6;border-radius:10px;background:#fff;text-align:left;font:inherit;color:#244b63;cursor:pointer;padding:10px;min-height:44px}.sc-neighbours strong,.sc-neighbours span{display:block}.sc-neighbours strong{font-size:14px}.sc-neighbours span{font-size:11px;margin-top:3px}.sc-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px;max-height:230px;overflow:auto;padding:2px}.sc-list button{display:flex;gap:8px;align-items:center;min-width:0;font-size:13px;overflow-wrap:anywhere}.sc-list button>span:last-child{min-width:0}.sc-list small{display:block;font-size:10px;color:#476a7c;margin-top:2px}.sc-list [aria-pressed=true]{background:#e0f0ec;border-color:#187b78}.sc-privacy{padding:18px 22px;margin-top:16px;color:#345a70;font-size:12px;line-height:1.65}.sc-privacy p{margin:7px 0 0}.sc-warning{color:#75531a}.sc-workspace button:focus-visible{outline:3px solid #177e75;outline-offset:3px}.sc-workspace .btn{white-space:normal}.sc-workspace [hidden]{display:none!important}
@media(min-width:1100px){body:has(.sc-workspace) #app{max-width:1200px}}
@media(max-width:760px){.sc-columns{grid-template-columns:minmax(0,1fr)}.sc-toolbar{flex-wrap:wrap;gap:12px}.sc-search{flex-basis:100%}.sc-filters{flex:1}.sc-detail{padding:18px}.sc-neighbours{max-height:220px}.sc-hero{padding:20px}.sc-map-card{padding:12px}.sc-map-heading{flex-wrap:wrap}.sc-preview{padding:0 10px 20px;margin-top:12px}.sc-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-map svg{min-height:310px}.sc-key{gap:6px 9px}.sc-label{font-size:19px}.sc-zoom button{padding:7px 11px}.sc-privacy{padding:15px}.sc-filters button{padding:9px 11px}}
.sc-dense .sc-person circle{r:9px}.sc-dense .sc-person .sc-symbol{display:none}.sc-dense .sc-label{display:none}.sc-dense .sc-selected .sc-label,.sc-dense .sc-you .sc-label{display:block}.sc-dense .sc-group rect{transform:rotate(45deg) scale(.65)}.sc-dense .sc-group .sc-symbol{font-size:16px}
.sc-node .sc-hit{fill:transparent!important;stroke:none!important}@media(max-width:760px){.sc-node .sc-hit{r:64px!important}.sc-node circle:not(.sc-hit){r:38px}.sc-node rect{transform:rotate(45deg) scale(1.3)}.sc-symbol{font-size:40px}.sc-label{font-size:30px}}
.sc-dense .sc-person circle:not(.sc-hit){r:9px}.sc-dense .sc-person .sc-hit{r:14px!important}
.sc-preview #sc-back,.sc-workspace .btn.ghost{color:#173f58;background:#fff;border:1px solid #c2d5de}.sc-workspace input[type=search]{color:#173f58;background:#fff;border-color:#c2d5de}.sc-workspace input[type=search]::placeholder{color:#526c7b}.sc-workspace .btn:not(.ghost){color:#fff;background:#17485f}

/* One entry at the bottom of Home/Pulse;member data loads only on request. */
#app .sc-entry{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;align-items:start;margin:28px 0 0;padding:30px;border:1px solid #b9cfd8;border-radius:20px;background:#f4fafb;color:#173f58;text-align:left;clear:both;min-width:0}
#app .sc-entry>img{width:88px;height:88px;border-radius:19px;margin:3px 0 0;max-width:100%}
#app .sc-entry h2{color:#173f58;font-size:clamp(24px,3.5vw,34px);line-height:1.2;margin:0 0 12px;text-transform:none;letter-spacing:-.02em}
#app .sc-entry p{color:#355b70;font-size:15px;line-height:1.7;margin:0 0 10px}
#app .sc-entry .sc-kicker{font-size:11px;line-height:1.6;font-weight:800;margin-bottom:9px;color:#28526b}
#app .sc-entry .sc-entry-note{font-size:13px;max-width:65ch}
.sc-entry-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 14px}
#app .sc-entry-actions button{font:inherit;font-weight:800;font-size:14px;border:1px solid #17485f;border-radius:12px;background:#17485f;color:white;min-height:46px;padding:11px 16px;cursor:pointer;white-space:normal;text-align:center}
#app .sc-entry-actions .sc-entry-example{background:white;color:#17485f}
#app .sc-entry .sc-tool-link{display:inline-block;font-size:13px;font-weight:800;color:#175b71;text-decoration:underline;text-underline-offset:3px;line-height:1.7;overflow-wrap:anywhere;padding:5px 0}
.sc-entry button:focus-visible,.sc-entry a:focus-visible{outline:3px solid #187b78;outline-offset:4px}
.sc-back{margin:0 0 16px}
@media(max-width:600px){#app .sc-entry{grid-template-columns:minmax(0,1fr);padding:22px 18px;gap:16px;margin-top:22px}#app .sc-entry>img{width:64px;height:64px;border-radius:14px}#app .sc-entry-actions{display:grid;grid-template-columns:minmax(0,1fr)}#app .sc-entry-actions button{width:100%}}

/* Personal inline friend graph. The full Connections explorer keeps its own layout. */
#app .sc-friends{margin:28px 0 0;padding:28px;border:1px solid #b8d3d4;border-radius:22px;background:#fffefb;color:#153e4c;min-width:0;clear:both;text-align:left}
#app .scf-heading{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:24px}
#app .scf-heading h2{font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.035em;color:#153e4c;margin:0 0 9px}
#app .scf-heading p{font-size:15px;color:#46636c;line-height:1.6;margin:0}
#app .scf-heading .scf-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:#376b6b;margin-bottom:10px}
#app .scf-private{font-size:12px;font-weight:800;color:#32615c;background:#e8f3ed;border:1px solid #cfdfd3;padding:8px 12px;border-radius:30px;white-space:nowrap}
#app .scf-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #dde7e4;color:#254d59;font-size:14px}
#app .scf-meta>div{display:flex;align-items:center;gap:14px}
#app [data-friend-status]{font-size:12px;color:#4b666d}
#app .scf-body{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:26px;padding-top:20px}
#app .scf-map{background:#f3f8f5;border:1px solid #d8e6de;border-radius:16px;overflow:hidden;position:relative;min-width:0}
#app .scf-map svg{display:block;width:100%;height:auto;min-height:260px;max-height:440px}
#app .scf-map line{stroke:#6f9d93;stroke-width:1.8;opacity:.65}
#app .scf-person circle{fill:#fff;stroke:#45877b;stroke-width:2.5}
#app .scf-you circle{fill:#184c4e;stroke:#d9e8dc;stroke-width:8}
#app .scf-symbol{font:25px sans-serif}
#app .scf-label{font:800 21px Nunito,sans-serif;fill:#234d54;paint-order:stroke;stroke:#f3f8f5;stroke-width:5;stroke-linejoin:round}
#app .scf-map>p{font-size:14px;line-height:1.6;color:#45645f;text-align:center;margin:0;padding:0 18px 22px}
#app .scf-list-wrap{min-width:0;align-self:start}
#app .scf-list-wrap h3{font-size:16px;color:#254d59;margin:0 0 5px}
#app .scf-list-hint{font-size:12px;line-height:1.6;color:#526e73;margin:0 0 14px}
#app .scf-list{display:grid;gap:7px;max-height:294px;overflow:auto;padding:3px;margin:-3px}
#app .sc-friends button{font:inherit;cursor:pointer;min-height:44px;box-shadow:none;border-radius:10px}
#app .scf-list button{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;color:#254d59;background:#fff;border:1px solid #dce7e2;font-size:14px;min-width:0;overflow-wrap:anywhere;width:100%}
#app .scf-list button>span:first-child{font-size:22px;flex-shrink:0}
#app .scf-list small{display:block;font-size:11px;color:#55736f;margin-top:3px}
#app .scf-list button:hover{border-color:#438579;background:#f3f8f5}
#app .scf-list button:disabled{cursor:default;opacity:1}
#app .scf-refresh{font-size:12px;font-weight:800;border:1px solid #c9dcd4;background:#fff;color:#2c5c55;padding:8px 12px;white-space:nowrap}
#app .scf-find{font-size:13px;font-weight:800;border:0;background:transparent;color:#1d655b;padding:9px 0;margin-top:10px;text-align:left}
#app .scf-note{font-size:12px;color:#557069;line-height:1.7;margin:16px 0 0}
#app .scf-warning{font-size:13px;line-height:1.6;color:#71521c;background:#fff5dc;padding:10px 14px;border-radius:9px;margin:12px 0 0}
#app .scf-gate{border:1px dashed #b4cfc2;border-radius:16px;text-align:center;background:#f3f8f5;padding:35px 20px}
#app .scf-gate>span{font-size:34px}
#app .scf-gate h3{font-size:21px;color:#264f51;margin:12px 0 6px}
#app .scf-gate p{font-size:14px;line-height:1.6;color:#4f6d68;margin:0 0 20px}
#app .scf-primary{font-size:14px;font-weight:800;color:#fff;background:#215c56;border:1px solid #215c56;padding:10px 22px}
#app .sc-friends button:focus-visible{outline:3px solid #296f63;outline-offset:3px}
#app .sc-friends [hidden]{display:none!important}
@media(max-width:760px){#app .sc-friends{padding:22px 18px;border-radius:18px}#app .scf-heading{flex-wrap:wrap;gap:12px;margin-bottom:20px}#app .scf-private{font-size:11px;padding:6px 10px}#app .scf-body{grid-template-columns:minmax(0,1fr);gap:20px}#app .scf-meta{align-items:start;flex-direction:column;gap:4px}#app .scf-meta>div{width:100%;justify-content:space-between;gap:8px}#app .scf-map svg{min-height:210px}#app .scf-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:270px}#app .scf-list button{font-size:14px}#app .scf-note{font-size:12px}}
@media(max-width:380px){#app .sc-friends{padding:20px 14px}#app .scf-list{grid-template-columns:minmax(0,1fr)}#app .scf-heading h2{font-size:26px}#app .scf-map svg{min-height:190px}}