/* Frontend Design: white space, original identity, natural photography.
   VI V08 governs every UI hue. Existing typography and interactions retained. */
:root{--photo-grade:contrast(1.02);--photo-record-grade:none}
.site-header{background:rgba(255,255,255,.97)!important;color:var(--ink);border-top:3px solid var(--blue);border-bottom:1px solid var(--line);box-shadow:none}
.site-header .brand img{width:240px;max-height:70px;object-fit:contain;object-position:left center;filter:none}
.site-header .nav-link:after{background:var(--blue)}
.site-header .nav-link.active,.site-header .nav-link:hover{color:var(--blue-hover)}
.site-header .icon-btn:focus-visible,.site-header a:focus-visible{outline-color:var(--blue-active)}
/* Remove uniform blue washes. Darkness is local to photo text. */
.photo-led .hero-shade{background:linear-gradient(90deg,rgba(7,26,43,.8),rgba(7,26,43,.32) 50%,transparent 82%)!important}
.photo-led .hero-bottom{background:rgba(7,26,43,.72);border-top-color:rgba(255,255,255,.35)}
/* Interior pages use an editorial white title field next to full-color imagery. */
.page-heading.designed-heading{background:var(--white);color:var(--ink)}
.designed-heading-photo{inset:0 0 0 52%}
.designed-heading:before{background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 42%,rgba(255,255,255,.94) 48%,transparent 66%)}
.designed-heading-copy{padding-right:48%}
.designed-heading h1{color:var(--ink)}
.designed-heading h1 .en,.designed-heading .lead,.designed-heading-copy>p:not(.design-chapter):not(.eyebrow){color:var(--secondary)}
.designed-heading .lead .en,.designed-heading-copy>p .en{color:var(--secondary)!important}
.designed-heading .breadcrumb,.designed-heading .breadcrumb a{color:var(--muted)}
.designed-heading .eyebrow,.designed-heading .article-tag{color:var(--blue-hover)}
/* White is the dominant reading surface. Pale blue has a single supporting role. */
.network-complete{background:var(--white)}
.network-info{background:rgba(255,255,255,.96);border-color:rgba(255,255,255,.7)}
.network-stage{background:var(--navy)}
.network-city{border-color:var(--line);background:var(--white)}
.network-city.active{background:var(--white);border-color:var(--blue);box-shadow:inset 0 -3px var(--blue)}
.designed-control{background:rgba(255,255,255,.94)!important;border-color:var(--line)!important}
.publication-layout aside,.culture-essay aside,.lt-detail aside{background:rgba(255,255,255,.94)}
.designed-card:hover,.designed-card:focus-within{background:var(--white)!important;border-color:var(--blue)}
.lt-capability{background:var(--white)}
@media(max-width:900px){.designed-heading-copy{padding-right:43%}.designed-heading-photo{left:48%}}
@media(max-width:760px){.site-header .brand img{width:205px;max-height:56px}.photo-led .hero-shade{background:linear-gradient(180deg,transparent,rgba(7,26,43,.5) 32%,rgba(7,26,43,.94) 60%)!important}.page-heading.designed-heading{padding-top:220px;padding-bottom:36px}.designed-heading-photo{inset:0 0 auto;height:190px;opacity:1}.designed-heading:before{background:none}.designed-heading-copy{padding-right:24px}.network-info{background:rgba(255,255,255,.97)}}
@media(prefers-reduced-transparency:reduce){.site-header,.network-info{background:var(--white)!important}}

/* Preserve the exact original Chinese/English lockup on its official blue field. */
.site-header .brand{background:var(--blue);padding:17px 20px}
.site-header .brand img{width:250px;max-height:none;filter:none}
.site-header .brand:focus-visible{outline-offset:5px}
@media(max-width:760px){.site-header .brand{padding:14px 12px}.site-header .brand img{width:192px;max-height:none}.header-inner{gap:16px}.header-tools{gap:4px}}
/* A clean photographic edge avoids a milky white gradient across the image. */
.designed-heading:before{background:none}