/* GOWM V16 - visual repair and final UX layer */
:root{
  --v16-ink:#12243a;
  --v16-muted:#61758b;
  --v16-line:#e4ebf2;
  --v16-blue:#1c6fe8;
  --v16-cyan:#16a8c2;
  --v16-soft:#f6f9fc;
  --v16-max:1280px;
}

/* Header / navigation: no gap, stable contrast, compact premium proportions */
.gowm-navbar{top:34px!important;height:76px!important;margin:0!important;border:0!important;}
.gowm-nav-container{max-width:var(--v16-max)!important;height:76px!important;padding:0 20px!important;gap:12px!important;}
.gowm-logo{flex:0 0 auto!important;min-width:132px!important;}
.gowm-logo img{height:42px!important;max-width:150px!important;object-fit:contain!important;}
.gowm-nav-menu{flex:1 1 auto!important;gap:0!important;justify-content:flex-end!important;align-items:stretch!important;min-width:0!important;}
.gowm-nav-item{flex:0 1 auto!important;min-width:0!important;display:flex!important;align-items:stretch!important;}
.gowm-nav-link{height:76px!important;min-height:76px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:13px!important;line-height:1.1!important;letter-spacing:.01em!important;color:var(--v16-ink)!important;}
.gowm-navbar.home-hero-top .gowm-nav-link{color:#17314c!important;text-shadow:none!important;}
.gowm-navbar.home-hero-top .gowm-logo{background:rgba(255,255,255,.92)!important;border-radius:11px!important;padding:4px 9px!important;}
.gowm-nav-dropdown{top:100%!important;transform:translateX(-50%)!important;margin-top:0!important;min-width:228px!important;padding:8px!important;border:1px solid var(--v16-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 50px rgba(16,35,56,.12)!important;}
.gowm-nav-item:hover .gowm-nav-dropdown{transform:translateX(-50%)!important;}
.gowm-dropdown-item{padding:10px 12px!important;font-size:13px!important;line-height:1.45!important;color:#304960!important;border-radius:9px!important;}
.gowm-dropdown-item:hover{padding-left:12px!important;background:#f3f7fb!important;color:var(--v16-blue)!important;}
.gowm-nav-actions{gap:8px!important;flex:0 0 auto!important;}
.gowm-lang-switch a{padding:5px 9px!important;font-size:11px!important;}
.gowm-nav-actions .gowm-btn{padding:9px 14px!important;font-size:12px!important;}

/* Critical bug fix: inner pages must not be treated as homepage just because path() is '/?query'. */
.gowm-navbar:not(.home-hero-top){background:rgba(255,255,255,.98)!important;}
body:not(.gowm-cn-site):not(.gowm-en-site) .gowm-navbar{background:#fff!important;}

/* Home hero: one clear image, no secondary visual layer */
.gowm-home-hero{min-height:clamp(680px,86vh,820px)!important;height:clamp(680px,86vh,820px)!important;margin-top:-34px!important;padding-top:34px!important;}
.gowm-home-hero-grid{min-height:100%!important;height:100%!important;}
.gowm-home-hero-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;filter:saturate(.97) brightness(1.06) contrast(1.01)!important;}
.gowm-home-hero-overlay{background:linear-gradient(90deg,rgba(8,29,52,.30) 0%,rgba(8,29,52,.11) 52%,rgba(8,29,52,.02) 100%)!important;}
.hero-copy{padding:136px 0 70px!important;max-width:720px!important;}
.hero-copy h1{max-width:720px!important;font-size:clamp(42px,5.25vw,66px)!important;line-height:1.05!important;}
.hero-copy>p{max-width:660px!important;font-size:17px!important;}

/* Inner pages: start below the fixed header so hero image and title are never hidden under nav. */
.gowm-inner-hero{margin-top:76px!important;padding:66px 0 58px!important;}
.gowm-inner-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;gap:42px!important;align-items:center!important;}
.gowm-inner-hero-copy{padding-top:8px!important;min-width:0!important;}
.gowm-inner-hero-copy h1{font-size:clamp(40px,4.6vw,62px)!important;line-height:1.06!important;max-width:720px!important;}
.gowm-inner-hero-copy>p{max-width:650px!important;font-size:16px!important;line-height:1.8!important;}
.gowm-inner-hero-media{aspect-ratio:3/2!important;width:100%!important;max-height:560px!important;border-radius:22px!important;}
.gowm-inner-hero-media img{object-fit:cover!important;object-position:center center!important;}
.gowm-crumbs{margin:0!important;position:relative!important;top:auto!important;background:#fff!important;border-top:1px solid var(--v16-line)!important;border-bottom:1px solid var(--v16-line)!important;box-shadow:none!important;}
.gowm-crumbs-inner{max-width:var(--v16-max)!important;padding:11px 20px!important;font-size:11px!important;color:#6b7f93!important;}
.gowm-crumbs-inner a{color:#55718c!important;}

/* Content width: use space better and avoid oversized empty right rails. */
.gowm-container{max-width:var(--v16-max)!important;padding-left:20px!important;padding-right:20px!important;}
.article-layout,.case-detail-grid,.resource-layout{grid-template-columns:minmax(0,1fr) 280px!important;gap:28px!important;max-width:1200px!important;margin:0 auto!important;}
.article-layout>main,.case-detail-grid>main,.resource-layout>main{min-width:0!important;}
.article-head,.case-detail-head{max-width:940px!important;}
.article-body,.case-detail-body,.sv-body-content{max-width:940px!important;}
.resource-side,.case-side-card{position:sticky!important;top:128px!important;}

/* Cards: slightly larger type, tighter hierarchy, less visual noise. */
.home-case-grid,.home-resource-grid,.case-grid,.resource-grid{gap:20px!important;}
.home-case-grid article div,.case-card-body,.resource-card-body{padding:20px 22px!important;}
.home-case-grid article p,.case-card-body p,.resource-card-body p{font-size:13px!important;line-height:1.85!important;}
.home-case-insight,.case-card-story,.resource-card-excerpt{font-size:12px!important;line-height:1.8!important;background:#f8fafc!important;border-left:2px solid #c9d8e7!important;}

/* Service process: remove the unnecessary 01/02/03/04/05/06 chips that made some inner pages feel like templates. */
.sv-process-grid li>span{display:none!important;}
.sv-process-grid li{padding:20px 0!important;border-bottom:1px solid var(--v16-line)!important;}
.sv-process-grid li>div{padding-left:0!important;}

/* Footer readability: light footer with strong contrast and calm spacing. */
.gowm-footer{background:#f4f7fa!important;border-top:1px solid #dfe7ee!important;color:#4e6379!important;padding-top:54px!important;}
.gowm-footer-grid{gap:28px!important;}
.gowm-footer-brand p{color:#4f647a!important;font-size:13px!important;line-height:1.8!important;max-width:380px!important;}
.gowm-footer-col h4{color:#14283e!important;font-size:14px!important;margin-bottom:14px!important;}
.gowm-footer-col ul li{margin-bottom:9px!important;}
.gowm-footer-col ul li a{color:#40566e!important;font-size:13px!important;line-height:1.65!important;}
.gowm-footer-col ul li a:hover{color:var(--v16-blue)!important;padding-left:3px!important;}
.gowm-footer-contact li{color:#536a80!important;font-size:13px!important;line-height:1.7!important;}
.gowm-footer-contact li i{color:#5d7590!important;}
.gowm-footer-bottom{background:#eaf0f5!important;border-top:1px solid #d9e2ea!important;}
.gowm-footer-bottom p{color:#5d7187!important;font-size:11px!important;}
.gowm-footer-social span{background:#fff!important;border:1px solid #e1e8ef!important;box-shadow:0 6px 16px rgba(15,34,58,.06)!important;}

/* Directory and tools: more balanced width. */
.gowm-directory-grid,.gowm-tools-grid{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;}
.gowm-company-summary,.gowm-company-detail-excerpt{font-size:12px!important;line-height:1.8!important;}
.gowm-tool-main p{font-size:12px!important;line-height:1.75!important;}

/* Mobile header/menu: compact, readable, no overlap. */
@media(max-width:900px){
  .gowm-topbar{display:none!important;}
  .gowm-navbar,.gowm-navbar.home-hero-top{top:0!important;position:fixed!important;height:64px!important;background:#fff!important;box-shadow:0 8px 26px rgba(15,34,58,.09)!important;}
  .gowm-nav-container{height:64px!important;padding:0 16px!important;}
  .gowm-logo img{height:34px!important;max-width:132px!important;}
  .gowm-nav-menu{top:64px!important;padding:12px 16px 30px!important;}
  .gowm-nav-link{font-size:15px!important;min-height:52px!important;line-height:1.35!important;}
  .gowm-nav-dropdown{margin:0 8px 9px!important;border-radius:10px!important;}
  .gowm-inner-hero{margin-top:64px!important;padding:48px 0 42px!important;}
  .gowm-inner-hero-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .gowm-inner-hero-copy h1{font-size:clamp(34px,8vw,48px)!important;}
  .gowm-inner-hero-media{aspect-ratio:4/3!important;max-height:none!important;border-radius:18px!important;}
  .article-layout,.case-detail-grid,.resource-layout{grid-template-columns:1fr!important;max-width:none!important;}
  .resource-side,.case-side-card{position:static!important;}
  .gowm-footer-grid{grid-template-columns:1fr 1fr!important;gap:24px!important;}
}
@media(max-width:640px){
  .gowm-container{padding-left:16px!important;padding-right:16px!important;}
  .gowm-home-hero{min-height:760px!important;height:760px!important;}
  .gowm-home-hero-image{object-position:58% center!important;}
  .hero-copy{padding:112px 0 44px!important;}
  .hero-copy h1{font-size:38px!important;}
  .gowm-footer-grid{grid-template-columns:1fr!important;}
  .gowm-footer-col ul li a,.gowm-footer-contact li{font-size:13px!important;}
}

/* Keep page images visually complete and prevent accidental overflow. */
.gowm-inner-hero-media img,.article-cover,.case-detail-cover,.home-case-grid img,.resource-grid article img{background:#edf2f6!important;}
img{max-width:100%;}

/* Performance */
.gowm-home-hero-media,.gowm-inner-hero-media{contain:paint;}


/* ===== V17 FIX PACK: sticky header / Chinese process text / case excerpt clamp / social links ===== */
/* Header: desktop starts below the topbar, then snaps to the browser viewport top after scrolling. */
@media(min-width:901px){
  .gowm-navbar{position:fixed!important;left:0!important;right:0!important;top:34px!important;z-index:4000!important;}
  .gowm-navbar.scrolled{top:0!important;position:fixed!important;}
  .gowm-navbar.home-hero-top{position:absolute!important;top:34px!important;}
  body:not(.gowm-cn-site):not(.gowm-en-site) .gowm-navbar,
  .gowm-navbar.scrolled{top:0!important;}
}
@media(max-width:900px){
  .gowm-navbar,.gowm-navbar.home-hero-top,.gowm-navbar.scrolled{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:4000!important;}
}

/* Process cards: force normal horizontal writing and prevent grid items from collapsing to character width. */
.sv-rich-box .sv-process-grid,
.sv-process-grid{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 28px!important;}
.sv-rich-box .sv-process-grid li,
.sv-process-grid li{min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:start!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important;}
.sv-rich-box .sv-process-grid li>div,
.sv-process-grid li>div{min-width:0!important;width:100%!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:anywhere!important;white-space:normal!important;}
.sv-rich-box .sv-process-grid li strong,
.sv-rich-box .sv-process-grid li p,
.sv-process-grid li strong,
.sv-process-grid li p{display:block!important;width:auto!important;max-width:100%!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;white-space:normal!important;}
.sv-rich-box .sv-process-grid li p,
.sv-process-grid li p{overflow-wrap:anywhere!important;line-height:1.8!important;}

/* Case / resource cards: excerpts are deliberately clamped so long CMS content cannot stretch cards. */
.case-card-body>p,
.resource-card-body>p,
.case-card-story span,
.resource-card-excerpt,
.home-case-grid article p,
.home-case-insight span,
.home-resource-excerpt{display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important;word-break:normal!important;overflow-wrap:anywhere!important;white-space:normal!important;}
.case-card-body>p{ -webkit-line-clamp:3!important; max-height:calc(1.8em * 3)!important; }
.resource-card-body>p{ -webkit-line-clamp:3!important; max-height:calc(1.8em * 3)!important; }
.case-card-story span{ -webkit-line-clamp:4!important; max-height:calc(1.75em * 4)!important; }
.resource-card-excerpt{ -webkit-line-clamp:4!important; max-height:calc(1.8em * 4)!important; }
.home-case-grid article p{ -webkit-line-clamp:3!important; max-height:calc(1.8em * 3)!important; }
.home-case-insight span{ -webkit-line-clamp:3!important; max-height:calc(1.7em * 3)!important; }
.home-resource-excerpt{ -webkit-line-clamp:3!important; max-height:calc(1.75em * 3)!important; }

/* Footer social icons: clickable official-platform destinations; keep the supplied real SVG marks. */
.gowm-footer-social{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;}
.gowm-footer-social>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;background:#fff!important;border:1px solid #dfe7ee!important;box-shadow:0 6px 16px rgba(15,34,58,.06)!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease!important;}
.gowm-footer-social>a:hover{transform:translateY(-2px)!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,34,58,.12)!important;}
.gowm-footer-social>a img{display:block!important;width:32px!important;height:32px!important;object-fit:contain!important;}
@media(max-width:900px){
  .sv-rich-box .sv-process-grid,.sv-process-grid{grid-template-columns:1fr!important;gap:0!important;}
  .sv-rich-box .sv-process-grid li,.sv-process-grid li{grid-template-columns:36px minmax(0,1fr)!important;}
}