@scope (.shenzhen-atlas) {
:scope{--city-white:#FFFFFF;--city-canvas:var(--surface-canvas,#f3f6fa);--city-surface:#EEF3F5;--city-mint:#E3F1EC;--city-line:#D5E2E5;--city-ink:#1E343B;--city-text:#40585F;--city-muted:#6A7E85;--city-accent:#16806F;--city-accentStrong:#0E6259;--city-accentLight:#85CCB7;--city-navy:#102835;--city-navySoft:#244753;}
:scope{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--city-navy);background:var(--city-canvas);font-synthesis:none}
*{box-sizing:border-box}:scope{scroll-behavior:smooth}:scope{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--city-accentLight);outline-offset:2px}a{color:inherit}
:scope{--ink:var(--city-navy);--muted:var(--city-muted);--teal:var(--city-accent);--soft:var(--city-mint);--border:var(--city-line);--white:var(--city-white)}
.shell{max-width:1312px;margin:auto;padding:0 30px 70px}
.masthead{background:var(--city-navy);color:var(--city-white);position:relative;overflow:hidden}
.masthead:before{content:"";position:absolute;width:590px;height:590px;right:-130px;top:-225px;background:radial-gradient(circle,rgba(82,186,155,.26),transparent 65%);pointer-events:none}
.nav,.hero,.stats{position:relative;z-index:1}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);gap:16px}.brand{font-size:14px;font-weight:800;letter-spacing:.18em}.nav-right{display:flex;align-items:center;gap:17px;font-size:12px;color:var(--city-line)}.nav-right a{text-decoration:none;color:var(--city-line)}.nav-right a:hover{color:var(--city-white)}
.hero{padding:56px 0 51px;display:flex;align-items:end;justify-content:space-between;gap:28px}.eyebrow{letter-spacing:.18em;font-size:11px;color:var(--city-accentLight);font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(38px,5.3vw,74px);font-weight:760;letter-spacing:-.06em;margin:15px 0 17px;line-height:1.09}.hero p{font-size:16px;line-height:1.8;color:var(--city-line);max-width:630px;margin:0}.year-tag{border:1px solid rgba(255,255,255,.22);border-radius:99px;white-space:nowrap;padding:12px 18px;font-size:12px;color:var(--city-surface);background:rgba(255,255,255,.05)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding-bottom:28px}.stat{padding:19px 21px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:16px;min-width:0}.stat small{color:var(--city-line);font-size:12px;display:block}.stat strong{font-size:clamp(21px,2.2vw,32px);letter-spacing:-.04em;display:block;margin:10px 0 7px;white-space:nowrap}.stat span{color:var(--city-accentLight);font-size:11px}
.main{padding-top:34px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading h2{font-size:25px;letter-spacing:-.035em;margin:0 0 7px}.section-heading p{font-size:13px;margin:0;color:var(--muted)}.source-date{font-size:12px;color:var(--muted);white-space:nowrap}
.panel{background:var(--white);border:1px solid var(--border);border-radius:21px;box-shadow:0 12px 38px rgba(19,46,49,.035)}
.controls{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:17px}
.metric-tabs,.view-tabs{display:flex;gap:5px;flex-wrap:wrap;background:var(--city-surface);padding:5px;border-radius:13px}
.metric-tabs button,.view-tabs button{border:0;padding:10px 14px;border-radius:9px;background:transparent;font-weight:650;color:var(--city-muted);font-size:13px;transition:background .18s,color .18s;white-space:nowrap}
.metric-tabs button[aria-pressed=true],.view-tabs button[aria-pressed=true]{color:var(--ink);background:var(--city-white);box-shadow:0 2px 8px rgba(0,0,0,.06)}
.metric-tabs button:hover,.view-tabs button:hover{color:var(--city-accent)}.view-tabs button:disabled{opacity:.35;cursor:not-allowed}
.work-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.88fr);gap:18px;align-items:stretch}
.viz-panel{padding:27px 28px 24px;min-height:600px}.viz-top{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:20px}.overline{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.viz-top h3,.detail-panel h3{font-size:23px;letter-spacing:-.035em;margin:7px 0 6px}.viz-top p{color:var(--muted);font-size:12px;margin:0;line-height:1.7}.unit-chip{padding:8px 11px;font-size:11px;color:var(--city-muted);background:var(--city-surface);border:1px solid var(--city-mint);border-radius:8px;white-space:nowrap}
.ranks{display:flex;flex-direction:column;gap:7px}.rank-row{width:100%;display:grid;grid-template-columns:26px 75px minmax(0,1fr) 100px;align-items:center;gap:12px;text-align:left;border:1px solid transparent;background:transparent;padding:9px 11px;border-radius:11px;color:var(--ink);transition:background .16s,border-color .16s}
.rank-row:hover{background:var(--city-canvas)}.rank-row[aria-pressed=true]{background:var(--city-mint);border-color:var(--city-mint)}.rank-index{font-size:12px;color:var(--city-muted);font-variant-numeric:tabular-nums}.rank-name{font-size:13px;font-weight:720}.track{height:14px;background:var(--city-surface);border-radius:5px;overflow:hidden}.fill{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,var(--city-accentLight),var(--city-accent));transition:width .45s ease}.rank-row[aria-pressed=true] .fill{background:linear-gradient(90deg,var(--city-accent),var(--city-accentStrong))}.rank-value{text-align:right;font-size:13px;font-weight:760;font-variant-numeric:tabular-nums}
.viz-note{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--city-surface);color:var(--city-muted);font-size:12px;line-height:1.6}
.detail-panel{padding:28px;display:flex;flex-direction:column}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.detail-head .pill{border:1px solid var(--city-accentLight);border-radius:50px;background:var(--city-mint);color:var(--city-accent);font-size:11px;font-weight:700;padding:7px 10px}
.detail-title{font-size:34px;font-weight:780;letter-spacing:-.06em;margin:13px 0 3px}.detail-english{font-size:10px;letter-spacing:.2em;color:var(--city-muted)}.detail-intro{font-size:13px;line-height:1.75;color:var(--city-muted);margin:17px 0 21px}
.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-cell{border-radius:13px;background:var(--city-canvas);padding:16px;min-width:0}.detail-cell small{font-size:11px;color:var(--city-muted)}.detail-cell strong{font-size:19px;display:block;margin-top:7px;letter-spacing:-.035em}.detail-cell span{display:block;font-size:11px;margin-top:4px;color:var(--city-muted)}.detail-emphasis{background:var(--city-mint)}.detail-emphasis strong{color:var(--city-accent)}
.divider{height:1px;background:var(--city-surface);margin:23px 0}.compare-label{font-size:13px;font-weight:760}.compare-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 16px}.compare-row select{background:var(--city-white);border:1px solid var(--city-line);border-radius:9px;padding:9px 11px;min-width:120px;max-width:60%}
.comp-grid{display:grid;grid-template-columns:1fr auto auto;gap:13px;align-items:center;font-size:12px;color:var(--city-muted)}.comp-grid b{text-align:right;color:var(--city-ink);font-size:12px}.comp-grid .positive{color:var(--city-accent)}.detail-foot{margin-top:auto;padding-top:25px;color:var(--city-muted);font-size:11px;line-height:1.7}
.share-layout{display:flex;flex-direction:column;gap:23px}.share-strip{display:flex;width:100%;height:56px;overflow:hidden;border-radius:11px;background:var(--city-mint)}.share-piece{display:block;min-width:0;border:none;height:100%;border-right:2px solid var(--city-white);opacity:.87;transition:opacity .15s,transform .15s;padding:0}.share-piece:hover,.share-piece[aria-pressed=true]{opacity:1;filter:saturate(1.4)}.share-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:7px}.share-item{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--city-surface);background:var(--city-white);border-radius:9px;text-align:left;color:var(--city-navySoft);font-size:12px}.share-item[aria-pressed=true]{background:var(--city-mint);border-color:var(--city-mint)}.share-item i{width:12px;height:12px;display:inline-block;border-radius:4px;flex-shrink:0}.share-item span:last-child{margin-left:auto;font-weight:760}
.scatter-wrap{width:100%;overflow:hidden}.scatter-wrap svg{width:100%;height:auto;display:block}.scatter-wrap .gridline{stroke:var(--city-surface);stroke-width:1}.scatter-wrap .axis-label{fill:var(--city-muted);font-size:13px}.scatter-wrap .dot{cursor:pointer;stroke:var(--city-white);stroke-width:3;transition:opacity .2s}.scatter-wrap .dot:focus{outline:none;stroke:var(--ink);stroke-width:5}.scatter-wrap .dot[aria-pressed=true]{stroke:var(--city-navySoft);stroke-width:5}
.table-panel{margin-top:18px;padding:23px 27px}.table-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:16px}.table-head h3{font-size:20px;margin:0 0 5px}.table-head p{font-size:12px;color:var(--city-muted);margin:0}.table-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.input-search{border:1px solid var(--city-line);border-radius:9px;padding:11px 12px;min-width:176px;width:180px;font-size:13px;background:var(--city-white)}.export{border:1px solid var(--city-line);border-radius:9px;padding:11px 13px;font-size:12px;font-weight:700;background:var(--city-canvas);color:var(--city-accent)}
.table-scroll{overflow-x:auto;border:1px solid var(--city-surface);border-radius:12px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:715px}thead{background:var(--city-canvas)}th,td{border-bottom:1px solid var(--city-surface);padding:13px 15px;font-size:12px;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left;position:sticky;left:0;background:inherit;z-index:1}th{color:var(--city-muted);font-weight:720}th button{border:0;background:transparent;color:inherit;font-size:12px;font-weight:720;padding:0;white-space:nowrap}tbody tr{cursor:pointer;background:var(--city-white)}tbody tr:hover{background:var(--city-canvas)}tbody tr[aria-selected=true]{background:var(--city-mint)}tbody tr:last-child td{border-bottom:0}td{color:var(--city-navySoft);font-variant-numeric:tabular-nums}td:first-child{font-weight:760}td:nth-child(2){font-weight:750;color:var(--city-accent)}.table-empty{text-align:center;padding:28px;color:var(--city-muted)}
.bottom{margin:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.note-card{padding:21px 24px}.note-card h3{font-size:15px;margin:0 0 11px}.note-card p{font-size:12px;color:var(--city-muted);line-height:1.9;margin:0}.source-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:11px}.source-links a{font-size:12px;color:var(--city-accent);text-underline-offset:3px}
.footer{font-size:11px;color:var(--city-muted);text-align:center;margin:22px 0 0}
@media (max-width:1080px){.work-grid{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr)}.rank-row{grid-template-columns:20px 56px minmax(0,1fr) 88px;gap:8px}}
@media (max-width:820px){.shell{padding-left:18px;padding-right:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.work-grid{grid-template-columns:1fr}.viz-panel{min-height:auto}.detail-panel{min-height:0}.bottom{grid-template-columns:1fr}.detail-foot{padding-top:20px}.source-date{display:none}}
@media (max-width:550px){.nav{height:62px}.nav-right{gap:10px}.nav-right span{display:none}.hero{padding:38px 0 34px;display:block}.hero h1{font-size:40px}.hero p{font-size:13px}.year-tag{display:inline-block;margin-top:20px}.stats{gap:9px}.stat{padding:15px 13px}.stat strong{font-size:24px}.stat span{font-size:10px}.main{padding-top:27px}.section-heading h2{font-size:21px}.controls{gap:12px}.metric-tabs,.view-tabs{width:100%}.metric-tabs button{flex:1 1 auto;padding:10px 9px;font-size:12px}.view-tabs button{flex:1}.viz-panel,.detail-panel{padding:18px}.viz-top h3{font-size:20px}.rank-row{grid-template-columns:18px 48px minmax(0,1fr) 75px;gap:6px;padding:9px 5px}.rank-name,.rank-value{font-size:12px}.track{height:12px}.share-list{grid-template-columns:1fr}.detail-title{font-size:30px}.table-panel{padding:18px}.input-search{min-width:140px;width:145px}.bottom{gap:12px}.note-card{padding:18px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}
.period-switch{display:inline-flex;gap:6px;padding:6px;margin:0 0 23px;background:var(--city-mint);border:1px solid var(--city-mint);border-radius:13px}
.period-switch button{border:0;background:transparent;color:var(--city-muted);border-radius:9px;padding:12px 17px;font-weight:750;font-size:13px}
.period-switch button[aria-pressed=true]{background:var(--city-white);color:var(--city-accentStrong);box-shadow:0 2px 8px rgba(22,128,111,.07)}
.period-switch button span{margin-left:5px;font-size:10px;opacity:.7;font-weight:600}
.quarter-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:20px 23px;background:var(--city-mint);border:1px solid var(--city-mint);border-radius:16px}
.quarter-intro strong{font-size:16px;color:var(--city-accentStrong)}.quarter-intro p{color:var(--city-muted);font-size:12px;line-height:1.7;margin:7px 0 0;max-width:820px}.status-verified{color:var(--city-accent);font-weight:800;font-size:12px;white-space:nowrap}
.quarter-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.q3-tools-meta{font-size:12px;color:var(--city-muted)}
.quarter-chart-panel{min-height:590px}.quarterly-note{margin-top:18px}.q3-source-link{font-size:13px;font-weight:700;color:var(--city-accent);text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.q3-missing{opacity:.74}.q3-missing .track{background:repeating-linear-gradient(120deg,var(--city-surface) 0 9px,var(--city-canvas) 9px 18px)}
.q3-missing .rank-value{color:var(--city-muted)}.q3-missing .rank-index{color:var(--city-line)}
.quarter-section .table-scroll{overflow-x:auto}.quarter-section tr[data-selected=true]{background:var(--city-mint)}
@media(max-width:550px){.period-switch{width:100%;display:flex}.period-switch button{flex:1;min-width:0;font-size:12px;padding:12px 8px}.period-switch button span{display:block;margin-top:3px}.quarter-intro{padding:15px;align-items:start}.quarter-intro p{font-size:11px}.status-verified{font-size:11px}.quarter-chart-panel{min-height:0}.quarterly-note{margin-top:12px}}

/* 2026-11-07 · compact accessible editorial refinement, no external assets */
:scope{--ink:var(--city-navy);--teal:var(--city-accent);--muted:var(--city-muted);--border:var(--city-mint);--focus:var(--city-accent)}
:scope{line-height:1.55;-webkit-font-smoothing:antialiased}
.shell{max-width:1360px}
.masthead{background:linear-gradient(118deg,var(--city-navy) 0%,var(--city-ink) 70%,var(--city-ink) 100%)}
.nav{height:72px}.brand{letter-spacing:.12em}
.hero{padding:52px 0 43px}.hero h1{letter-spacing:-.055em}
.hero p{max-width:640px;color:var(--city-line)}
.year-tag{background:rgba(95,194,169,.09);border-color:rgba(149,222,198,.29)}
.stat{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.13)}
.stat strong{font-variant-numeric:tabular-nums}
.stat strong>span{font-weight:600;letter-spacing:0}.stat strong>b{font-weight:inherit}
.panel{border-color:var(--city-mint);box-shadow:0 6px 25px rgba(20,52,54,.035)}
.section-heading h2{font-size:clamp(21px,2.2vw,29px)}
.period-toolbar{display:flex;align-items:start;gap:12px;justify-content:space-between;flex-wrap:wrap}
.period-switch{max-width:100%;margin-bottom:12px}
.share-view{background:white;color:var(--city-accent);white-space:nowrap;margin-top:2px;border-color:var(--city-line)}
.share-view:hover,.export:hover{background:var(--city-mint);border-color:var(--city-accentLight)}
.reading-guide{margin:0 0 22px;font-size:12px;line-height:1.8;color:var(--city-muted);background:var(--city-canvas);border:1px solid var(--city-mint);border-radius:12px;padding:11px 15px}
.reading-guide strong{font-weight:800;color:var(--city-accentStrong)}
.quarter-intro{background:var(--city-mint);align-items:center}
.quarter-intro p{max-width:920px}.status-verified{padding:8px 11px;border:1px solid var(--city-accentLight);border-radius:99px;background:rgba(255,255,255,.55)}
.quarter-tools{gap:11px}.quarter-tools .metric-tabs{margin:0}
.rank-row{min-height:45px;border-radius:10px;touch-action:manipulation}
.rank-row:focus-visible,.share-item:focus-visible,.share-piece:focus-visible{outline:3px solid var(--city-accentLight);outline-offset:2px}
.rank-name{font-size:13px}.rank-value{font-variant-numeric:tabular-nums}
.rank-row[aria-pressed=true]{box-shadow:inset 3px 0 0 var(--city-accent)}
.rank-value{white-space:nowrap}
.metric-tabs button,.view-tabs button{min-height:43px}
.unit-chip{font-weight:700;font-variant-numeric:tabular-nums}
.detail-panel{min-width:0}.detail-cell strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.detail-panel .divider{margin:20px 0}
.detail-english{font-size:11px}
.comp-grid{grid-template-columns:minmax(60px,1fr) auto auto;gap:10px}
.comp-grid b{font-variant-numeric:tabular-nums}
.table-panel{padding-bottom:18px}.table-scroll{scrollbar-color:var(--city-line) var(--city-canvas);scrollbar-width:thin}
thead th{position:sticky;top:0;background:var(--city-canvas);z-index:2}
.table-scroll th:first-child{z-index:3}
.table-scroll table{min-width:730px}
.table-scroll tbody tr{transition:background .12s}
.table-scroll tbody tr:focus-visible{outline:2px solid var(--city-accent);outline-offset:-2px}
.table-scroll tbody tr[aria-selected=true],.quarter-section tr[data-selected=true]{background:var(--city-mint)}
.table-scroll tbody tr[aria-selected=true] td:first-child,.quarter-section tr[data-selected=true] td:first-child{box-shadow:inset 3px 0 0 var(--city-accent)}
th:first-child,td:first-child{min-width:90px}
.table-link{font-weight:700;color:var(--city-accent);text-underline-offset:3px}
.table-link:hover{text-decoration-thickness:2px}
.state-chip{border-radius:6px;padding:5px 7px;font-size:11px;font-weight:700;white-space:nowrap;display:inline-block}
.state-ok{color:var(--city-accent);background:var(--city-mint)}
.state-pending{color:var(--city-text);background:var(--city-surface)}
.state-check{color:var(--city-text);background:var(--city-surface)}
.q3-missing{opacity:1}.q3-missing .rank-name{color:var(--city-text)}.q3-missing .rank-index{color:var(--city-muted)}
.q3-missing .rank-value{color:var(--city-muted);font-weight:600}
.q3-missing .track{background:repeating-linear-gradient(120deg,var(--city-surface) 0 8px,var(--city-canvas) 8px 16px)}
.q3-source-link{overflow-wrap:anywhere}
.interaction-status{height:1px;width:1px;overflow:hidden;position:absolute;clip-path:inset(50%)}
.svg-tooltip{font-size:12px;fill:var(--city-ink);paint-order:stroke;stroke:var(--city-white);stroke-width:3px}
.scatter-wrap svg{max-height:500px}
.share-piece{min-height:44px}
.share-item{min-height:44px}
button:disabled{cursor:not-allowed;opacity:.5}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--city-accentLight);outline-offset:2px}
@media(max-width:1080px){.work-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,.9fr)}.viz-panel,.detail-panel{padding:23px}}
@media(max-width:820px){.work-grid{grid-template-columns:1fr}.detail-panel{gap:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.viz-panel{min-height:auto}}
@media(max-width:550px){
 .shell{padding-left:16px;padding-right:16px;padding-bottom:48px}
 .nav{height:60px}.hero{padding:34px 0}.hero h1{font-size:38px;line-height:1.2;letter-spacing:-.06em}
 .hero p{font-size:13px;line-height:1.8}
 .stats{padding-bottom:24px}.stat{padding:14px 12px;min-height:102px}.stat small{font-size:11px}.stat strong{font-size:clamp(18px,5.6vw,25px);margin:8px 0 5px}
 .stat strong>span{font-size:11px!important}.stat>span{font-size:10px;line-height:1.5}
 .period-toolbar{display:block}.period-switch{margin-bottom:8px;padding:4px}.share-view{margin:0 0 13px;width:100%;min-height:42px}
 .reading-guide{font-size:11px;padding:10px 12px}
 .quarter-intro{gap:8px;flex-direction:column;align-items:stretch}.status-verified{align-self:flex-start}
 .quarter-tools .metric-tabs{width:100%}.q3-tools-meta{line-height:1.6}
 .metric-tabs,.view-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
 .metric-tabs::-webkit-scrollbar,.view-tabs::-webkit-scrollbar{display:none}
 .metric-tabs button,.view-tabs button{flex:1 0 auto;padding:10px 12px;min-height:43px}
 .rank-row{grid-template-columns:20px 52px minmax(35px,1fr) 101px;gap:7px;padding:7px 7px;min-height:48px}
 .rank-name{font-size:12px}.rank-value{font-size:12px}.track{height:11px}
 .q3-missing .rank-value{font-size:11px}
 .viz-panel,.detail-panel{padding:18px}.viz-top{gap:8px}.viz-top h3{font-size:20px}
 .detail-metrics{gap:9px}.detail-cell{padding:12px}.detail-cell strong{font-size:17px}
 .section-heading h2{font-size:21px}.table-panel{padding:15px 12px}.table-head{align-items:stretch}
 .table-tools{width:100%}.input-search{flex:1;min-width:110px;width:auto}.table-scroll table{min-width:740px}
 .note-card{padding:18px}.footer{line-height:1.8}
}
@media(max-width:360px){.rank-row{grid-template-columns:18px 44px minmax(20px,1fr) 94px;gap:4px}.rank-value{font-size:11px}}


/* Unified LMN516 top navigation; keep it independent from the data-atlas masthead. */
.lmn-global-header{position:sticky;top:0;z-index:100;height:52px;padding:0 clamp(18px,2vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:color-mix(in srgb,var(--city-canvas) 97%,transparent);border-bottom:1px solid var(--city-line);color:var(--city-ink);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
.lmn-global-brand{flex:0 0 auto;color:var(--city-ink)!important;text-decoration:none;font-size:17px;font-weight:600;line-height:1;letter-spacing:-.055em}
.lmn-global-brand:hover{color:var(--city-accent)!important}
.lmn-global-nav{display:flex;align-items:center;gap:3px;margin-left:auto}
.lmn-global-menu{position:relative;flex:0 0 auto}
.lmn-global-menu summary{display:flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border-radius:7px;color:var(--city-text);font-size:12px;font-weight:560;line-height:1;list-style:none;cursor:pointer;user-select:none}
.lmn-global-menu summary::-webkit-details-marker{display:none}
.lmn-global-menu summary:hover,.lmn-global-menu summary:focus-visible,.lmn-global-menu[open] summary{background:var(--city-mint);color:var(--city-accent)}
.lmn-global-menu summary:focus-visible,.lmn-global-dropdown a:focus-visible,.lmn-global-brand:focus-visible{outline:2px solid var(--city-accent);outline-offset:2px}
.lmn-global-dropdown{position:absolute;top:calc(100% + 9px);left:0;width:226px;padding:7px;border:1px solid var(--city-mint);border-radius:14px;background:rgba(255,255,255,.99);box-shadow:0 14px 38px rgba(12,39,39,.13)}
.lmn-global-menu:last-child .lmn-global-dropdown{right:0;left:auto}
.lmn-global-dropdown a{display:block;padding:11px 12px;border-radius:8px;color:var(--city-ink);text-decoration:none;font-size:13px;font-weight:520;line-height:1.25}
.lmn-global-dropdown a:hover,.lmn-global-dropdown a:focus-visible{background:var(--city-canvas);color:var(--city-accent)}
.lmn-global-dropdown a[aria-current=page]{background:var(--city-mint);color:var(--city-accent);font-weight:700}
@media(max-width:520px){
 .lmn-global-header{height:50px;padding:0 13px;gap:8px}
 .lmn-global-brand{font-size:16px}
 .lmn-global-nav{gap:0}
 .lmn-global-menu summary{min-height:34px;padding:0 8px;font-size:12px}
 .lmn-global-dropdown{position:fixed;top:50px;left:12px!important;right:12px!important;width:auto;max-height:calc(100dvh - 66px);overflow-y:auto}
}


/* 2026-11-08 | Shenzhen city atlas editorial layout */
:scope{background:var(--city-canvas);-webkit-font-smoothing:auto}.lmn-global-header{background:color-mix(in srgb,var(--city-canvas) 98%,transparent)}
.city-cover{position:relative;margin:0 0 27px;overflow:hidden;aspect-ratio:2.4;background:var(--city-navySoft);border-radius:5px}
.city-cover img{display:block;width:100%;height:100%;object-fit:cover}.city-cover figcaption{position:absolute;bottom:0;left:0;right:0;padding:34px 18px 13px;background:linear-gradient(transparent,rgba(0,29,38,.8));color:var(--city-white);font-size:11px}.city-cover a{color:inherit}
.city-nav{position:relative;top:auto;z-index:auto;display:flex;gap:24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:15px 0;background:transparent;border:0;backdrop-filter:none}.city-nav::-webkit-scrollbar{display:none}.city-nav a{color:var(--city-text);font-size:14px;font-weight:710;text-decoration:none;flex:0 0 auto}.city-nav a:hover,.city-nav a:focus-visible{text-decoration:underline;text-underline-offset:6px;color:var(--city-accent)}
.city-chapter,.city-economy{scroll-margin-top:117px}.city-chapter{padding:60px 0 53px;border-bottom:1px solid var(--city-mint)}.city-chapter:first-of-type{padding-top:42px}
.city-label{font-size:12px;font-weight:810;letter-spacing:.16em;color:var(--city-accent);margin:0 0 16px}.city-chapter h2{color:var(--city-ink);font-size:clamp(29px,3.4vw,45px);line-height:1.28;letter-spacing:-.052em;font-weight:830;margin:0 0 23px}.city-chapter h3{color:var(--city-navySoft);font-size:21px;letter-spacing:-.035em;font-weight:790;margin:0 0 11px}
.city-prose{font-size:16px;line-height:1.97;color:var(--city-text);font-weight:550}.city-prose p{margin:0 0 18px}.city-prose strong{color:var(--city-accentStrong);font-weight:810}.city-lead{font-size:clamp(20px,2.2vw,25px);line-height:1.8;color:var(--city-navySoft);font-weight:690;letter-spacing:-.02em;margin:0 0 20px}
.city-grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.9fr);gap:clamp(26px,5vw,64px);align-items:start}.city-grid2.visual{grid-template-columns:1fr 1fr;align-items:center}.city-side{border-left:3px solid var(--city-accentLight);padding-left:22px}.city-side ol{padding-left:21px;margin:0;color:var(--city-text);font-size:14px;line-height:1.94;font-weight:570}.city-side li+li{margin-top:11px}
.city-photo{margin:0}.city-photo img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;background:var(--city-mint);border-radius:5px}.city-photo figcaption{font-size:12px;line-height:1.7;margin-top:9px;color:var(--city-muted)}.city-photo a{color:var(--city-accentStrong)}
.city-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}.city-fact{padding-top:17px;border-top:2px solid var(--city-line)}.city-fact strong{display:block;font-size:clamp(23px,2.7vw,34px);line-height:1.27;font-weight:820;letter-spacing:-.04em;color:var(--city-accentStrong)}.city-fact span{display:block;margin-top:8px;color:var(--city-muted);font-size:13px;line-height:1.8;font-weight:570}
.city-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:30px}.city-time{padding-top:18px;border-top:1px solid var(--city-line)}.city-time time{font-size:23px;color:var(--city-accentStrong);font-weight:850}.city-time h3{font-size:16px;margin:8px 0}.city-time p{font-size:14px;line-height:1.84;color:var(--city-muted);font-weight:540;margin:0}
.city-districts{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-top:22px}.city-district{padding:19px 16px;min-height:135px;background:var(--city-white);border:1px solid var(--city-mint);border-radius:6px}.city-district h3{font-size:19px;margin-bottom:8px}.city-district p{font-size:13px;color:var(--city-muted);line-height:1.77;font-weight:550;margin:0}
.city-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,5vw,67px);margin-top:29px}.city-pair article{border-top:2px solid var(--city-line);padding-top:22px}.city-pair p{font-size:15px;line-height:1.95;color:var(--city-text);font-weight:550;margin:0}
.city-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:27px}.city-card{background:var(--city-white);border:1px solid var(--city-mint);border-radius:6px;overflow:hidden}.city-card img{display:block;width:100%;aspect-ratio:1.52;object-fit:cover;background:var(--city-mint)}.city-card .copy{padding:20px 21px 22px}.city-card h3{font-size:20px}.city-card p{font-size:14px;line-height:1.85;color:var(--city-text);font-weight:550;margin:0}.city-card .credit{font-size:11px;margin-top:12px}.city-card a{color:var(--city-accent)}
.city-small{font-size:13px;line-height:1.84;color:var(--city-muted);font-weight:550;margin-top:16px}
.city-economy{margin:46px 0 29px;background:var(--city-mint);border-top:3px solid var(--city-accentLight);border-radius:5px;padding:27px 30px}.city-economy h2{font-size:clamp(24px,2.8vw,34px);font-weight:830;letter-spacing:-.04em;color:var(--city-ink);margin:0 0 10px}.city-economy p:last-child{font-size:15px;line-height:1.87;color:var(--city-text);font-weight:560;margin:0;max-width:890px}
.city-sources{border-top:1px solid var(--city-mint);margin:37px 0 25px;padding-top:28px}.city-sources h2{font-size:22px;margin:0 0 12px;color:var(--city-accentStrong)}.city-sources p,.city-sources li{font-size:13px;line-height:1.9;color:var(--city-muted);font-weight:550}.city-sources a{color:var(--city-accent);text-underline-offset:3px}
@media(max-width:970px){.city-districts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.city-nav{top:50px;gap:18px}.city-cover{aspect-ratio:1.5}.city-chapter{padding:42px 0 38px}.city-chapter h2{font-size:30px}.city-grid2,.city-grid2.visual,.city-pair{grid-template-columns:1fr;gap:24px}.city-lead{font-size:20px}.city-timeline{grid-template-columns:repeat(2,1fr)}.city-districts{grid-template-columns:repeat(2,1fr)}.city-facts{gap:12px}.city-fact strong{font-size:24px}.city-cards{grid-template-columns:1fr}.city-card{display:grid;grid-template-columns:38% 1fr}.city-card img{height:100%;min-height:175px;aspect-ratio:auto}.city-card .copy{padding:16px}.city-economy{padding:22px 18px}}
@media(max-width:420px){.city-cover{aspect-ratio:1.3}.city-facts{grid-template-columns:repeat(2,1fr)}.city-district{min-height:120px;padding:16px 13px}.city-card{display:block}.city-card img{height:auto;aspect-ratio:1.75}}


/* 2026-11-08: magazine-grade editorial layout; existing interactive data stays unchanged */
:scope{--paper:var(--city-canvas);--ink:var(--city-ink);--muted:var(--city-text);--line:var(--city-line);--accent:var(--city-accent);--teal:var(--city-accentStrong);--border:var(--city-line)}
:scope{scroll-padding-top:118px}
:scope{background:var(--paper);color:var(--ink);font-family:"PingFang SC","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;line-height:1.75;-webkit-font-smoothing:auto}
.lmn-global-header{background:color-mix(in srgb,var(--city-canvas) 98%,transparent);border-bottom-color:var(--line);color:var(--ink)}
.lmn-global-brand{font-weight:790}.lmn-global-menu summary{font-size:13px;font-weight:720;color:var(--city-text)}
.lmn-global-menu summary:hover,.lmn-global-menu[open] summary{background:var(--city-surface);color:var(--city-text)}
.lmn-global-dropdown{background:var(--paper);border-color:var(--line)}
.shell{max-width:1160px;padding-left:clamp(20px,3vw,38px);padding-right:clamp(20px,3vw,38px)}
.masthead{background:var(--paper)!important;color:var(--ink)!important;overflow:visible}
.masthead::before{display:none}
.hero{display:block;padding:68px 0 39px;max-width:1010px}
.hero .eyebrow{font-size:13px;font-weight:790;letter-spacing:.09em;color:var(--accent);margin:0 0 16px}
.hero h1{font-family:"Songti SC","Source Han Serif SC","Noto Serif CJK SC","STSong",serif;color:var(--city-ink);font-size:clamp(49px,7.1vw,92px);font-weight:900;line-height:1.13;letter-spacing:-.065em;margin:0 0 28px}
.hero h1 span{display:block}
.hero .hero-deck{font-size:clamp(18px,2vw,23px);font-weight:670;line-height:1.8;letter-spacing:-.012em;color:var(--city-text);max-width:735px;margin:0 0 26px}
.hero .hero-meta{font-size:13px;color:var(--city-muted);font-weight:610;display:flex;gap:18px;align-items:center;flex-wrap:wrap;max-width:100%;margin:0}
.hero .hero-meta span{padding-left:18px;border-left:1px solid var(--line)}
.city-cover{aspect-ratio:2.12;border-radius:0;margin:0;max-height:520px;background:var(--city-line)}
.city-cover img{object-position:center 48%}
.city-cover figcaption{font-size:12px;padding:35px 20px 15px;color:var(--city-white)}
.stats{background:transparent;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:30px 0 27px;border-bottom:2px solid var(--city-ink)}
.stat{min-width:0;border:0;border-right:1px solid var(--line);background:transparent;border-radius:0;padding:3px 20px 3px 22px}
.stat:first-child{padding-left:0}.stat:last-child{border-right:0}
.stat small{color:var(--city-text);font-size:12px;font-weight:690}
.stat strong{font-size:clamp(22px,2.8vw,34px);font-weight:850;color:var(--city-ink);letter-spacing:-.04em;margin:6px 0 3px}
.stat strong span{font-weight:650}.stat>span{color:var(--city-muted);font-size:12px}
.main{padding-top:0}
.city-nav{padding:13px 0;gap:26px}
.city-nav a{color:var(--city-text);font-size:14px;font-weight:730}
.city-nav a:hover,.city-nav a:focus-visible{color:var(--accent)}
.city-chapter,.city-economy{scroll-margin-top:118px}
.city-chapter{padding:86px 0 75px;border-bottom:1px solid var(--line)}
.city-chapter:first-of-type{padding-top:75px}
.city-label{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--accent);margin:0 0 17px}
.city-chapter h2,.city-economy h2{font-family:"Songti SC","Source Han Serif SC","Noto Serif CJK SC","STSong",serif;color:var(--city-ink);font-size:clamp(33px,3.9vw,52px);font-weight:900;letter-spacing:-.055em;line-height:1.3;margin:0 0 29px;max-width:810px}
.city-chapter h3{color:var(--city-ink);font-weight:800;letter-spacing:-.03em}
.city-prose{max-width:75ch;font-size:18px;line-height:1.93;font-weight:570;color:var(--city-text)}
.city-prose p{margin:0 0 22px}.city-prose strong{font-weight:830;color:var(--city-accentStrong)}
.city-lead{color:var(--city-ink);font-weight:770;font-size:clamp(21px,2.5vw,27px);line-height:1.7;letter-spacing:-.028em}
.city-grid2{grid-template-columns:minmax(0,1.36fr) minmax(250px,.75fr);gap:clamp(30px,5vw,85px)}
.city-grid2.visual{grid-template-columns:1fr 1fr}
.city-side{border-left:0;border-top:3px solid var(--city-text);padding:21px 0 0}
.city-side ol{font-size:15px;line-height:1.93;color:var(--city-text);font-weight:570}
.city-side li+li{margin-top:18px}
.city-photo img{border-radius:0}.city-photo figcaption{font-size:12px;color:var(--city-muted)}
.city-facts{gap:24px;margin-top:40px}.city-fact{border-top:2px solid var(--city-line)}
.city-fact strong{color:var(--city-accentStrong);font-weight:850}
.city-fact span{font-size:14px;color:var(--city-text);line-height:1.85}
.city-timeline{gap:28px;margin-top:38px}
.city-time{border-top:2px solid var(--city-line);padding-top:17px}
.city-time time{color:var(--city-accent)}.city-time h3{font-size:18px;font-weight:810;margin-top:12px}
.city-time p{font-size:15px;color:var(--city-text)}
.city-districts{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:2px solid var(--city-text);margin-top:36px}
.city-district{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;min-height:0;padding:23px 20px 24px 0}
.city-district:nth-child(even){padding-left:30px;border-left:1px solid var(--line)}
.city-district h3{font-size:24px;font-weight:850;margin:0 0 8px}
.city-district p{font-size:15px;font-weight:565;line-height:1.83;color:var(--city-text)}
.city-pair{gap:38px}.city-pair article{border-top:2px solid var(--city-line)}
.city-pair p{font-size:16px;color:var(--city-text)}
.city-cards{gap:20px}.city-card{background:transparent;border:0;border-radius:0}
.city-card img{aspect-ratio:1.32}.city-card .copy{padding:20px 3px 12px}
.city-card h3{font-size:22px}.city-card p{font-size:15px;font-weight:560;line-height:1.83;color:var(--city-text)}
.city-card .credit{font-size:11px;color:var(--city-muted)}
.city-economy{margin:72px 0 23px;padding:35px 0 17px;background:transparent;border-top:4px solid var(--city-ink);border-radius:0}
.city-economy h2{font-size:clamp(30px,3.8vw,48px)}
.city-economy p:last-child{font-size:18px;font-weight:570;line-height:1.95;max-width:860px;color:var(--city-text)}
.city-data-explorer{border:1px solid var(--city-line);background:var(--city-white);margin:20px 0 52px}
.city-data-explorer>summary{cursor:pointer;list-style:none;padding:25px 28px;display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center}
.city-data-explorer>summary::-webkit-details-marker{display:none}
.city-data-explorer>summary span{display:block;font-size:22px;font-weight:840;color:var(--city-accentStrong);grid-column:1}
.city-data-explorer>summary small{display:block;font-size:13px;line-height:1.7;color:var(--city-muted);grid-column:1;margin-top:4px}
.city-data-explorer>summary b{grid-column:2;grid-row:1/3;font-size:29px;font-weight:450;line-height:1}
.city-data-explorer[open]>summary b{transform:rotate(45deg)}
.city-data-explorer>summary:focus-visible{outline:3px solid var(--city-accentLight);outline-offset:-3px}
.city-data-content{padding:10px 22px 30px;border-top:1px solid var(--line)}
.city-data-content .panel,.city-data-content .note-card{box-shadow:none}
.city-data-content .section-heading{margin-top:25px}
.city-sources{border-top:2px solid var(--line);padding-top:35px}
.city-sources h2{font-size:23px;font-weight:840;color:var(--city-ink)}
.city-sources p,.city-sources li{font-size:14px;color:var(--city-text)}
.footer{font-size:12px;color:var(--city-muted)}
@media(max-width:820px){.hero{padding:49px 0 29px}.stats{grid-template-columns:repeat(2,1fr);row-gap:22px}.stat:nth-child(2){border-right:0}.stat:nth-child(3){padding-left:0}.city-grid2,.city-grid2.visual{grid-template-columns:1fr;gap:28px}.city-chapter{padding:59px 0 54px}.city-prose{font-size:17px}.city-timeline{grid-template-columns:repeat(2,1fr)}.city-districts{grid-template-columns:repeat(2,1fr)}.city-facts{grid-template-columns:repeat(2,1fr)}}
@media(max-width:550px){.hero h1{font-size:clamp(44px,11.4vw,58px)}.hero .hero-deck{font-size:18px}.hero .hero-meta{font-size:12px;display:block}.hero .hero-meta span{display:block;margin-top:7px;padding-left:0;border:0}.city-cover{aspect-ratio:1.42}.stats{padding:23px 0}.stat{padding:6px 13px}.stat:nth-child(odd){padding-left:0}.stat strong{font-size:23px}.city-nav{gap:19px}.city-nav a{font-size:13px}.city-chapter h2{font-size:33px}.city-lead{font-size:21px}.city-timeline{grid-template-columns:1fr 1fr;gap:19px}.city-time time{font-size:22px}.city-districts{grid-template-columns:1fr}.city-district,.city-district:nth-child(even){border-left:0;padding:19px 0}.city-cards{grid-template-columns:1fr}.city-data-explorer>summary{padding:20px}.city-data-explorer>summary span{font-size:19px}.city-data-content{padding:7px 12px 22px}.city-economy{margin-top:48px}}

:scope { --paper: var(--city-canvas); background: var(--city-canvas); min-height: 100vh; }
}