/* Shared, scoped page refinements. Native content and navigation targets remain CMS-managed. */
:root{--wolw-ink:#183b2c;--wolw-muted:#5d7166;--wolw-green:#008b4b;--wolw-line:#dfe8e2;--wolw-wash:#f5f8f5}
/* Family headings must not inherit the navigation bar's single-line rule. */
@media(min-width:901px){
 html body .nav.single-header.single-header .wolw-product-family>h2{white-space:normal!important;overflow-wrap:anywhere;word-break:normal}
 html body .nav.single-header.single-header .nav_ul>li.wolw-unified-entry>.wolw-unified-dropdown{box-sizing:border-box!important;max-height:calc(100dvh - var(--wolw-anchor-offset,160px))!important}
}
@media(min-width:901px) and (max-width:1100px){
 html body .nav.single-header.single-header .wolw-product-family>h2{min-height:76px}
}
body.solution-detail .min-wrap{max-width:1180px}
body.solution-detail .solution-main{padding-block:40px 72px}
body.solution-detail .solution-topic-sidebar:not(:has(.app_tit a)){display:none}
body.solution-detail .solution-main:has(.solution-topic-sidebar .app_tit a){display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;align-items:start}
body.solution-detail .solution-topic-sidebar{min-width:0;text-align:start}
body.solution-detail .solution-topic-disclosure{border-top:2px solid var(--wolw-green);background:var(--wolw-wash);color:var(--wolw-ink)}
body.solution-detail .solution-topic-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px;list-style:none;font-size:16px;font-weight:600;line-height:1.5;cursor:pointer}
body.solution-detail .solution-topic-disclosure>summary::-webkit-details-marker{display:none}
body.solution-detail .solution-topic-disclosure>summary:after{content:'+';flex:0 0 auto;font-size:21px;font-weight:400;line-height:1;color:var(--wolw-green)}
body.solution-detail .solution-topic-disclosure[open]>summary:after{content:'\2212'}
body.solution-detail .solution-topic-sidebar .app_tit{display:block;overflow:visible;margin:0;padding:0 12px 14px;gap:0;text-align:start;font-size:14px;width:auto;height:auto}
body.solution-detail .solution-topic-sidebar .app_tit a{display:block;float:none;box-sizing:border-box;width:100%;height:auto;min-height:44px;margin:0;padding:13px 10px;border:0;border-bottom:1px solid var(--wolw-line);background:transparent;color:#3b5d49;font-size:14px;font-weight:400;line-height:1.6;text-align:start;text-transform:none;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;transition:background-color .16s ease,color .16s ease}
body.solution-detail .solution-topic-sidebar .app_tit a:last-child{border-bottom:0}
body.solution-detail .solution-topic-sidebar .app_tit a:hover{background:#eaf2eb;color:#006b36}
body.solution-detail .solution-topic-sidebar .app_tit a.on,
body.solution-detail .solution-topic-sidebar .app_tit a[aria-current=page]{padding-inline-start:8px;border-inline-start:2px solid var(--wolw-green);background:#e3efe6;color:#006b36;font-weight:600}
body.solution-detail .solution-topic-disclosure summary:focus-visible,
body.solution-detail .solution-topic-sidebar a:focus-visible{outline:2px solid var(--wolw-green);outline-offset:3px}
body.solution-detail .solution-main:has(.solution-topic-sidebar .app_tit a)>.solution-copy{min-width:0;width:auto;max-width:none;margin:0}
body.solution-detail .solution-copy{color:#263e33}
body.solution-detail .solution-copy>h2:first-child,
body.solution-detail .solution-copy>h3:first-child,
body.solution-detail .solution-copy>section:first-child>h2:first-child{margin-block-start:0}
body.solution-detail .solution-copy h2{font-size:26px;line-height:1.35;color:var(--wolw-ink);margin-block:40px 18px}
body.solution-detail .solution-copy h3{font-size:21px;line-height:1.4;color:var(--wolw-ink);margin-block:32px 15px}
body.solution-detail .solution-copy h4{font-size:18px;line-height:1.5;color:var(--wolw-ink);margin-block:25px 12px}
body.solution-detail .solution-copy section[id],
body.solution-detail .solution-copy [id]{scroll-margin-top:var(--wolw-anchor-offset,160px)}
body.solution-detail .solution-copy a{color:#007c41;text-decoration:underline;text-decoration-color:#b2cebd;text-underline-offset:3px}
body.solution-detail .solution-copy a:hover{text-decoration-color:currentColor}
body.solution-detail .solution-copy .spec-table-wrap{border-color:var(--wolw-line);border-radius:0}
body.solution-detail .solution-copy table thead th{background:#edf4ee;color:var(--wolw-ink)}
body.solution-detail .solution-copy table tbody th{background:#f6f8f5}
body.solution-detail .solution-copy figure{background:#f7f9f6;border-color:var(--wolw-line)}
/* A native overview already containing all child links needs one directory,
   rather than a repeated sidebar plus a second copy of the same links. */
body.solution-detail .solution-main.solution-directory-page{display:block!important}
body.solution-detail .solution-directory-page>.solution-topic-sidebar{display:none}
body.solution-detail .solution-directory-page>.solution-copy{max-width:980px!important;width:auto!important;margin-inline:auto!important}
body.solution-detail .solution-copy .solution-directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;list-style:none!important;margin-block:24px 38px!important;padding:0!important}
body.solution-detail .solution-copy .solution-directory-list>li{display:flex;align-items:stretch;min-width:0;margin:0!important;border-bottom:1px solid var(--wolw-line)}
body.solution-detail .solution-copy .solution-directory-list>li>a{display:flex;align-items:center;flex:1;box-sizing:border-box;min-width:0;min-height:68px;padding:17px 0;color:#28573c;font-size:17px;font-weight:500;line-height:1.55;text-decoration:none}
body.solution-detail .solution-copy .solution-directory-list>li>a:hover{color:#00793d;text-decoration:underline;text-underline-offset:4px}
body.solution-detail .bread{background:#f7f9f6}
body.solution-detail .bread .min-wrap{color:#63776b}
body.solution-detail .bread a{color:#40694e}
/* Contact pages use the same quiet editorial hierarchy as the other sections. */
body.contact-page>.ej{display:none}
body.contact-page .min-wrap{max-width:1180px}
body.contact-page .contact-hero{background:#f0f5f0}
body.contact-page .contact-hero h1{font-size:clamp(32px,3.5vw,48px);color:var(--wolw-ink)}
body.contact-page .bread{height:auto;min-height:0;padding:21px 0;background:#fff;border-bottom:1px solid var(--wolw-line);text-align:start;line-height:1.65}
body.contact-page .bread .min-wrap{color:var(--wolw-muted);font-size:13px;text-align:start}
body.contact-page .bread a{color:#40694e}
body.contact-page .cont_f1{padding-block:36px 26px;text-align:start}
body.contact-page .cont_f1>div{color:var(--wolw-ink)}
body.contact-page .cont_f1 span,body.contact-page .cont_f3 span{font-family:inherit!important}
body.contact-page .cont_f3{margin-block:30px 44px;gap:40px;text-align:start}
body.contact-page .cont_f3 .cont_f3_div{text-align:start}
body.contact-page .cont_f3 .cont_f3_div i{display:block;width:36px;height:36px;margin:0 0 15px;border:0;border-radius:0;background-color:transparent;background-size:contain;background-position:center;background-repeat:no-repeat}
body.contact-page .cont_f3 .cont_f3_div1 i{background-image:url('/static/images/wolw-contact-sales-20261113.svg')}
body.contact-page .cont_f3 .cont_f3_div2 i{background-image:url('/static/images/wolw-contact-support-20261113.svg')}
body.contact-page .cont_f3 .cont_f3_div3 i{background-image:url('/static/images/wolw-contact-chat-20261113.svg')}
body.contact-page .cont_f3_div p{font-size:16px;line-height:1.8;color:#354e40}
body.contact-page .cont_f3_div p>span:first-child{font-size:18px;font-weight:600;color:var(--wolw-ink)}
body.contact-page .contact_bottom{background:var(--wolw-wash);padding-block:0 48px}
body.contact-page .contact_bottom_tit{box-sizing:border-box;margin:0;padding:44px 20px 32px;color:var(--wolw-ink);font-size:30px;line-height:1.4;font-weight:600;text-align:center}
body.contact-page .cont_f2 .txt{font-family:inherit}
body.contact-page .cont_f2 .txt::placeholder{color:var(--wolw-muted);opacity:1}
body.contact-page #contact-form,body.contact-page #contact-form-heading{scroll-margin-top:var(--wolw-anchor-offset,160px)}
.knowledge-breadcrumb,.knowledge-empty{color:var(--wolw-muted)}
@media(max-width:900px){
 body.solution-detail .solution-main:has(.solution-topic-sidebar .app_tit a){display:block}
 body.solution-detail .solution-topic-sidebar{margin-block-end:28px}
 body.solution-detail .solution-topic-disclosure>summary{min-height:52px;padding:14px 16px;box-sizing:border-box}
 body.solution-detail .solution-topic-sidebar .app_tit a{font-size:15px;padding-block:12px}
}
@media(max-width:767px){
 body.solution-detail .solution-main{padding-block:24px 48px}
 body.solution-detail .solution-copy h2{font-size:23px;margin-block:32px 16px}
 body.solution-detail .solution-copy h3{font-size:20px;margin-block:27px 14px}
 body.solution-detail .solution-copy h4{font-size:18px;margin-block:23px 12px}
 body.solution-detail .solution-copy .solution-directory-list{grid-template-columns:minmax(0,1fr);column-gap:0}
 body.solution-detail .solution-copy .solution-directory-list>li>a{min-height:58px;font-size:16px;padding-block:15px}
 body.contact-page .cont_f3{grid-template-columns:1fr;gap:28px}
 body.contact-page .cont_f3_div p>span:first-child{font-size:17px}
 body.contact-page .contact_bottom_tit{font-size:26px;padding-block:32px 25px}
 body.contact-page .bread{padding-block:17px}
}
@media(prefers-reduced-motion:reduce){body.solution-detail .solution-topic-sidebar .app_tit a{transition:none}}

/* Older solution/service templates expose the same topics twice. Keep the
   native upper navigation and show any non-duplicate directory as text links. */
body.solution-detail .ej{height:auto;min-height:0;margin-top:0;background:#f7f9f6;border-bottom:1px solid var(--wolw-line)}
body.solution-detail .ej>.min-wrap{display:flex;flex-wrap:wrap;gap:0 26px;width:calc(100% - 64px);max-width:1180px;height:auto;box-sizing:border-box}
body.solution-detail .ej a{display:flex;align-items:center;float:none;box-sizing:border-box;width:auto;height:auto;min-height:48px;margin:0;padding:13px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#365a44;font-size:15px;line-height:1.5;white-space:normal;text-align:start}
body.solution-detail .ej a.on,body.solution-detail .ej a:hover{background:transparent;color:#007c41;border-bottom-color:#00a551}
body.solution-detail .ej a:focus-visible{outline:2px solid #008b4b;outline-offset:3px}
body.solution-detail .ej.solution-section-repeat{display:none}
body.solution-detail .solution-main>.app_tit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;height:auto;margin:0 0 36px}
body.solution-detail .solution-main>.app_tit a{display:flex;align-items:center;box-sizing:border-box;width:auto;height:auto;min-height:56px;margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--wolw-line);background:transparent;color:#365a44;font-size:16px;line-height:1.55;white-space:normal;text-align:start;overflow-wrap:anywhere}
body.solution-detail .solution-main>.app_tit a:hover{color:#007c41;text-decoration:underline;text-underline-offset:4px}
body.solution-detail .solution-main>.app_tit.solution-topics-repeat{display:none}
@media(max-width:767px){body.solution-detail .ej>.min-wrap{width:calc(100% - 36px);gap:0 22px}body.solution-detail .ej a{font-size:14px}body.solution-detail .solution-main>.app_tit{grid-template-columns:1fr;gap:0}}

/* The legacy Latin display font has no Cyrillic glyphs and no fallback. */
body.contact-page .cont_f1,body.contact-page .cont_f3_div p,body.contact-page .contact_bottom_tit{font-family:inherit}

/* A long section navigation collapses on phones; the legacy contact rail
   must never cover reading or form controls on small screens. */
body.solution-detail .ej .solution-section-disclosure{width:100%}
body.solution-detail .ej .solution-section-disclosure>summary{display:none}
body.solution-detail .ej .solution-section-links{display:flex;flex-wrap:wrap;gap:0 26px}
@media(max-width:900px){.keFu{display:none!important}body.solution-detail .ej .solution-section-disclosure>summary{display:list-item;box-sizing:border-box;min-height:52px;padding:14px 0;color:var(--wolw-ink);font-size:15px;line-height:1.6;font-weight:600;cursor:pointer}body.solution-detail .ej .solution-section-disclosure>summary::marker{color:#008b4b}body.solution-detail .ej .solution-section-disclosure>summary:focus-visible{outline:2px solid #008b4b;outline-offset:3px}body.solution-detail .ej .solution-section-links{padding-bottom:15px;gap:0 22px}}

/* Keep the existing Chinese chat service available without unsolicited
   invitations or promotional bubbles obscuring the catalogue. */
.embed-invite,.embed-hot-issue{display:none!important}
.embed-icon{top:auto!important;bottom:24px!important;right:20px!important;transform:none!important}
.embed-icon .embed-group-icon{width:120px!important;max-height:44px;overflow:hidden;background-color:#008b4b!important;border-radius:3px;box-shadow:0 4px 18px rgba(12,47,29,.16)}
.embed-icon:hover .embed-group-icon,.embed-icon:focus-within .embed-group-icon{max-height:min(520px,calc(100dvh - 180px));overflow-y:auto}
.embed-icon .embed-group-icon__default-icon{box-sizing:border-box;min-height:44px;display:flex;align-items:center;justify-content:center;gap:5px}
body:has(.embed-icon) .keFu{display:none!important}
@media(max-width:900px){.embed-icon{display:none!important}}