/* Scoped to the About template. No changes to other pages. */
.sl-about-page { background:#fff; --about-ink:#173d32; --about-muted:#53675e; --about-line:#dce6df; }
.sl-about-page header.transparent { background:#fff; box-shadow:0 1px 0 #e3eae5; }
.sl-about-page header.transparent .head-wrap a,
.sl-about-page header.transparent .head-wrap .nav-ul>li>a,
.sl-about-page header.transparent .head-search em { color:var(--dark); }
.sl-about-page header.transparent .head-wrap .sl-header-quote { color:#fff; }
.sl-about-page header.transparent .m-menu span,
.sl-about-page header.transparent .m-menu span::before,
.sl-about-page header.transparent .m-menu span::after { background:var(--dark); }
.sl-about-page main { overflow-wrap:anywhere; }
.sl-about-page main a:focus-visible { outline:3px solid #2e7d32; outline-offset:5px; }
.sl-about-hero { padding:146px 0 62px; background:#edf3ee; border-bottom:1px solid var(--about-line); }
.sl-about-breadcrumb { font-size:13px; color:var(--about-muted); margin-bottom:30px; }
.sl-about-eyebrow { color:#327047; font-size:12px; font-weight:700; letter-spacing:.12em; margin:0 0 14px; }
.sl-about-hero h1 { font-size:clamp(36px,5vw,64px); line-height:1.12; letter-spacing:-.035em; color:var(--about-ink); }
.sl-about-lead { max-width:730px; margin-top:22px; font-size:19px; color:var(--about-muted); }
.sl-about-section { padding:76px 0; scroll-margin-top:100px; }
.sl-about-tint { background:#f5f7f4; }
.sl-about-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; }
.sl-about-split>* { min-width:0; }
.sl-about-page main h2 { font-size:clamp(26px,3vw,38px); line-height:1.22; color:var(--about-ink); margin:0 0 24px; }
.sl-about-page main h3 { font-size:25px; line-height:1.3; color:var(--about-ink); margin:0 0 16px; }
.sl-about-section p:not(.sl-about-eyebrow) { margin:0 0 18px; line-height:1.85; }
.sl-about-section-heading { max-width:790px; margin-bottom:38px; }
.sl-about-base+.sl-about-base { border-top:1px solid var(--about-line); padding-top:48px; margin-top:48px; }
.sl-about-reverse>figure { order:2; }
.sl-about-figure { margin:0; min-width:0; }
.sl-about-figure>img, .sl-about-figure>p>img { display:block; width:100%; height:auto; border-radius:8px; }
.sl-about-figure>p { margin:0 !important; }
.sl-about-figure figcaption { padding-top:14px; font-size:14px; color:var(--about-muted); }
.sl-about-page main figcaption h3 { font-size:21px; margin-bottom:9px; }
.sl-about-placeholder { min-height:260px; aspect-ratio:3/2; border:1px dashed #9bb3a3; border-radius:8px; background:#eaf0eb; padding:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; color:#496653; }
.sl-about-placeholder strong { font-size:13px; letter-spacing:.1em; }
.sl-about-placeholder span { font-size:19px; max-width:300px; }
.sl-about-placeholder small { font-size:12px; }
.sl-about-edit-note { border-left:3px solid #b5c8b8; padding-left:16px; color:#53675e; }
.sl-about-page address { font-style:normal; border-top:1px solid var(--about-line); padding-top:18px; font-size:14px; }
.sl-about-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
.sl-about-grid .sl-about-placeholder { aspect-ratio:4/3; }
.sl-about-cert { border-top:1px solid var(--about-line); }
.sl-about-text-link { display:inline-block; color:#256238; font-weight:600; border-bottom:1px solid #a2b6a8; padding-bottom:3px; }
.sl-about-cta { background:#edf3ee; text-align:center; }
.sl-about-cta p { max-width:700px; margin:0 auto 24px !important; }
.sl-about-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:14px; }
.sl-about-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 26px; border:1px solid #29683c; border-radius:6px; background:#29683c; color:#fff; font-size:15px; font-weight:600; }
.sl-about-button:hover { color:#fff; background:#1e512d; }
.sl-about-button-outline { background:transparent; color:#29683c; }
@media(max-width:1024px) { .sl-about-split { gap:32px; } .sl-about-section { padding:56px 0; } }
@media(max-width:700px) {
  .sl-about-hero { padding:118px 0 42px; }
  .sl-about-lead { font-size:17px; }
  .sl-about-split,.sl-about-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
  .sl-about-reverse>figure { order:0; }
  .sl-about-section { padding:42px 0; }
  .sl-about-placeholder { min-height:210px; padding:22px; }
  .sl-about-base+.sl-about-base { margin-top:32px; padding-top:32px; }
  .sl-about-section-heading { margin-bottom:26px; }
  .sl-about-actions { flex-direction:column; align-items:stretch; }
}
@media(prefers-reduced-motion:reduce) { .sl-about-page { scroll-behavior:auto; } .sl-about-page main a { transition:none; } }
/* Refined About content only: does not change the manufacturing template. */
.sl-about-refined .sl-ready-panorama { margin:0 auto; max-width:1920px; background:#e9efea; }
.sl-about-refined .sl-ready-panorama>a { display:block; position:relative; overflow:hidden; }
.sl-about-refined .sl-ready-panorama img { display:block; width:100%; height:auto; aspect-ratio:1920/541; object-fit:contain; border-radius:0; }
.sl-about-refined .sl-ready-open { position:absolute; right:24px; bottom:20px; padding:9px 16px; border-radius:5px; background:#fff; color:#173d32; font-size:13px; box-shadow:0 3px 16px #0002; transition:background .2s; }
.sl-about-refined .sl-ready-panorama a:hover .sl-ready-open { background:#e8f5e9; }
.sl-about-refined .sl-ready-panorama figcaption { display:flex; justify-content:space-between; gap:12px; padding:15px 24px; color:#456050; font-size:13px; border-bottom:1px solid #dce6df; }
.sl-about-refined .sl-ready-panorama figcaption>span { font-weight:700; letter-spacing:.1em; }
.sl-about-refined .sl-ready-intro { display:grid; grid-template-columns: .9fr 1.3fr; gap:64px; }
.sl-about-refined .sl-ready-stats { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:32px 0; padding:28px 0; border-top:1px solid #dce6df; border-bottom:1px solid #dce6df; }
.sl-about-refined .sl-ready-stats>div { display:flex; flex-direction:column; gap:10px; padding:8px 20px; border-right:1px solid #dce6df; }
.sl-about-refined .sl-ready-stats>div:last-child { border-right:0; }
.sl-about-refined .sl-ready-stats dt { font-size:13px; color:#53675e; }
.sl-about-refined .sl-ready-stats dd { order:-1; font-size:clamp(24px,2.3vw,34px); line-height:1.2; font-weight:700; color:#215d37; white-space:nowrap; }
.sl-about-refined .sl-ready-stats dd span { font-size:14px; font-weight:500; }
.sl-about-refined .sl-ready-nav { display:flex; flex-wrap:wrap; gap:10px 26px; }
.sl-about-refined .sl-ready-nav a { font-size:14px; color:#256238; text-decoration:underline; text-underline-offset:5px; padding:5px 0; }
.sl-about-refined .sl-ready-photo { display:block; border-radius:8px; overflow:hidden; background:#edf2ee; }
.sl-about-refined .sl-ready-photo img { display:block; width:100%; height:auto; transition:filter .2s; }
.sl-about-refined .sl-ready-photo:hover img { filter:brightness(1.035); }
.sl-about-refined .sl-ready-capacity { padding:17px 20px; background:#e6eee7; border-left:3px solid #42764c; }
.sl-about-refined .sl-ready-capacity strong { display:block; color:#215d37; font-size:21px; }
.sl-about-refined .sl-ready-capacity span { display:block; margin-top:5px; font-size:13px; line-height:1.65; }
.sl-about-refined .sl-ready-card { border-bottom:1px solid #dce6df; padding-bottom:12px; }
.sl-about-refined .sl-ready-photo-note { display:block; color:#627368; font-size:12px; margin-bottom:12px; }
.sl-about-refined .sl-ready-support details { border-top:1px solid #dce6df; padding:18px 0; }
.sl-about-refined .sl-ready-support details:last-child { border-bottom:1px solid #dce6df; }
.sl-about-refined .sl-ready-support summary { cursor:pointer; font-weight:600; color:#173d32; font-size:18px; }
.sl-about-refined .sl-ready-support details p { margin:14px 0 0; font-size:15px; }
.sl-about-refined summary:focus-visible { outline:3px solid #2e7d32; outline-offset:4px; }
@media(max-width:1000px) {
 .sl-about-refined .sl-ready-intro { gap:32px; }
 .sl-about-refined .sl-ready-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 0; }
 .sl-about-refined .sl-ready-stats>div { border-right:0; }
}
@media(max-width:700px) {
 .sl-about-refined .sl-ready-intro { grid-template-columns:minmax(0,1fr); gap:10px; }
 .sl-about-refined .sl-ready-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .sl-about-refined .sl-ready-stats>div { padding:8px; }
 .sl-about-refined .sl-ready-panorama figcaption { flex-direction:column; padding:12px 20px; gap:3px; }
 .sl-about-refined .sl-ready-open { right:10px; bottom:8px; padding:5px 10px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .sl-about-refined .sl-ready-photo img,.sl-about-refined .sl-ready-open { transition:none; } }

/* Chinese About body only. Keep English About and manufacturing unchanged. */
.sl-about-cn { max-width:1240px; margin:0 auto; padding:48px 24px 64px; color:#374c42; font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
.sl-about-cn, .sl-about-cn * { box-sizing:border-box; }
.sl-about-cn .sl-cn-section { margin:0 0 64px; }
.sl-about-cn .sl-cn-section:last-child { margin-bottom:0; }
.sl-about-cn p { margin:0 0 18px; line-height:1.9; }
.sl-about-cn p:last-child { margin-bottom:0; }
.sl-about-page main .sl-about-cn h2 { margin:0 0 24px; color:#173d32; font-size:clamp(25px,3vw,36px); line-height:1.5; letter-spacing:0; }
.sl-about-page main .sl-about-cn h3 { margin:0 0 16px; color:#173d32; font-size:24px; line-height:1.5; }
.sl-about-cn .sl-cn-heading { padding-left:16px; border-left:4px solid #327047; }
.sl-about-cn .sl-cn-intro { max-width:1000px; }
.sl-about-cn .sl-cn-muted { color:#53675e; }
.sl-about-cn figure { margin:0; min-width:0; }
.sl-about-cn img { display:block; width:100%; max-width:100%; height:auto; margin:0; border:0; }
.sl-about-cn figure>p { margin:0; }
.sl-about-cn figcaption { padding:12px 0 0; color:#53675e; font-size:14px; line-height:1.7; }
.sl-about-cn .sl-cn-panorama { margin:28px 0; overflow:hidden; border:1px solid #dce6df; border-radius:12px; background:#f5f7f4; }
.sl-about-cn .sl-cn-panorama a { display:block; }
.sl-about-cn .sl-cn-panorama figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 20px; padding:12px 18px; }
.sl-about-cn .sl-cn-base { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:36px; padding:28px; border:1px solid #dce6df; border-radius:12px; background:#f5f7f4; }
.sl-about-cn .sl-cn-base+.sl-cn-base { margin-top:28px; }
.sl-about-cn .sl-cn-base>* { min-width:0; }
.sl-about-cn .sl-cn-base img { border-radius:8px; }
.sl-about-cn .sl-cn-base-reverse figure { order:2; }
.sl-about-cn .sl-cn-kicker { margin:0 0 8px; color:#327047; font-size:13px; font-weight:700; letter-spacing:.08em; }
.sl-about-cn .sl-cn-address { margin-top:20px; padding-top:16px; border-top:1px solid #dce6df; font-size:15px; }
.sl-about-cn .sl-cn-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.sl-about-cn .sl-cn-card { min-width:0; padding:26px; border:1px solid #dce6df; border-top:3px solid #327047; border-radius:8px; background:#fff; }
.sl-about-page main .sl-about-cn .sl-cn-card h3 { font-size:22px; }
.sl-about-cn .sl-cn-testing { padding:36px; background:#edf3ee; border:1px solid #dce6df; border-radius:12px; }
.sl-about-cn .sl-cn-services { margin:0; padding:0; list-style:none; }
.sl-about-cn .sl-cn-services>li { display:flex; align-items:flex-start; gap:20px; margin:0; padding:26px 0; border-bottom:1px solid #dce6df; }
.sl-about-cn .sl-cn-services>li:first-child { padding-top:6px; }
.sl-about-cn .sl-cn-services>li:last-child { padding-bottom:0; border-bottom:0; }
.sl-about-cn .sl-cn-services>li>div { min-width:0; flex:1; }
.sl-about-cn .sl-cn-number { flex:0 0 44px; border-radius:8px; background:#edf3ee; color:#327047; text-align:center; font-size:18px; font-weight:700; line-height:44px; }
.sl-about-page main .sl-about-cn .sl-cn-services h3 { font-size:22px; margin-bottom:10px; }
.sl-about-cn a:focus-visible { outline:3px solid #327047; outline-offset:4px; }
@media(max-width:1000px) {
 .sl-about-cn .sl-cn-base { gap:24px; padding:24px; }
 .sl-about-cn .sl-cn-cards { grid-template-columns:minmax(0,1fr); gap:16px; }
}
@media(max-width:760px) {
 .sl-about-cn { padding:32px 20px 44px; }
 .sl-about-cn .sl-cn-section { margin-bottom:42px; }
 .sl-about-cn .sl-cn-base { grid-template-columns:minmax(0,1fr); padding:20px; gap:22px; }
 .sl-about-cn .sl-cn-base-reverse figure { order:0; }
 .sl-about-cn .sl-cn-testing { padding:24px; }
 .sl-about-cn .sl-cn-panorama figcaption { flex-direction:column; gap:3px; padding:12px 16px; }
 .sl-about-cn .sl-cn-card { padding:22px; }
 .sl-about-cn .sl-cn-services>li { gap:14px; }
}
@media(max-width:400px) {
 .sl-about-cn { padding-right:16px; padding-left:16px; }
 .sl-about-cn .sl-cn-base, .sl-about-cn .sl-cn-testing { padding:16px; }
 .sl-about-cn .sl-cn-number { flex-basis:36px; line-height:36px; font-size:16px; }
}