/* Zest Lifestyle - inner pages (About, Business, Contact, Careers). Needs home-pro.css; scoped to .zh */
.zh{--mint:#e8f5ec}
.zh .zh-btn{gap:10px}
.zh button.zh-btn{cursor:pointer;font-family:var(--sans)}
.zh-mist{background:var(--mist)}
.zh-lead{margin-top:20px;max-width:36em;font-size:1.08rem;line-height:1.8;color:var(--mut)}

/* page banner */
.zh-banner{position:relative;background:linear-gradient(180deg,#e8f5ec,#f8fbf7);border-bottom:1px solid var(--line)}
.zh-banner .zh-wrap{padding-block:clamp(44px,6vw,84px)}
.zh-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;
  background:linear-gradient(90deg,#1f7a4d 0 20%,#e3b341 20% 36%,#cfe6d6 36% 52%,#f08a6a 52% 64%,#7bbbe0 64% 78%,#16271d 78% 100%)}
.zh-crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.85rem;color:var(--mut)}
.zh-crumbs a{color:var(--em-d);font-weight:500}.zh-crumbs a:hover{text-decoration:underline}
.zh-banner h1{margin-top:16px;font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.05;color:var(--f8)}
.zh-banner p.zh-sub{margin-top:16px;max-width:36em;font-size:1.1rem;line-height:1.7;color:var(--mut)}

/* about */
.zh-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
.zh-split--even{grid-template-columns:1.1fr .9fr;align-items:center}
.zh-logo-box{display:grid;place-items:center;padding:32px;background:#fff;border:1px solid var(--line)}
.zh-logo-box img{max-height:110px;width:auto}
.zh-facts{margin:28px 0 0;border-top:1px solid var(--line)}
.zh-facts>div{display:grid;grid-template-columns:116px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.zh-facts dt{font-size:.85rem;font-weight:600;color:var(--gold-d)}
.zh-facts dd{margin:0;font-size:.92rem;line-height:1.6;color:var(--mut)}

/* ---- right-side text: plain, restrained, corporate ---- */
.zh-prose{max-width:44rem}
.zh-prose h2{position:relative;margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid var(--line);
  font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2;color:var(--f8)}
.zh-prose h2::after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:2px;background:var(--em)}
.zh-prose p{font-size:1rem;line-height:1.9;color:#46524a}
.zh-prose p+p{margin-top:1.4em}
/* first paragraph: slightly larger intro */
.zh-prose p:first-of-type{font-size:1.14rem;line-height:1.8;color:var(--ink)}
/* last paragraph: separated by a thin line only */
.zh-prose p:last-of-type{margin-top:2em;padding-top:2em;border-top:1px solid var(--line)}

.zh-checks{margin:32px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.zh-checks li{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.95rem;font-weight:500;line-height:1.5}
.zh-checks i{margin-top:4px;color:var(--em)}
.zh-photo{width:100%;aspect-ratio:4/3;object-fit:cover;background:#fff}
.zh-person{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(32px,6vw,96px);align-items:center}
.zh-portrait{position:relative;max-width:380px;padding:0 18px 18px 0}
.zh-portrait::before{content:"";position:absolute;inset:18px 0 0 18px;border:1px solid var(--gold)}
.zh-portrait img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--mist)}
.zh-role{margin-top:8px;font-weight:600;color:var(--gold-d)}

/* business */
.zh-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.zh-feature img{width:100%;aspect-ratio:5/4;object-fit:cover;background:var(--mist)}
.zh-iconhead{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.zh-ico{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:12px;background:var(--mint);color:var(--em);font-size:1.3rem}
.zh-iconhead h2,.zh-iconhead h3{font-size:clamp(1.6rem,3vw,2.2rem)}
.zh-text{font-size:1.04rem;line-height:1.85;color:var(--mut)}
.zh-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px)}
.zh-duo>article{padding-top:30px;border-top:3px solid var(--em)}

/* contact */
.zh-info{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--g)}
.zh-info>div{padding:34px 28px 8px;border-left:1px solid var(--line)}
.zh-info>div:first-child{padding-left:0;border-left:0}
.zh-info i{font-size:1.25rem;color:var(--g)}
.zh-info h3{margin-top:16px;font-size:1.35rem}
.zh-info p,.zh-info address{margin-top:12px;font-style:normal;font-size:.98rem;line-height:1.85;color:var(--mut)}
.zh-info a{font-weight:500;color:var(--em-d)}.zh-info a:hover{text-decoration:underline}
.zh-maps{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.zh-maps h3{margin-bottom:16px;font-size:1.3rem}
.zh-maps iframe{display:block;width:100%;height:360px;border:1px solid var(--line);background:var(--mist)}

/* careers */
.zh-apply{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
.zh-notes{margin:32px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.zh-notes li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:.95rem;line-height:1.6;color:var(--mut)}
.zh-notes i{margin-top:4px;color:var(--gold-d)}
.zh-form{padding:clamp(24px,4vw,44px);background:#fff;border:1px solid var(--line);border-top:3px solid var(--em);box-shadow:0 30px 60px -40px rgba(22,39,29,.35)}
.zh .form-row{margin-bottom:22px}
.zh .form-row label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:600}
.zh .form-row label b{color:#c0392b}
.zh .form-row label em{font-style:normal;font-weight:400;color:var(--mut)}
.zh .form-row input[type=text],.zh .form-row input[type=email],.zh .form-row input[type=tel],.zh .form-row input[type=file],.zh .form-row textarea{
  width:100%;padding:13px 14px;border:1px solid #cdd6cb;border-radius:8px;background:#fff;color:var(--ink);font:400 .98rem var(--sans);transition:border-color .2s,box-shadow .2s}
.zh .form-row textarea{resize:vertical}
.zh .form-row input:focus,.zh .form-row textarea:focus{outline:0;border-color:var(--em);box-shadow:0 0 0 4px rgba(31,122,77,.15)}
.zh .form-row .invalid{border-color:#c0392b}
.zh .form-row small{display:block;margin-top:6px;font-size:.82rem;color:var(--mut)}
.zh .field-error{display:block;margin-top:6px;font-size:.85rem;color:#b3321f}
.zh .field-error:empty{display:none}
.zh .hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.zh .form-alert{display:flex;gap:10px;align-items:flex-start;margin-bottom:24px;padding:14px 16px;border-radius:8px;font-weight:500;line-height:1.5}
.zh .form-alert.ok{background:#e8f5ec;border:1px solid #bfe0c9;color:#17613d}
.zh .form-alert.bad{background:#fdecea;border:1px solid #f3c1ba;color:#8f2a1c}
.zh .zh-btn--full{width:100%}

@media (max-width:960px){
  .zh-split,.zh-split--even,.zh-person,.zh-feature,.zh-apply,.zh-maps,.zh-duo{grid-template-columns:1fr}
  .zh-prose{max-width:none}
  .zh-info{grid-template-columns:1fr}
  .zh-info>div{padding:28px 0 8px;border-left:0;border-top:1px solid var(--line)}
  .zh-info>div:first-child{border-top:0}
}
@media (max-width:560px){
  .zh-checks{grid-template-columns:1fr}
  .zh-facts>div{grid-template-columns:1fr;gap:4px}
  .zh-prose p:first-of-type{font-size:1.06rem}
}

/* products, projects, blog, media, awards */
.zh-product{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:center}
.zh-product--rev>.zh-product__text{order:2}
.zh-product__text h2{margin-bottom:20px}
.zh-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.zh-gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--mist)}
.zh-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px)}
.zh-post img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--mist)}
.zh-post h3{margin-top:20px;padding-top:18px;border-top:3px solid var(--em);font-size:1.3rem;line-height:1.3}
.zh-post p{margin-top:10px;font-size:.96rem;line-height:1.75;color:var(--mut)}
.zh-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:0;background:none;border:0;
  font:600 .95rem var(--sans);color:var(--em-d);cursor:pointer}
.zh-link:hover{text-decoration:underline}
.zh-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.zh-dialog{position:fixed;inset:0;margin:auto;height:fit-content;width:min(760px,calc(100% - 32px));max-height:calc(100vh - 48px);padding:0;border:0;border-top:4px solid var(--gold);
  background:#fff;color:var(--ink);overflow:auto;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.zh-dialog::backdrop{background:rgba(15,31,23,.62)}
.zh-dialog img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;background:var(--mist)}
.zh-dialog__body{padding:28px clamp(20px,4vw,40px) 36px}
.zh-dialog h2{font-size:clamp(1.6rem,3vw,2.1rem)}
.zh-dialog__text h3{margin-top:22px;font-size:1.15rem}
.zh-dialog__text p{margin-top:10px;font-size:.98rem;line-height:1.8;color:var(--mut)}
.zh-dialog__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;
  border:0;border-radius:50%;background:#fff;color:var(--f8);font-size:1.1rem;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.zh-dialog__close:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.zh-empty{max-width:640px;margin:0 auto;padding:clamp(40px,6vw,72px) 24px;text-align:center;background:#fff;
  border:1px solid var(--line);border-top:3px solid var(--gold)}
.zh-empty i{font-size:2.2rem;color:var(--gold-d)}
.zh-empty h2{margin-top:18px;font-size:1.8rem}
.zh-empty p{margin-top:12px;line-height:1.7;color:var(--mut)}
@media (max-width:960px){.zh-product,.zh-posts{grid-template-columns:1fr}.zh-product--rev>.zh-product__text{order:0}}
@media (min-width:600px) and (max-width:960px){.zh-posts{grid-template-columns:1fr 1fr}}

/* investor relations: link tiles, tables, profiles */
.zh-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.zh-linkrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:#fff;
  border:1px solid var(--line);border-left:3px solid var(--gold);font-weight:500;line-height:1.45;color:var(--ink);
  transition:background .2s,border-color .2s,color .2s}
.zh-linkrow:hover{background:var(--mint);border-color:var(--em);color:var(--em-d)}
.zh-linkrow i{flex:none;color:var(--gold-d);transition:transform .2s}
.zh-linkrow:hover i{transform:translateX(4px)}
.zh-linkrow .fa-file-pdf{color:#c0392b}
.zh-table-scroll{overflow-x:auto;margin-top:28px;border:1px solid var(--line);background:#fff}
.zh-table{width:100%;min-width:560px;border-collapse:collapse;font-size:.95rem}
.zh-table th{padding:14px 18px;background:var(--f8);color:#fff;text-align:left;font-size:.88rem;font-weight:600}
.zh-table td{padding:14px 18px;border-top:1px solid var(--line);vertical-align:top;line-height:1.65;color:var(--ink)}
.zh-table tbody tr:hover td{background:#f4f9f5}
.zh-table th:first-child,.zh-table td:first-child{width:72px;text-align:center}
.zh-table a{font-weight:500;color:var(--em-d)}.zh-table a:hover{text-decoration:underline}
.zh-table .nil{text-align:center;color:var(--mut)}
.zh-table--sm{min-width:640px;font-size:.88rem}
.zh-pill{display:inline-flex;align-items:center;gap:8px;margin:3px 8px 3px 0;padding:6px 14px;border-radius:999px;
  background:var(--mint);color:var(--em-d)!important;font-size:.84rem;font-weight:500;text-decoration:none!important;transition:background .2s,color .2s}
.zh-pill:hover{background:var(--em);color:#fff!important}
.zh-pill .fa-file-pdf{color:#c0392b}.zh-pill:hover .fa-file-pdf{color:#fff}
.zh-profile{display:grid;grid-template-columns:240px 1fr;gap:clamp(24px,4vw,56px);padding:48px 0;border-top:1px solid var(--line);scroll-margin-top:100px}
.zh-profile__photo img,.zh-profile__initials{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--mist)}
.zh-profile__initials{display:grid;place-items:center;background:var(--mint);font:500 3rem var(--serif);color:var(--em-d)}
.zh-profile__tag{display:block;margin-top:12px;font-size:.82rem;font-weight:600;color:var(--gold-d)}
.zh-profile h3{font-size:1.75rem}
.zh-profile__role{margin-top:6px;font-weight:600;color:var(--gold-d)}
.zh-profile__body p{margin-top:14px;line-height:1.8;color:var(--mut)}
.zh-profile__body .zh-profile__role{color:var(--gold-d)}
.zh-profile__body h4{margin:28px 0 0;font:600 1.05rem var(--sans);color:var(--ink)}
@media (max-width:760px){.zh-profile{grid-template-columns:1fr}.zh-profile__photo{max-width:240px}}

/* committee and officer detail panels */
.zh-panel{max-width:900px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--em)}
.zh-panel__head{padding:28px clamp(20px,4vw,40px) 22px;border-bottom:1px solid var(--line)}
.zh-panel__head h2{font-size:clamp(1.5rem,3vw,2rem)}
.zh-panel__head p{margin-top:6px;color:var(--mut)}
.zh-panel .zh-table-scroll{margin:0;border:0}
.zh-panel .zh-empty{max-width:none;border:0}
.zh-badge{display:inline-block;padding:4px 14px;border-radius:999px;background:var(--mist);color:var(--ink);font-size:.84rem;font-weight:500}
.zh-badge.is-chair{background:var(--mint);color:var(--em-d);font-weight:600}
.zh-detail{width:100%;border-collapse:collapse}
.zh-detail th,.zh-detail td{padding:18px clamp(20px,4vw,40px);border-top:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}
.zh-detail tr:first-child th,.zh-detail tr:first-child td{border-top:0}
.zh-detail th{width:34%;font-size:.9rem;font-weight:600;color:var(--gold-d)}
.zh-detail a{font-weight:500;color:var(--em-d)}.zh-detail a:hover{text-decoration:underline}
.zh-others{margin-top:clamp(40px,6vw,72px)}
.zh-others h3{margin-bottom:20px;font-size:1.5rem}
@media (max-width:560px){.zh-detail th,.zh-detail td{display:block;width:100%}.zh-detail th{padding-bottom:0}.zh-detail td{border-top:0;padding-top:4px}}