.zhpc-wrap{
  --zhpc-ink:#173543;
  --zhpc-blue:#1680a3;
  --zhpc-line:#dbe4e8;
  --zhpc-muted:#5a6971;
  width:100%;
  max-width:none;
  margin:0;
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--zhpc-ink);
}
.zhpc-wrap *{box-sizing:border-box}

.zhpc-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:0}
.zhpc-kicker{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.3;letter-spacing:.18em;color:#47606a;text-transform:uppercase}
.zhpc-controls{display:flex;gap:8px;align-items:center}
.zhpc-wrap .zhpc-controls button{
  height:44px;border:1px solid #cbd8de!important;background:#fff!important;color:var(--zhpc-ink)!important;
  border-radius:9px;padding:0 18px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;
  line-height:1;cursor:pointer;box-shadow:none!important;text-shadow:none!important;transition:border-color .18s ease,background-color .18s ease!important
}
.zhpc-wrap .zhpc-controls .zhpc-nav{width:44px;padding:0;font-size:22px}
.zhpc-wrap .zhpc-controls button:hover,.zhpc-wrap .zhpc-controls button:focus,.zhpc-wrap .zhpc-controls button:active{
  background:#fff!important;color:var(--zhpc-ink)!important;border-color:#a8bbc3!important;box-shadow:none!important;transform:none!important;outline:none
}

.zhpc-viewport{width:100%;overflow:hidden}
.zhpc-track{display:flex;align-items:stretch;transition:transform .45s cubic-bezier(.22,.61,.36,1);will-change:transform}
.zhpc-card{
  flex:0 0 33.333333%;min-width:0;display:flex;flex-direction:column;align-self:stretch;
  background:#fff;border:1px solid var(--zhpc-line);border-radius:10px;overflow:hidden;box-sizing:border-box
}
.zhpc-card+.zhpc-card{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}
.zhpc-card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}

.zhpc-image-wrap{position:relative;aspect-ratio:1.55/1;overflow:hidden;background:#eef3f5;flex:0 0 auto}
.zhpc-image{display:block;width:100%;height:100%;object-fit:cover}
.zhpc-placeholder{background:linear-gradient(135deg,#eaf1f4,#f7f9fa)}
.zhpc-badge{
  position:absolute;left:14px;top:14px;background:rgba(255,255,255,.96);border-radius:5px;padding:10px 12px;
  font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#173543;box-shadow:0 2px 10px rgba(0,0,0,.04)
}

.zhpc-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:23px 22px 0;font-family:Arial,Helvetica,sans-serif}
.zhpc-subheading{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;color:var(--zhpc-blue);margin:0 0 8px}
.zhpc-title{
  font-family:Georgia,'Times New Roman',serif!important;font-size:25px!important;line-height:1.16!important;font-weight:400!important;
  letter-spacing:0!important;text-transform:none!important;margin:0 0 18px!important;color:#173543!important
}
.zhpc-desc{
  font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55;color:var(--zhpc-muted);
  margin:0 0 18px;min-height:0
}
.zhpc-info{
  display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px;margin:0 0 19px;
  font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.45;color:#53646c
}
.zhpc-info-item{font-family:Arial,Helvetica,sans-serif}
.zhpc-info-item strong{color:#173543;font-weight:700}
.zhpc-bottom{margin-top:auto;margin-left:-22px;margin-right:-22px;border-top:1px solid var(--zhpc-line);font-family:Arial,Helvetica,sans-serif}

.zhpc-wrap .zhpc-details-toggle{
  appearance:none;-webkit-appearance:none;width:100%;min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0!important;padding:16px 22px!important;border:0!important;border-radius:0!important;outline:0!important;
  background:#fff!important;background-image:none!important;color:#173543!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;line-height:1.35!important;font-weight:600!important;text-transform:none!important;
  cursor:pointer;text-align:left;box-shadow:none!important;text-shadow:none!important;transition:none!important
}
.zhpc-wrap .zhpc-details-toggle:hover,.zhpc-wrap .zhpc-details-toggle:focus,.zhpc-wrap .zhpc-details-toggle:active,
.zhpc-wrap .zhpc-details-toggle[aria-expanded="true"]{
  background:#fff!important;background-image:none!important;color:#173543!important;border:0!important;box-shadow:none!important;transform:none!important
}
.zhpc-plus{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#1680a3;font-size:22px;line-height:1;font-weight:300;transition:transform .22s ease}
.zhpc-details-toggle[aria-expanded="true"] .zhpc-plus{transform:rotate(45deg)}

.zhpc-details-panel{padding:0 22px 18px;background:#fff;font-family:Arial,Helvetica,sans-serif;color:#586870}
.zhpc-details-panel[hidden]{display:none!important}
.zhpc-points{
  list-style:disc outside!important;margin:0 0 14px 17px!important;padding:0!important;
  font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.55;color:#586870
}
.zhpc-points li{display:list-item!important;list-style:disc outside!important;margin:0 0 4px!important;padding:0!important;color:#586870!important}
.zhpc-points li::marker{color:#173543}
.zhpc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:10px}
.zhpc-link,.zhpc-cta{
  display:inline-flex!important;align-items:center!important;width:auto!important;min-height:0!important;margin:0!important;padding:0 0 3px!important;
  border:0!important;border-bottom:1px solid #b8c5ca!important;border-radius:0!important;background:transparent!important;background-image:none!important;
  color:#173543!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;line-height:1.35!important;font-weight:600!important;
  text-decoration:none!important;text-transform:none!important;box-shadow:none!important;text-shadow:none!important;transition:none!important
}
.zhpc-cta::after{content:'→';margin-left:18px;font-size:16px;line-height:1;font-weight:400}
.zhpc-link:hover,.zhpc-link:focus,.zhpc-link:active,.zhpc-cta:hover,.zhpc-cta:focus,.zhpc-cta:active{
  background:transparent!important;color:#173543!important;border-bottom-color:#173543!important;box-shadow:none!important;transform:none!important
}
.zhpc-cta.is-disabled{opacity:.55;pointer-events:none}
.zhpc-empty{padding:20px;border:1px solid #ddd;font-family:Arial,Helvetica,sans-serif}

@media(max-width:1024px){
  .zhpc-card{flex-basis:50%}
  .zhpc-title{font-size:25px!important;margin-bottom:16px!important}
  .zhpc-desc{margin-bottom:17px}
}
@media(max-width:680px){
  .zhpc-wrap{width:100%}
  .zhpc-head{align-items:center;margin-bottom:14px;gap:10px}
  .zhpc-kicker{font-size:10px;letter-spacing:.14em;max-width:50%}
  .zhpc-controls{gap:5px}
  .zhpc-wrap .zhpc-controls button{height:38px;border-radius:7px;padding:0 11px;font-size:12px}
  .zhpc-wrap .zhpc-controls .zhpc-nav{width:38px;font-size:19px}
  .zhpc-card{flex-basis:100%;border:1px solid var(--zhpc-line)!important;border-radius:10px!important}
  .zhpc-image-wrap{aspect-ratio:1.28/1}
  .zhpc-body{padding:20px 18px 0}
  .zhpc-subheading{margin-bottom:7px}
  .zhpc-title{font-size:25px!important;margin-bottom:15px!important}
  .zhpc-desc{font-size:14px;line-height:1.5;margin-bottom:16px}
  .zhpc-info{margin-bottom:17px}
  .zhpc-bottom{margin-left:-18px;margin-right:-18px}
  .zhpc-wrap .zhpc-details-toggle{padding:15px 18px!important;min-height:52px}
  .zhpc-details-panel{padding:0 18px 17px}
  .zhpc-badge{left:12px;top:12px;padding:9px 10px}
}