/* Figma PBisWTrkbzoJ7pzerNbIDO / 9:2. Chinese homepage only.
   Existing React content, media, links, and filters remain authoritative. */
#news.news-section{max-width:var(--max,1440px);margin:0 auto;padding:56px 50px 40px;display:block}
#news .section-intro{border:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px;margin-bottom:28px}
#news .section-intro .kicker{grid-column:1;margin:0 0 10px;letter-spacing:2px;font-size:12px}
#news .section-intro h2{grid-column:1;margin:0;font-size:36px;line-height:1.4;max-width:none}
#news .section-intro>p:not(.kicker){grid-column:1;margin:8px 0 0;font-size:13px}
#news .section-intro>a{grid-column:2;grid-row:2;align-self:center;margin:0;border:1px solid #e6d6c6;padding:12px 18px;background:white}
#news .news-filters{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid #e6d6c6;padding-bottom:18px;margin-bottom:24px}
#news .news-filters button{font-size:13px;padding:10px 20px;border-radius:4px}
#news .news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
#news .news-card{min-width:0;border:1px solid #e6d6c6;border-radius:6px;overflow:hidden;background:white;display:flex;flex-direction:column}
#news .news-image{height:190px;flex-shrink:0}
#news .news-card img{width:100%;height:190px;flex-shrink:0;object-fit:cover}
#news .news-copy{min-width:0;padding:20px;display:flex;flex:1;flex-direction:column}
#news .news-copy h3{font-size:18px;line-height:1.55;margin:12px 0 10px;overflow-wrap:anywhere}
#news .news-copy>p{font-size:13px;line-height:1.8;margin:0 0 18px;color:#6b6963}
#news .news-card-label small{font-size:11px;white-space:normal}
#news .news-card-label span{font-size:11px;padding:4px 8px}
#news .news-card-meta{margin-top:auto;padding-top:14px;gap:8px;flex-wrap:wrap}
#news .news-card-meta time{font-size:11px}
#news .news-card-meta strong{font-size:12px}
#news a:focus-visible,#news button:focus-visible{outline:3px solid var(--green,#07533d);outline-offset:3px}
/* Editorial layout is restricted to the six-card All view. Filtering stays compact. */
@media(min-width:1181px){
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:first-child .news-image{height:270px}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6)){grid-template-rows:minmax(230px,auto) minmax(230px,auto) auto}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:first-child{grid-column:1 / 3;grid-row:1 / 3}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:first-child img{height:270px;object-position:center}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:first-child .news-copy{padding:22px 26px}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:first-child h3{font-size:23px;line-height:1.5;margin:8px 0}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:first-child .news-copy>p{margin-bottom:12px}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:is(:nth-child(2),:nth-child(3)){grid-column:3;display:grid;grid-template-columns:142px minmax(0,1fr)}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:is(:nth-child(2),:nth-child(3)) img{height:190px;width:142px}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:is(:nth-child(2),:nth-child(3)) .news-copy{padding:16px}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:is(:nth-child(2),:nth-child(3)) h3{font-size:16px;margin:10px 0}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:is(:nth-child(2),:nth-child(3)) .news-copy>p{display:none}
 #news:has(.news-filters button:first-child[aria-pressed="true"]) .news-list:has(>.news-card:nth-child(6))>.news-card:is(:nth-child(2),:nth-child(3)) .news-card-label{align-items:start;flex-direction:column;gap:6px}
}
#news + #growth.growth-section{width:calc(100% - 100px);max-width:1340px;margin:0 auto 48px;padding:28px 32px;border-top:3px solid var(--orange,#f36a16);border-radius:0 0 6px 6px}
#news + #growth .growth-heading h2{font-size:26px}
#news + #growth .growth-heading{margin-bottom:24px}
#news + #growth .growth-track{gap:12px}
#news + #growth .growth-track p{font-size:12px}
@media(max-width:1180px){
 #news.news-section{padding-inline:30px}
 #news .news-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 #news + #growth.growth-section{width:calc(100% - 60px)}
}
@media(max-width:760px){
 #news .news-image{height:auto;aspect-ratio:16/9}
 #news.news-section{padding:30px 22px}
 #news .section-intro{display:block}
 #news .section-intro h2{font-size:27px}
 #news .section-intro>a{display:inline-flex;margin-top:16px}
 #news .news-filters{gap:8px}
 #news .news-filters button{padding:8px 12px;min-height:44px}
 #news .news-list{display:flex;flex-direction:column}
 #news .news-card img{height:auto;aspect-ratio:16/9}
 #news .news-card:first-child h3{font-size:20px}
 #news + #growth.growth-section{width:calc(100% - 44px);margin:0 auto 30px;padding:24px}
 #news + #growth .growth-heading{display:block}
 #news + #growth .growth-heading h2{font-size:23px}
}