/* News and observation — approved paired-card layout, 2026-10-20. */
#news-observe{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
#news-observe .brand-section-heading{margin-bottom:24px;align-items:flex-end}
#news-observe .brand-section-heading>div{border-left:5px solid #10734b;padding-left:18px}
#news-observe .brand-section-heading h2{color:#103e2c;margin:0 0 9px;font-size:34px;line-height:1.2}
#news-observe .brand-section-heading p{margin:0;color:#6d7771;font-size:15px;line-height:1.6}
#news-observe .brand-section-heading p:before{display:none}
#news-observe .brand-news-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch}
#news-observe .brand-feature{margin:0;border:1px solid #e8f2ed;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}
#news-observe .brand-feature-slides{min-height:0;flex:1}
#news-observe .brand-feature-link{display:block;width:100%}
#news-observe .brand-feature-photo{height:400px;aspect-ratio:auto;width:100%;max-width:none;margin:0;border-radius:0}
#news-observe .brand-feature-photo img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
#news-observe .brand-feature-copy{padding:17px 22px 9px}
#news-observe .brand-feature-copy .brand-category{display:none}
#news-observe .brand-feature h3{font-size:20px;line-height:1.55;min-height:62px;color:#172f23;margin:0;-webkit-line-clamp:2}
#news-observe .brand-feature time{font-size:13px;margin-top:9px;color:#8a938e}
#news-observe .brand-feature-controls{position:static;padding:0 22px 15px;min-height:36px;justify-content:flex-end;gap:10px}
#news-observe .brand-feature-controls button{width:25px;height:25px;font-size:19px}
#news-observe .brand-feature-count{font-size:12px;color:#7d8982}
#news-observe .brand-feature-dots{display:flex;gap:7px;margin-left:5px}
#news-observe .brand-feature-dots button{width:8px;height:8px;padding:0;border:0;background:#d8dedb;border-radius:50%}
#news-observe .brand-feature-dots button.is-active{background:#087447}
.brand-home .brand-home-policy .brand-policy-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px}
.brand-home .brand-home-policy .brand-policy-panel{display:flex;flex-direction:column;background:#f0f8f3;border:0;border-radius:14px;padding:12px;min-width:0}
.brand-home .brand-home-policy .brand-policy-panel header{margin:0;padding:0 4px 12px;gap:12px}
.brand-home .brand-home-policy .brand-policy-panel header h3{display:flex;align-items:center;gap:10px;font-size:21px;line-height:1.2;color:#103e2c;font-weight:700}
.brand-home .brand-home-policy .brand-policy-panel header>a{font-size:13px;color:#165638}
.brand-home .brand-home-policy .brand-policy-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0c6d44;color:#fff;flex:none}
.brand-home .brand-home-policy .brand-policy-icon svg{width:21px;height:21px}
.brand-home .brand-home-policy .brand-policy-body{flex:1;display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:14px;background:white;padding:6px;border-radius:10px;min-height:190px}
.brand-home .brand-home-policy .brand-policy-cover{min-height:190px;border-radius:8px;overflow:hidden}
.brand-home .brand-home-policy .brand-policy-body ul{padding:2px 5px 2px 0;justify-content:space-around}
.brand-home .brand-home-policy .brand-policy-body li{border:0;min-width:0}
.brand-home .brand-home-policy .brand-policy-body li a{font-size:14px;line-height:1.6;min-height:34px;gap:9px;color:#35413a}
.brand-home .brand-home-policy .brand-policy-body li a:hover{color:#008c4d}
.brand-home .brand-home-policy .brand-policy-body time{color:#929b95;font-size:12px;flex-basis:36px}
.brand-home .brand-home-policy .brand-policy-placeholder{height:100%;min-height:190px;gap:9px;background:linear-gradient(145deg,#deeee5,#b8d7c4);color:#286b49}
.brand-home .brand-home-policy .brand-policy-placeholder svg{width:46px;height:46px;opacity:.7}
.brand-home .brand-home-policy .brand-policy-placeholder strong{font-size:18px;font-weight:500}
.brand-home .brand-home-policy .brand-policy-placeholder small{margin:0;font-size:12px;opacity:.7}
@media(min-width:1600px){#news-observe .brand-feature-photo{height:440px}.brand-home .brand-home-policy .brand-policy-body li a{font-size:15px}}
@media(max-width:1100px){#news-observe .brand-news-showcase{grid-template-columns:1fr}#news-observe .brand-feature-photo{height:auto;aspect-ratio:1.65}#news-observe .brand-feature h3{min-height:0}.brand-home .brand-home-policy .brand-policy-panel{min-height:240px}}
@media(max-width:600px){#news-observe .brand-section-heading{gap:12px;margin-bottom:18px}#news-observe .brand-section-heading>div{padding-left:10px;border-left-width:4px}#news-observe .brand-section-heading h2{font-size:26px}#news-observe .brand-section-heading p{font-size:12px;max-width:250px;line-height:1.7}#news-observe .brand-section-heading>a{font-size:12px;white-space:nowrap}#news-observe .brand-feature-photo{aspect-ratio:1.4}#news-observe .brand-feature-copy{padding:13px 15px 8px}#news-observe .brand-feature h3{font-size:17px}#news-observe .brand-feature-controls{padding:0 15px 13px}.brand-home .brand-home-policy .brand-policy-panel{padding:9px;min-height:225px}.brand-home .brand-home-policy .brand-policy-panel header h3{font-size:18px;gap:8px}.brand-home .brand-home-policy .brand-policy-body{grid-template-columns:minmax(0,30%) minmax(0,1fr);gap:9px;padding:5px;min-height:170px}.brand-home .brand-home-policy .brand-policy-cover,.brand-home .brand-home-policy .brand-policy-placeholder{min-height:170px}.brand-home .brand-home-policy .brand-policy-body li a{font-size:12px;gap:5px;min-height:32px}.brand-home .brand-home-policy .brand-policy-body time{font-size:11px;flex-basis:32px}.brand-home .brand-home-policy .brand-policy-placeholder strong{font-size:14px}.brand-home .brand-home-policy .brand-policy-placeholder svg{width:32px;height:32px}}

#news-observe .brand-section-heading{display:flex}#news-observe .brand-section-heading>div:first-child{display:block;min-width:0;flex:1}#news-observe .brand-section-heading>a{flex:none}

/* Reference designs confirmed 2026-10-28: aligned columns and cover gallery. */
.brand-home #news-observe .brand-news-showcase{align-items:stretch;gap:32px}
.brand-home #news-observe .brand-home-news-column,.brand-home #news-observe .brand-home-notices{display:flex;flex-direction:column;min-width:0}
.brand-home #news-observe .brand-section-heading>div{border:0;padding:0}
.brand-home #news-observe .brand-section-heading p:before{display:inline-block;width:19px;margin-right:10px}
.brand-home #news-observe .brand-home-news-column>.brand-section-heading,.brand-home #news-observe .brand-home-notices>.brand-section-heading{min-height:64px;margin-bottom:14px;align-items:flex-start}
.brand-home #news-observe .brand-section-heading h2{font-size:30px;line-height:1.3;margin:0 0 6px}
.brand-home #news-observe .brand-section-heading p{font-size:13px}
.brand-home #news-observe .brand-home-news-column>.brand-section-heading>a{display:none}
.brand-home #news-observe .brand-home-notices>.brand-section-heading>a{background:#164e38;color:white;border-radius:5px;padding:10px 13px;font-size:12px;margin-top:3px}
.brand-home #news-observe .brand-feature{flex:1;border:0;border-bottom:1px solid #e2e9e3;border-radius:0}
.brand-home #news-observe .brand-feature-photo{height:auto;aspect-ratio:2.25;border-radius:6px}
.brand-home #news-observe .brand-feature-copy{padding:10px 0 8px}
.brand-home #news-observe .brand-feature h3{min-height:0;font-size:19px}
.brand-home #news-observe .brand-feature-controls{padding:5px 0 12px;min-height:28px}
.brand-home #news-observe .brand-home-notices .brand-notices{flex:1;display:grid;grid-template-rows:repeat(5,minmax(64px,1fr))}
.brand-home #news-observe .brand-home-notices .brand-notices>a{grid-template-columns:74px minmax(0,1fr) 12px;gap:15px;padding:10px 0;min-height:64px}
.brand-home #news-observe .brand-home-notices .brand-notices h3{font-size:14px;line-height:1.65}
.brand-home #news-observe .brand-notices time{font-size:12px;padding:14px 2px}
.brand-home #news-observe .brand-notices>a>span{display:block}
.brand-home #news-observe .brand-notices>a.brand-has-signup:after{display:none}
.brand-home .brand-home-policy{gap:12px}
.brand-home .brand-home-policy .brand-policy-panel{padding:10px;border-radius:12px}
.brand-home .brand-home-policy .brand-policy-panel header{padding:0 4px 8px}
.brand-home .brand-home-policy .brand-policy-panel header h3{font-size:20px}
.brand-home .brand-home-policy .brand-policy-body{grid-template-columns:minmax(0,35%) minmax(0,1fr);min-height:170px;gap:12px}
.brand-home .brand-home-policy .brand-policy-cover{min-height:170px}
.brand-home .brand-home-policy .brand-policy-body li a{font-size:13px;min-height:32px}
.brand-home .brand-home-publication{border:1px solid #e5ece7;border-radius:9px;padding:18px 16px;background:#fff}
.brand-home .brand-home-publication>.brand-section-heading{display:block;margin-bottom:18px}
.brand-home .brand-home-publication>.brand-section-heading>div{display:block}
.brand-home .brand-home-publication>.brand-section-heading>a{display:none}
.brand-home .brand-home-publication h2{font-size:26px;color:#164e38;margin:0 0 5px}
.brand-home .brand-publication-grid{gap:16px}
.brand-home .brand-publication-grid .brand-card{padding:0;background:transparent;border:0;border-radius:0}
.brand-home .brand-publication-grid .brand-card .brand-card-photo,.brand-home .brand-publication-grid .brand-card:only-child .brand-card-photo{height:auto;aspect-ratio:0.71;padding:4px;border:1px solid #e1e8e3;border-radius:5px;background:#f7f9f8}
.brand-home .brand-publication-grid .brand-card .brand-card-copy{padding:10px 0 0;text-align:center}
.brand-home .brand-publication-grid .brand-card h3{font-size:14px;white-space:normal;margin:0}
.brand-home .brand-publication-grid .brand-card time,.brand-home .brand-publication-grid .publication-card-actions{display:none}
@media(max-width:1100px){.brand-home #news-observe .brand-feature-photo{aspect-ratio:2.25}.brand-home #news-observe .brand-home-notices .brand-notices{grid-template-rows:repeat(5,auto)}}
@media(max-width:600px){.brand-home #news-observe .brand-section-heading h2{font-size:25px}.brand-home #news-observe .brand-home-notices .brand-section-heading h2{font-size:25px}.brand-home #news-observe .brand-home-notices .brand-notices>a{gap:10px;grid-template-columns:68px minmax(0,1fr) 10px}.brand-home .brand-home-policy .brand-policy-body{gap:8px;grid-template-columns:minmax(0,32%) minmax(0,1fr)}.brand-home .brand-home-policy .brand-policy-body li a{font-size:12px}.brand-home .brand-home-publication{padding:14px 12px}.brand-home .brand-publication-grid{gap:12px}}
/* Keep the two policy cards flush with the publication panel on desktop. */
@media(min-width:1101px){
 .brand-home .brand-bottom-grid{align-items:stretch}
 .brand-home .brand-bottom-grid>.brand-home-policy{grid-template-rows:repeat(2,minmax(0,1fr));align-self:stretch}
 .brand-home .brand-home-policy .brand-policy-panel{min-height:0}
 .brand-home .brand-home-policy .brand-policy-body{flex:1}
 .brand-home .brand-bottom-grid>.brand-home-publication{align-self:stretch}
}