/* Geographic Members hero. Scoped to the Members page; directory styles stay shared. */
body[data-page="network"] .network-main{padding-top:26px}
.members-hero{--map-gold:#ebaa77;--map-accent:#ec8556;margin:0}
.members-hero-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 0 23px}
.members-hero-heading .section-index{margin:0 0 12px;color:#b49b81;font-size:10px;letter-spacing:.16em}
.members-hero-heading h1{margin:0!important;font:500 clamp(25px,2.6vw,42px)/1.25 var(--serif)!important;letter-spacing:-.025em!important}
.members-hero-heading h1 span{white-space:nowrap}
.members-map-totals{display:flex;align-items:baseline;gap:22px;margin:0;padding-bottom:3px;color:#bcb8ae;font:11px/1.4 var(--sans)}
.members-map-totals span{white-space:nowrap}.members-map-totals b{margin-right:4px;color:var(--map-accent);font:italic 30px/1 var(--serif)}
.members-atlas{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-width:0;border:1px solid #46463e;background:#0c1010}
.members-map-column{min-width:0;display:flex;flex-direction:column}
.members-map-canvas{position:relative;height:clamp(440px,58vh,630px);overflow:hidden;isolation:isolate;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 50% 40%,#202825,#101616 65%,#0b1011)}
.members-map-canvas.is-dragging{cursor:grabbing}.members-map-canvas:focus-visible{outline:2px solid var(--map-accent);outline-offset:-3px}
#members-map-svg{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}
#members-map-svg image{opacity:.83}
#members-map-links path{fill:none;stroke:#c29266;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.36;transition:opacity .2s,stroke .2s}
#members-map-links path.is-focused{stroke:#f1a16c;stroke-width:1.7;opacity:.9}
#members-map-links path.is-muted{opacity:.13}
#members-map-points{position:absolute;inset:0;pointer-events:none}
.members-city{position:absolute;width:0;height:0;pointer-events:auto;z-index:2}
.members-city.is-selected{z-index:5}
.members-city-button{position:absolute;display:flex;align-items:center;gap:9px;width:max-content;min-height:44px;max-width:240px;transform:translate(-12px,-50%);padding:3px 6px 3px 0;border:0;background:transparent;color:#ebe7de;text-align:left;cursor:pointer;touch-action:none}
.members-city-button:focus-visible{outline:2px solid #f0a26e;outline-offset:5px;border-radius:3px}
.members-city-dot{display:block;flex:none;width:13px;height:13px;border:2px solid #eab086;border-radius:50%;background:#101716;box-shadow:0 0 0 4px #cf956423;transition:background .2s,box-shadow .2s}
.members-city.is-lead .members-city-dot{width:18px;height:18px;border-color:#f2b17d;background:#ca663d;box-shadow:0 0 0 6px #d98b4922}
.members-city.is-selected .members-city-dot,.members-city-button:hover .members-city-dot{background:#f5bc8b;box-shadow:0 0 0 6px #ed9c5f33}
.members-city-label{display:flex;flex-direction:column;gap:3px;white-space:nowrap;text-shadow:0 1px 4px #000,0 0 8px #111}
.members-city-label strong{font:600 13px/1.15 var(--sans);color:#efeeea;letter-spacing:.03em}
.members-city-label small{font:11px/1.35 var(--sans);color:#c8c6bd}
.members-city-label em{margin-left:6px;color:#e9a678;font:normal 9px/1 var(--sans)}
.members-city-label .members-city-sub{max-width:225px;white-space:normal}
.members-city[data-city="hohhot"] .members-city-button{transform:translate(calc(-100% + 4px),-60%);flex-direction:row-reverse;text-align:right}
.members-city[data-city="hohhot"] .members-city-label{align-items:end}
.members-city[data-city="beijing"] .members-city-button{transform:translate(-9px,8px)}
.members-city[data-city="changchun"] .members-city-button{transform:translate(2px,-50%)}
.members-city[data-city="shenyeng"] .members-city-button{transform:translate(-8px,-33%)}
.members-city[data-city="nanning"] .members-city-button{transform:translate(-9px,-100%)}
.members-city[data-city="shenzhen"] .members-city-button{transform:translate(-9px,1px)}
.members-map-corner{position:absolute;top:22px;left:22px;display:flex;gap:16px;color:#cec6b8;font:12px/1.7 var(--sans);pointer-events:none}
.members-map-corner small{color:#888f86;font-size:10px}.members-map-north{padding-right:15px;border-right:1px solid #555c51;color:#d2c2a4;font:13px/1.7 var(--mono)}
.members-map-controls{position:absolute;left:16px;bottom:18px;display:flex;border:1px solid #616253;background:#151c19e8;z-index:10}
.members-map-controls button{min-width:44px;min-height:44px;padding:0 10px;background:none;border:0;border-right:1px solid #4b5248;color:#e6e4d9;font:13px/1 var(--sans);cursor:pointer}
.members-map-controls button:first-child,.members-map-controls button:nth-child(2){font-size:21px}.members-map-controls button:last-child{border-right:0}
.members-map-controls button:hover{background:#393f30}.members-map-controls button:focus-visible,.members-school-strip button:focus-visible{outline:2px solid #f1aa75;outline-offset:-3px}
.members-map-hint{position:absolute;bottom:22px;right:18px;margin:0;color:#a6afa4;font:10px/1.4 var(--sans);pointer-events:none}
.members-school-strip{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#6e6857 #151815;background:#101413;border-top:1px solid #3d443b;padding:4px 8px}
.members-school-strip button{flex:none;min-height:44px;padding:7px 13px;border:0;background:none;color:#b2b8ad;font:11px/1.4 var(--sans);cursor:pointer;white-space:nowrap}
.members-school-strip button[aria-pressed="true"]{color:#ffb67e;background:#ed985512;box-shadow:inset 0 -2px #da8c58}
.members-map-panel{min-width:0;padding:23px 22px;background:#151715;border-left:1px solid #41463e;display:flex;flex-direction:column}
.members-panel-kicker{margin:0;color:#b49578;font:9px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.members-panel-title{margin:11px 0 8px;font:500 25px/1.35 var(--serif);color:#f0ece3}
.members-panel-intro{margin:0 0 21px;color:#aaa99e;font:12px/1.8 var(--sans)}
.members-panel-meta{margin:0 0 20px;color:#aeac9f;font:11px/1.7 var(--sans)}
.members-panel-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px;margin:5px 0 25px}
.members-panel-logo{display:flex;align-items:center;min-width:0;min-height:34px;padding:4px 6px;background:#242720;border:1px solid #414237}
.members-panel-logo img{width:100%;height:25px;object-fit:contain}
.members-panel-logo[data-surface="light"],.members-selected-logo[data-surface="light"]{background:#e6e2d6}
.members-selected-logo[data-surface="light"]{padding:7px 9px}
.members-panel-logo:hover{border-color:#c69466}.members-panel-logo:focus-visible{outline:2px solid #f0a26e}
.members-selected-logo{width:100%;height:55px;object-fit:contain;object-position:left center;margin:8px 0 12px}
.members-panel-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;margin:0 0 20px;padding:0;list-style:none}
.members-panel-person{display:flex;flex-direction:column;align-items:center;gap:6px;font:11px/1.3 var(--sans);color:#e3dfd4;min-width:0;text-align:center}
.members-panel-person img,.members-person-name{width:42px;height:42px;object-fit:cover;object-position:50% 25%;border-radius:50%;border:1px solid #757667;background:#303329}
.members-person-name{display:grid;place-items:center;color:#ded5bd;font:11px/1.2 var(--sans)}
.members-panel-person:hover{color:#ffba83}.members-panel-person:focus-visible{outline:2px solid #f0a26e}
.members-panel-actions{margin-top:auto;display:flex;flex-direction:column;gap:5px;border-top:1px solid #494a40;padding-top:10px}
.members-panel-actions a,.members-panel-actions button{display:inline-flex;align-items:center;min-height:44px;border:0;background:none;padding:0;color:#efa473;font:12px/1.4 var(--sans);text-align:left;cursor:pointer}
.members-panel-actions button{color:#aaa99e;min-height:36px}
.members-map-caption{display:flex;justify-content:space-between;gap:12px;margin-top:11px;color:#8e8e80;font:10px/1.6 var(--sans)}
.members-map-caption i{display:inline-block;width:20px;border-top:1px solid #d49b6a;margin-right:5px;vertical-align:middle}.members-map-caption a:hover{color:#edac75}
body[data-page="network"] .network-directory{padding-top:55px}
.network-unit:target{scroll-margin-top:160px;outline:1px solid #d69362;outline-offset:5px}
#network-directory-title{scroll-margin-top:160px}
@media(min-width:1700px){.members-atlas{grid-template-columns:minmax(0,1fr) 310px}.members-map-panel{padding:26px}.members-panel-logos{gap:14px}.members-map-canvas{height:630px}.members-city-label strong{font-size:14px}.members-city-label small{font-size:12px}}
@media(max-width:1100px){.members-atlas{grid-template-columns:minmax(0,1fr) 235px}.members-map-panel{padding:18px 15px}.members-map-totals{gap:12px}.members-city-label small{font-size:10px}.members-city-label strong{font-size:12px}.members-map-corner{left:15px;top:15px}.members-map-hint{right:12px;bottom:12px;max-width:115px;text-align:right}}
@media(max-width:760px){
 body[data-page="network"] .network-main{padding-top:20px}
 .members-hero-heading{display:block;padding-bottom:17px}.members-hero-heading .section-index{margin-bottom:9px;font-size:9px}.members-hero-heading h1{font-size:27px!important}
 .members-map-totals{gap:18px;margin-top:15px;font-size:10px}.members-map-totals b{font-size:23px}
 .members-atlas{grid-template-columns:1fr}.members-map-canvas{height:390px}.members-map-panel{border-left:0;border-top:1px solid #41463e;padding:18px;min-height:0}
 .members-city-label small{display:none}.members-city-label strong{font-size:10px}.members-city-label{gap:0}
 .members-city-button{gap:5px;min-height:44px;transform:translate(-8px,-50%);padding-right:4px}
 .members-city-dot{width:10px;height:10px;border-width:1.5px;box-shadow:0 0 0 3px #cf956420}.members-city.is-lead .members-city-dot{width:14px;height:14px;box-shadow:0 0 0 4px #d98b4922}
 .members-city-label em{font-size:8px;margin-left:3px}.members-city[data-city="changchun"] .members-city-button{transform:translate(-8px,-50%)}
 .members-city[data-city="beijing"] .members-city-button{transform:translate(-6px,-8px)}
 .members-city[data-city="hohhot"] .members-city-button{transform:translate(calc(-100% + 3px),-80%)}
 .members-city[data-city="changchun"] .members-city-button{transform:translate(calc(-100% + 3px),-50%);flex-direction:row-reverse}
 .members-city[data-city="nanning"] .members-city-button{transform:translate(calc(-100% + 3px),-38%);flex-direction:row-reverse}
 .members-city[data-city="shenzhen"] .members-city-button{transform:translate(-6px,2px)}
 .members-map-corner{font-size:10px;top:12px;left:12px;gap:10px}.members-map-corner small{font-size:9px}.members-map-north{font-size:11px;padding-right:10px}
 .members-map-hint{bottom:16px;right:10px;max-width:125px;font-size:9px}.members-map-controls{left:10px;bottom:12px}
 .members-school-strip{padding:3px 4px}.members-school-strip button{font-size:11px;padding:8px 12px}
 .members-panel-title{font-size:22px;margin:8px 0}.members-panel-intro{margin-bottom:12px;font-size:11px}.members-panel-meta{margin-bottom:15px}
 .members-panel-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:5px 0 14px}.members-panel-logo{padding:4px;min-height:34px}.members-panel-logo img{height:21px}
 .members-selected-logo{width:180px;height:42px;margin:3px 0 7px}.members-panel-people{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 7px;margin-bottom:14px}
 .members-panel-person{font-size:10px}.members-panel-person img,.members-person-name{width:38px;height:38px;font-size:10px}
 .members-panel-actions{flex-direction:row;justify-content:space-between;gap:12px;padding-top:5px}.members-panel-actions a,.members-panel-actions button{font-size:11px;min-height:44px}
 .members-map-caption{display:block;margin-top:9px;font-size:9px}.members-map-caption>span{display:block;margin-top:3px}
 body[data-page="network"] .network-directory{padding-top:38px}.network-unit:target{scroll-margin-top:120px}
}
@media(max-width:360px){.members-hero-heading h1{font-size:24px!important}.members-map-totals{gap:13px;font-size:9px}.members-map-canvas{height:360px}.members-map-corner{max-width:210px}.members-panel-people{grid-template-columns:repeat(4,minmax(0,1fr))}.members-map-hint{max-width:93px}}
@media(max-height:500px) and (min-width:600px) and (max-width:1000px){.members-map-canvas{height:400px}.members-atlas{grid-template-columns:minmax(0,1fr) 235px}}
@media(prefers-reduced-motion:reduce){.members-hero *{scroll-behavior:auto;transition:none!important}}
