/* Shared by the homepage and every public React page. */
:root{--zl-header-height:96px;--zl-nav-gutter:clamp(24px,6vw,112px)}
html{scroll-padding-top:calc(var(--zl-header-height) + 24px)}
.zl-site-header,.zl-site-header *{box-sizing:border-box}
.zl-site-header{height:var(--zl-header-height);position:sticky;top:0;z-index:40;background:#101110f5;border-bottom:1px solid #ffffff20;color:#efefea;backdrop-filter:blur(18px);font-family:Inter,Arial,sans-serif}
.zl-nav-inner{width:calc(100% - 2 * var(--zl-nav-gutter));max-width:1510px;height:100%;margin:0 auto;display:flex;align-items:center;gap:34px}
.zl-site-header a{color:inherit;text-decoration:none}
.zl-site-header a:focus-visible,.zl-site-header summary:focus-visible{outline:2px solid #d9be82;outline-offset:5px}
.zl-brand{display:inline-flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0}
.zl-brand>span{display:block;white-space:nowrap;font-size:30px;font-weight:400;letter-spacing:.18em;line-height:1}
.zl-brand b{font-weight:300;font-size:35px;letter-spacing:-.04em;color:#c8ae79;margin-left:6px}
.zl-brand small{font-size:10px;line-height:1.4;letter-spacing:.34em;font-weight:500;color:#dfdfd8;padding-left:3px}
.zl-nav-desktop{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.2vw,37px);margin-left:auto;font-size:13px;white-space:nowrap;min-width:0}
.zl-nav-desktop>a,.zl-nav-group>summary{display:flex;align-items:center;gap:8px;min-height:48px;color:#c9cbc3;cursor:pointer;transition:color .2s;list-style:none}
.zl-site-header summary::-webkit-details-marker{display:none}
.zl-nav-desktop>a:hover,.zl-nav-group>summary:hover,.zl-nav-group[open]>summary,.zl-nav-group[data-active=true]>summary,.zl-nav-desktop>a[aria-current=page]{color:#dec38b}
.zl-nav-group{position:relative}
.zl-nav-chevron{transition:transform .25s}.zl-nav-group[open] .zl-nav-chevron{transform:rotate(180deg)}
.zl-nav-dropdown{position:absolute;top:calc(100% + 13px);left:-28px;width:540px;padding:24px 26px 0;border:1px solid #bca57550;border-top:2px solid #c8ae79;background:#151815;box-shadow:0 26px 55px #0006;white-space:normal;animation:zl-nav-enter .2s ease both}
.zl-nav-dropdown:before{content:'';position:absolute;top:-16px;left:0;right:0;height:15px}
.zl-nav-dropdown>p{font-size:10px;letter-spacing:.14em;line-height:1.6;color:#a7a78e;margin:0 0 19px}
.zl-dropdown-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.zl-dropdown-links>a,.zl-mobile-columns section>a{position:relative;padding:13px 25px 13px 11px;display:flex;flex-direction:column;gap:6px;min-height:72px;border-radius:2px;transition:background .2s,color .2s}
.zl-dropdown-links>a:hover,.zl-dropdown-links>a[aria-current=page]{background:#c8ae7910;color:#e2c891}
.zl-dropdown-links>a>span{font-size:14px;line-height:1.5}.zl-dropdown-links>a>small{font-size:11px;line-height:1.65;color:#979f91}
.zl-dropdown-links>a>svg{position:absolute;right:8px;top:20px;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s;color:#d4bc88}
.zl-dropdown-links>a:hover>svg,.zl-dropdown-links>a:focus-visible>svg,.zl-dropdown-links>a[aria-current=page]>svg{opacity:1;transform:none}
.zl-site-header .zl-dropdown-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #c1b08030;color:#d7bf86;font-size:12px;line-height:1.7;padding:19px 0;margin-top:20px;min-height:58px}
.zl-nav-life{left:auto;right:-90px;width:530px}
.zl-site-header .zl-profile-link{display:flex;align-items:center;justify-content:center;gap:23px;min-height:47px;padding:12px 17px;border:1px solid #ad91564d;font-size:12px;white-space:nowrap;flex-shrink:0;margin-left:auto;transition:border-color .2s,background .2s}
.zl-profile-link>svg{color:#c8ae79}.zl-site-header .zl-profile-link:hover{border-color:#bda16b;background:#c8ae790a}
.zl-mobile-menu{display:none}.zl-skip-link{position:fixed;top:10px;left:15px;z-index:1000;transform:translateY(-150%);padding:13px 18px;background:#dec38b;color:#101110;font:14px/1.5 Inter,Arial,sans-serif;text-decoration:none}.zl-skip-link:focus{transform:none}
.public-site{background:#101110;min-height:100vh}
.public-site .public-main{width:calc(100% - 2 * var(--zl-nav-gutter));max-width:1510px;margin:0 auto;padding:28px 0 90px}
.public-site .portal-breadcrumb{font-size:12px;color:#969d90;line-height:1.7;gap:13px;flex-wrap:wrap}
.public-site .portal-breadcrumb a{color:#b0b6a9;transition:color .2s}.public-site .portal-breadcrumb a:hover{color:#d6bd87}
.public-site .portal-footer{padding-left:max(var(--zl-nav-gutter),calc((100% - 1510px)/2));padding-right:max(var(--zl-nav-gutter),calc((100% - 1510px)/2));background:#101110;border-color:#ffffff20}
@keyframes zl-nav-enter{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:1190px){
 :root{--zl-header-height:84px}
 .zl-nav-inner{gap:22px}.zl-nav-desktop{display:none}.zl-site-header .zl-profile-link{margin-left:auto}
 .zl-mobile-menu{display:block}.zl-mobile-menu>summary{display:flex;align-items:center;justify-content:center;gap:13px;min-height:46px;min-width:73px;cursor:pointer;list-style:none;font-size:12px;color:#d5c298}
 .zl-mobile-menu>summary>i{display:flex;flex-direction:column;gap:6px;width:22px}.zl-mobile-menu>summary b{display:block;height:1px;width:22px;background:#d7bf88;transition:transform .2s}
 .zl-mobile-menu[open]>summary b:first-child{transform:translateY(3.5px) rotate(45deg)}.zl-mobile-menu[open]>summary b:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .zl-mobile-panel{position:absolute;left:0;right:0;top:100%;height:calc(100dvh - var(--zl-header-height));overflow-y:auto;overscroll-behavior:contain;background:#101310;box-shadow:0 24px 50px #0005;border-top:1px solid #b6a06d45;padding:30px var(--zl-nav-gutter) 45px;animation:zl-nav-enter .2s both}
 .zl-mobile-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:24px;border-bottom:1px solid #b6a06d30}.zl-mobile-intro>span{font-size:10px;letter-spacing:.12em;color:#a79770}.zl-mobile-intro>a{display:flex;align-items:center;gap:9px;font-size:12px;color:#c6c9bb;min-height:40px}
 .zl-mobile-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px 35px;margin-top:28px}
 .zl-mobile-columns section{padding:0;margin:0}.zl-mobile-columns section>h2{font-size:11px;line-height:1.8;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:#cfb47b;margin:0 0 11px}
 .zl-mobile-columns section>a{min-height:62px;padding:12px 24px 12px 0;border-bottom:1px solid #d0ba8015}.zl-mobile-columns section>a>span{font-size:16px;line-height:1.5;letter-spacing:-.01em}.zl-mobile-columns section>a>small{font-size:11px;line-height:1.6;color:#8e9a88}.zl-mobile-columns section>a>svg{position:absolute;right:1px;top:20px;color:#b6a374}
 .zl-mobile-columns section>a[aria-current=page],.zl-mobile-columns section>a:hover{color:#e2c78d}
 .zl-mobile-columns section:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.zl-mobile-columns section:last-child>h2{grid-column:1/-1}
 .zl-site-header .zl-mobile-profile{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:#d2b77e;color:#182013;font-size:13px;min-height:54px;margin-top:32px}
 .zl-mobile-note{font-size:10px;line-height:1.8;color:#87917f;margin:20px 0 0;text-align:center}
 body:has(.zl-mobile-menu[open]){overflow:hidden}
}
@media(max-width:600px){
 :root{--zl-header-height:78px;--zl-nav-gutter:24px}
 .zl-nav-inner{gap:16px}.zl-brand>span{font-size:24px;letter-spacing:.16em}.zl-brand b{font-size:28px;margin-left:3px}.zl-brand small{font-size:8px;letter-spacing:.29em}.zl-brand{gap:5px}
 .zl-site-header .zl-profile-link{display:none}.zl-mobile-menu{margin-left:auto}.zl-mobile-menu>summary{font-size:11px;gap:10px}
 .zl-mobile-panel{padding-top:20px}.zl-mobile-intro{padding-bottom:16px}.zl-mobile-intro>span{font-size:8px}.zl-mobile-intro>a{font-size:11px}
 .zl-mobile-columns{grid-template-columns:1fr;gap:28px;margin-top:24px}.zl-mobile-columns section:last-child{display:block}.zl-mobile-columns section>a{min-height:59px}.zl-mobile-columns section>a>span{font-size:16px}.zl-mobile-columns section>a>small{font-size:11px}
 .public-site .public-main{padding-top:22px;padding-bottom:60px}.public-site .portal-breadcrumb{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.zl-site-header *{animation:none!important;transition:none!important}}