/* These remain separate CMS cards; do not style the contact/QR/ad cards. */
html body :is(#zlh-side-service,#zlh-side-co).zlh-side-card{padding:20px 24px!important;box-sizing:border-box!important;min-width:0!important}
html body :is(#zlh-side-service,#zlh-side-co) .zlh-side-head{margin:0 0 16px!important}
html body :is(#zlh-side-service,#zlh-side-co) .zlh-side-head h2{line-height:1.5!important;margin:0!important}
html body :is(#zlh-side-service,#zlh-side-co) a.zlh-side-co{padding:12px 0!important;white-space:normal!important;overflow-wrap:anywhere}
html body :is(#zlh-side-service,#zlh-side-co) a.zlh-side-co b{font-size:14px!important;line-height:1.6!important}
html body :is(#zlh-side-service,#zlh-side-co) a.zlh-side-co span{font-size:13px!important;line-height:1.7!important;margin-top:6px!important}
html body :is(#zlh-side-service,#zlh-side-co) .zlh-side-more{margin-top:14px!important;line-height:1.7!important}
@media(max-width:700px){html body :is(#zlh-side-service,#zlh-side-co).zlh-side-card{padding:16px!important}}

/* Directory: constrain the inner flex column, not merely the document overflow.
   Keep these scoped to #zlh-ent; company detail and contact modules are unchanged. */
html body #zlh-ent .zlh-ent-srch{min-width:0!important;max-width:100%!important}
html body #zlh-ent .zlh-ent-srch input{min-width:0!important;max-width:100%!important;flex:1 1 0!important}
html body #zlh-ent .zlh-ent-srch button{flex:0 0 auto!important}
html body #zlh-ent .zlh-ent-meta>span{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
/* Readable ordinary directory metadata; leave disabled pager and brand colors alone. */
html body #zlh-ent .zlh-ent-meta,
html body #zlh-ent .zlh-ent-r,
html body #zlh-ent .zlh-ent-r .k,
html body #zlh-ent .zlh-ent-lab,
html body #zlh-ent .zlh-ent-stat,
html body #zlh-ent .zlh-ent-side a em{color:#52647a!important}
@media(max-width:768px){
  html body #zlh-ent .zlh-ent-main{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  html body #zlh-ent .zlh-ent-item{align-items:stretch!important}
  html body #zlh-ent .zlh-ent-l,html body #zlh-ent .zlh-ent-r{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  html body #zlh-ent .zlh-ent-avatar{align-self:flex-start!important}
  html body #zlh-ent .zlh-ent-row:has(#zlh-ent-types [aria-disabled="true"]){flex-wrap:wrap!important}
  html body #zlh-ent #zlh-ent-types:has([aria-disabled="true"]){flex-basis:100%!important;max-height:none!important;overflow:visible!important}
  html body #zlh-ent #zlh-ent-types [aria-disabled="true"]{white-space:normal!important;line-height:1.6!important}
  html body #zlh-ent .zlh-ent-main:has(#zlh-ent-types [aria-disabled="true"]) #zlh-ent-more{display:none!important}
}
@media(min-width:769px) and (max-width:1199px){
  /* In the narrower desktop main column, put metadata under the name instead
     of squeezing the name into a one-character vertical column. */
  html body #zlh-ent .zlh-ent-item{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
  html body #zlh-ent .zlh-ent-avatar{grid-column:1;grid-row:1}
  html body #zlh-ent .zlh-ent-l{grid-column:2;grid-row:1;width:100%!important;max-width:100%!important;min-width:0!important}
  html body #zlh-ent .zlh-ent-r{grid-column:2;grid-row:2;width:100%!important;max-width:100%!important;min-width:0!important;border-left:0!important;padding-left:0!important}
}

/* ZLH_HOME_CONFIG_WRAPPER_GUARD_20260921
 * Nonvisual CSS/JS modules must not inherit a 34px-wide visible card shell.
 * Keep every module and its code. Preserve editor placeholders and controls.
 * Only the homepage header region is affected; a future visible child opts out.
 */
@media (min-width:1000px) {
html.zlh-home:not(:has(link[href*="/template/common/css/moxi_edit.css"]))
body #mxi_1788990681#mxi_1788990681 > .moxi-mod:is(#m1789982400101,#m1790001000101,#m1790001000102,#m1790001000103,#m1790001000104,#m1790002000201,#m78962303247959):has(> div):not(:has(> div > :not(style, script, link, meta))) {
  flex:0 0 0 !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
}

/* ZLH_HOME_FIXED_SHELLS_20260921
 * At the small-desktop breakpoint these two native modules contain a fixed
 * site header and a fixed side navigation. Their original normal-flow card
 * shells must not occupy two empty grid tracks. Never hide/delete the modules
 * or their functional fixed children. Keep all editor placeholders untouched.
 */
@media (min-width:1000px) and (max-width:1199px) {
  html.zlh-home:not(:has(link[href*="/template/common/css/moxi_edit.css"]))
  #mxi_1788990482 > .moxi-iframe > :is(#mxi_1788990681,#mxi_1788991861) {
    position:absolute !important;
    inset:0 auto auto 0 !important;
    display:block !important;
    width:0 !important;
    min-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:visible !important;
  }
  html.zlh-home:not(:has(link[href*="/template/common/css/moxi_edit.css"]))
  #mxi_1788990482 :is(#m43669750407905,#m43669760726299) {
    width:0 !important;
    min-width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  html.zlh-home:not(:has(link[href*="/template/common/css/moxi_edit.css"]))
  #mxi_1788990482 :is(#mxi_1789031507,#mxi_1789033519) {
    grid-column:1 / -1 !important;
  }
}