/* Scoped editorial layout for the SINOPCC background page only. */
.group-editorial{--group-rule:#dce4e9;--group-soft:#f7f9fb;color:var(--ink)}
.group-editorial .wrap{max-width:1230px}
.group-hero{padding:38px 0 75px;background:linear-gradient(90deg,#fff,#f8fafb)}
.group-hero .breadcrumb{margin:0 0 54px;font-size:12px}
.group-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:65px;align-items:center}
.group-hero h1{font-size:clamp(34px,4.2vw,58px);font-weight:500;letter-spacing:.015em;line-height:1.15;margin:23px 0 8px;color:var(--navy)}
.group-local-name{font-size:16px;color:var(--muted);margin:0 0 24px;letter-spacing:.03em}
.group-local-name:empty{display:none}
.group-hero .group-hero-tagline{font-size:24px;line-height:1.45;font-weight:500;letter-spacing:0;margin:24px 0}
.group-prose{max-width:72ch}
.group-prose p,.group-conclusion{font-size:16px;font-weight:400;line-height:1.85;letter-spacing:.002em;margin:0 0 21px;color:#435362}
.group-prose p:last-child{margin-bottom:0}
.group-prose strong{font-weight:500;color:var(--navy)}
.group-prose h3{font-size:23px;font-weight:500;line-height:1.5;letter-spacing:0;margin:0 0 25px;color:var(--navy)}
.group-prose h4{font-size:18px;font-weight:500;line-height:1.55;margin:24px 0 15px}
.group-figure{margin:0;width:100%;padding:14px 0}
.group-figure img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;min-width:0}
.group-figure figcaption{font-size:10px;color:#748091;letter-spacing:.04em;line-height:1.65;margin:18px 0 0;text-align:right;font-family:"Inter","Noto Sans SC",sans-serif}
.group-jump{border-top:1px solid var(--group-rule);border-bottom:1px solid var(--group-rule);padding:21px 0}
.group-jump>.wrap{display:flex;flex-wrap:wrap;gap:13px 28px}
.group-jump a{display:flex;gap:9px;font-size:12px;line-height:1.7;color:var(--muted)}
.group-jump a span{color:var(--blue);font-size:10px}
.group-jump a:hover{color:var(--blue)}
.group-editorial-section{padding:76px 0;border-bottom:1px solid var(--group-rule);scroll-margin-top:105px}
.group-section-title{display:flex;align-items:baseline;gap:20px;margin-bottom:38px}
.group-section-title>span{font:12px "Inter",sans-serif;color:var(--blue);letter-spacing:.06em}
.group-section-title h2{margin:0;font-size:30px;line-height:1.35;font-weight:500;letter-spacing:.005em;color:var(--navy)}
.group-history-intro{max-width:88ch}
.group-timeline-title{font-size:16px;font-weight:500;margin:40px 0 24px}
.group-editorial-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:0}
.group-editorial-timeline li{position:relative;border-top:1px solid #9ab0bf;padding:27px 20px 0 0}
.group-editorial-timeline li:before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;background:#2475a0;border-radius:50%}
.group-year{display:block;font-family:var(--font-display);font-size:21px;line-height:1.5;font-weight:500;color:var(--navy);margin:0 0 14px}
.group-editorial-timeline h4{font-size:13px;font-weight:500;line-height:1.7;margin:0 0 12px;color:var(--ink)}
.group-editorial-timeline p{font-size:12px;line-height:1.85;margin:0;color:var(--muted)}
.group-technology-columns{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:30px}
.group-technology-field+.group-technology-field{border-left:1px solid var(--group-rule);padding-left:48px}
.group-technology-field h3{font-size:22px;line-height:1.5;font-weight:500;margin:28px 0 22px}
.group-technology-field .group-figure{background:var(--group-soft);padding:20px 20px 15px}
.group-technology-field .group-figure img{height:230px}
.group-conclusion{max-width:88ch;margin:40px 0 0;padding-top:27px;border-top:1px solid var(--group-rule)}
.group-feature-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:70px;align-items:center}
.group-feature-reverse .group-prose{order:2}.group-feature-reverse .group-figure{order:1}
.group-diagram-labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-top:4px;color:#496173;font-size:11px;line-height:1.65;text-align:center}
.group-diagram-labels>div{white-space:pre-line;overflow-wrap:normal}
.group-diagram-labels strong{font-size:18px;display:block;font-weight:500;color:var(--navy);margin-bottom:8px}
#research .group-diagram-labels{font-size:10px}
.group-prose-wide{max-width:88ch}
#quality .group-figure{max-width:850px;margin:36px auto 0}
#quality .group-figure img{max-height:260px}
.group-applications-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;margin-top:28px}
.group-application{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--group-rule);align-items:start}
.group-application h3{font-size:18px;line-height:1.5;font-weight:500;margin:4px 0 12px}
.group-application p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}
.group-icon{padding:0}.group-icon img{width:64px;height:64px}.group-icon figcaption{font-size:8px;line-height:1.6;text-align:left;letter-spacing:0;margin-top:10px}
#responsibility{background:var(--group-soft)}
#supporting-siti{padding-bottom:65px}
#supporting-siti .group-prose h4{font-size:20px;margin-top:35px}
.group-related{padding:35px 0 48px}
.group-related h2{font-size:16px;font-weight:500;line-height:1.5;margin:0 0 9px}
.group-related p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 19px}
.group-related .wrap>div{display:flex;gap:30px;flex-wrap:wrap}
.group-related a{font-size:13px;line-height:1.7;color:var(--muted);border-bottom:1px solid var(--group-rule);padding-bottom:5px}
.group-related a:hover{color:var(--blue)}
html[lang=zh-CN] .group-prose p,html[lang=zh-CN] .group-conclusion{letter-spacing:.02em;line-height:1.9}
html[lang=zh-CN] .group-section-title h2{letter-spacing:.03em}
@media(max-width:1000px){.group-hero-grid{gap:32px;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.group-hero .group-hero-tagline{font-size:21px}.group-feature-row{gap:35px}.group-editorial-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 0}.group-technology-columns{gap:32px}.group-technology-field+.group-technology-field{padding-left:30px}}
@media(max-width:680px){.group-hero{padding:24px 0 42px}.group-hero .breadcrumb{margin-bottom:35px}.group-hero-grid{grid-template-columns:1fr;gap:26px}.group-hero h1{font-size:34px;line-height:1.2}.group-hero .group-hero-tagline{font-size:22px;line-height:1.5}.group-local-name{font-size:14px}.group-hero .group-figure{max-width:370px;margin:auto}.group-hero .group-figure img{max-height:230px}.group-prose p,.group-conclusion{font-size:15px;line-height:1.85}.group-jump{padding:15px 0}.group-jump>.wrap{flex-wrap:nowrap;overflow-x:auto;gap:22px}.group-jump a{white-space:nowrap;font-size:12px}.group-editorial-section{padding:45px 0;scroll-margin-top:85px}.group-section-title{gap:13px;margin-bottom:27px}.group-section-title h2{font-size:24px;line-height:1.45}.group-prose h3{font-size:20px;line-height:1.6;margin-bottom:22px}.group-editorial-timeline{display:block;padding-left:5px}.group-editorial-timeline li{border-top:0;border-left:1px solid #9ab0bf;padding:0 0 26px 24px}.group-editorial-timeline li:before{left:-4px;top:9px}.group-year{font-size:20px;margin-bottom:8px}.group-editorial-timeline h4{font-size:14px}.group-editorial-timeline p{font-size:13px}.group-technology-columns{grid-template-columns:1fr;gap:36px}.group-technology-field+.group-technology-field{border-left:0;border-top:1px solid var(--group-rule);padding:30px 0 0}.group-technology-field h3{font-size:20px}.group-feature-row{grid-template-columns:1fr;gap:28px}.group-feature-reverse .group-prose,.group-feature-reverse .group-figure{order:initial}.group-diagram-labels{font-size:10px;gap:6px}.group-diagram-labels strong{font-size:16px}.group-applications-grid{grid-template-columns:1fr}.group-application{grid-template-columns:58px 1fr;gap:20px}.group-application h3{font-size:17px}.group-icon img{width:52px;height:52px}.group-icon figcaption{font-size:8px}.group-related{padding:30px 0 36px}}
@media print{.group-jump{display:none}.group-editorial-section{padding:30px 0;break-inside:avoid}}