/* Graphic-first product overview; full diagrams live directly in the page. */
.product-diagram-section{content-visibility:visible!important;contain:none!important}
.home-product-diagrams{width:min(1240px,calc(100% - 48px))!important;max-width:1240px;padding:42px!important;margin:30px auto;background:#f8fcfa!important;border:1px solid #d8e8de!important;border-radius:22px;box-shadow:none!important}
.home-product-diagrams h2{margin:10px 0;font-size:clamp(25px,3vw,36px);line-height:1.4;color:#20392d;letter-spacing:0}
.diagram-intro{margin:12px 0 26px!important;color:#52695d;line-height:1.8}
.product-diagram{position:relative;width:100%;min-width:0;color:#20392d}
.product-diagram *{box-sizing:border-box}
.product-diagram [hidden]{display:none!important}
.diagram-tabs{display:flex;gap:4px;width:max-content;max-width:100%;padding:5px;background:#e8f1ec;border:1px solid #cde0d4;border-radius:14px;margin:0 0 24px}
.diagram-tabs button{display:flex;align-items:center;gap:8px;padding:13px 20px;min-height:52px;border:0;border-radius:10px;color:#52695d;background:transparent;font:inherit;font-size:17px;font-weight:650;cursor:pointer}
.diagram-tabs button>span{font-size:12px;letter-spacing:.05em;color:#47775c}
.diagram-tabs small{font-size:13px;font-weight:400}
.diagram-tabs [aria-selected="true"]{background:#fff;color:#236548;box-shadow:0 2px 10px #244b3412}
.diagram-summary-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 15px}
.diagram-summary-heading strong{font-size:22px;font-weight:600;letter-spacing:0}
.diagram-summary-heading span{font-size:15px;color:#52695d}
.diagram-simple-svg{display:block;width:100%;height:auto;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.diagram-mobile-summary{display:none}
.diagram-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:18px}
.diagram-actions button{font:inherit;cursor:pointer;min-height:46px;border:0;border-radius:8px;padding:12px 20px;background:#238257;color:#fff}
.diagram-detail-link{display:inline-flex;align-items:center;gap:18px;color:#236548!important;font-size:17px;font-weight:600;text-decoration:none!important}
.diagram-detail-link span{font-size:23px;transition:transform .15s}
.diagram-detail-link:hover span{transform:translateX(4px)}
.product-diagram-section{width:min(1840px,calc(100vw - 64px))!important;max-width:none!important;margin-inline:calc(50% - min(920px,calc(50vw - 32px)))!important;padding:30px 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.product-diagram-section>.section-kicker,.product-diagram-section>h2,.product-diagram-section>.body-copy{max-width:1240px;margin-left:auto;margin-right:auto;padding-inline:24px}
.product-diagram--full{border:1px solid #cde0d4;border-radius:16px;overflow:hidden;background:#fff}
.native-product-diagram{display:block;width:100%;min-width:0}
.product-diagram--full>.diagram-panel>.diagram-actions{padding:12px 24px 22px;margin:0;background:#f8fcfa}
.diagram-exit{display:none;position:absolute;right:20px;top:14px;z-index:9;padding:10px 16px;border:1px solid #a7c8b3;border-radius:7px;font:inherit;color:#20392d;background:#fff;cursor:pointer}
.product-diagram:fullscreen,.product-diagram.is-fullscreen-fallback{overflow:auto;width:100%;height:100%;border-radius:0;padding:64px 24px 24px;background:#f8fcfa}
.product-diagram.is-fullscreen-fallback{position:fixed;inset:0;z-index:150;width:100vw;height:100dvh}
.product-diagram:fullscreen .diagram-exit,.product-diagram.is-fullscreen-fallback .diagram-exit{display:block}
.diagram-fullscreen-status{margin:0!important;font-size:14px!important;color:#52695d!important}
.product-diagram :is(button,a):focus-visible{outline:3px solid #238257;outline-offset:4px}
body.has-diagram-overlay{overflow:hidden}
@media(max-width:760px){
.home-product-diagrams{width:calc(100% - 24px)!important;padding:28px 20px!important;border-radius:16px}
.diagram-tabs{width:100%;border-radius:12px}
.diagram-tabs button{flex:1;flex-wrap:wrap;gap:5px;padding:11px 10px;font-size:16px}
.diagram-tabs small{flex-basis:100%;font-size:12px;text-align:left;margin-left:19px}
.diagram-summary-heading{display:block}.diagram-summary-heading strong{display:block;font-size:21px}.diagram-summary-heading span{display:block;margin-top:8px;line-height:1.75}
.diagram-simple-svg{display:none}
.diagram-mobile-summary{display:grid;text-align:center;gap:14px;margin:22px 0;padding:22px 12px;background:#edf8f2;border:1px solid #a7d8bb;border-radius:16px;font-size:16px;line-height:1.8}
.diagram-mobile-summary strong{display:block;background:#fff;border:1px solid #b2d8c1;padding:18px 8px;border-radius:12px;font-size:18px}
.diagram-mobile-summary i{font-style:normal;color:#57bf8e;font-size:26px;line-height:1}
.product-diagram-section{width:calc(100vw - 24px)!important;margin-inline:calc(50% - 50vw + 12px)!important;padding:20px 0!important}
.product-diagram-section>h2,.product-diagram-section>.body-copy,.product-diagram-section>.section-kicker{padding-inline:8px}
.product-diagram--full{border-radius:12px}
.product-diagram--full>.diagram-panel>.diagram-actions{padding:16px;gap:12px}
.product-diagram:fullscreen,.product-diagram.is-fullscreen-fallback{padding:64px 8px 16px}
}
@media(prefers-reduced-motion:reduce){.product-diagram *{scroll-behavior:auto!important;transition:none!important}}

/* Clear selectors without continuous progress animation. */
.product-diagram .diagram-tabs{margin-inline:auto;margin-bottom:10px;justify-content:center}
.diagram-rotation-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:0 0 24px;color:#52695d;font-size:13px}
.diagram-rotation-controls button{cursor:pointer;color:#236548;background:#fff;border:1px solid #9fceb5;border-radius:22px;padding:7px 14px;font:inherit}
.product-diagram--overview .diagram-actions{justify-content:flex-end}
@media(max-width:760px){.product-diagram .diagram-tabs{width:100%;display:flex}.diagram-rotation-controls{font-size:12px;gap:8px;margin-bottom:18px}}