/* ZARCONIUM — day mode. Night is the default; the sun/moon button in the header switches. */
html[data-zx-theme=day]{
  --void:#eef1f5;--deep:#e6eaf0;--panel:#ffffff;--line:rgba(20,40,60,.14);
  --mist:#2a3644;--bright:#0b1320;--dim:#5a6878;
  --cyan:#c8202a;--cyan-soft:rgba(200,32,42,.5);--cyan-faint:rgba(200,32,42,.12);
  --red:#c8202a;--red-faint:rgba(200,32,42,.12);--gold:#9a6a12;
  color-scheme:light;
}
html[data-zx-theme=day],html[data-zx-theme=day] body{background:var(--void);color:var(--mist)}
html{transition:background-color .4s ease}
/* ZARCONIUM day mode: generated colour overrides (gen_day.py) plus hand-tuned rules below */
html[data-zx-theme=day] .veil{background:#ffffff}
html[data-zx-theme=day] .nav{background:linear-gradient(to bottom,rgba(246,248,251,0.92),rgba(246,248,251,0.0))}
html[data-zx-theme=day] .lede{color:rgba(16,28,44,0.76)}
html[data-zx-theme=day] .body p{color:rgba(16,28,44,0.78)}
html[data-zx-theme=day] .cta{border:1px solid rgba(200,32,42,0.455)}
html[data-zx-theme=day] .cta:hover{background:rgba(200,32,42,0.052)}
html[data-zx-theme=day] .record li span:last-child{color:rgba(16,28,44,0.82)}
html[data-zx-theme=day] .beats p{color:rgba(16,28,44,0.76)}
html[data-zx-theme=day] .scene p{color:rgba(16,28,44,0.74)}
html[data-zx-theme=day] .cur-ring{border:1px solid rgba(200,32,42,0.65)}
html[data-zx-theme=day] .cta.off:hover{border-color:rgba(200,32,42,0.455)}
html[data-zx-theme=day] .tier{background:rgba(246,248,251,0.72)}
html[data-zx-theme=day] .soc{background:rgba(246,248,251,0.6)}
html[data-zx-theme=day] .email .at{background:rgba(246,248,251,0.6)}
html[data-zx-theme=day] .cur-ring::before{border:1px solid rgba(200,32,42,0.78)}
html[data-zx-theme=day] .mp{background:rgba(246,248,251,0.7)}
html[data-zx-theme=day] .cr-why p{color:rgba(16,28,44,0.8)}
html[data-zx-theme=day] .cr-role{background:rgba(246,248,251,0.85)}
html[data-zx-theme=day] .cr-lede{color:rgba(16,28,44,0.8)}
html[data-zx-theme=day] .cr-form select,html[data-zx-theme=day] .cr-form textarea{background:#ffffff;border:1px solid rgba(20,40,60,0.252)}
html[data-zx-theme=day] .lg-body p,html[data-zx-theme=day] .lg-body li{color:rgba(16,28,44,0.82)}
html[data-zx-theme=day] .faq details p{color:rgba(16,28,44,0.8)}
html[data-zx-theme=day] .hint i{background:rgba(200,32,42,0.234)}
html[data-zx-theme=day] .lg-card{background:rgba(246,248,251,0.85)}
html[data-zx-theme=day] .mkind button.on{background:rgba(200,32,42,0.13)}
html[data-zx-theme=day] .mp-kind.digital{border-color:rgba(200,32,42,0.52)}
html[data-zx-theme=day] .mp-kind.physical{border-color:rgba(160,108,20,0.585)}
html[data-zx-theme=day] .tl-graph ol::before{background:linear-gradient(90deg,rgba(200,32,42,0.195),var(--cyan) 50%,rgba(200,32,42,0.26) 55%,rgba(127,140,154,.12))}
@media (max-width:860px){html[data-zx-theme=day] .tl-graph ol::before{background:linear-gradient(180deg,rgba(200,32,42,0.195),var(--cyan) 50%,rgba(200,32,42,0.26) 55%,rgba(127,140,154,.12))}}
html[data-zx-theme=day] .status-card{background:rgba(246,248,251,0.72)}
html[data-zx-theme=day] .status-card p{color:rgba(16,28,44,0.74)}
html[data-zx-theme=day] .zs-navbtn{background:rgba(246,248,251,0.5)}
html[data-zx-theme=day] .zs-scrim{background:rgba(246,248,251,0.86)}
html[data-zx-theme=day] .zs-panel{background:#ffffff;border:1px solid rgba(20,40,60,0.224)}
html[data-zx-theme=day] .zs-thumb{background:#ffffff}
html[data-zx-theme=day] .zs-cur button.on{background:rgba(200,32,42,0.13)}
html[data-zx-theme=day] .zs-form input,html[data-zx-theme=day] .zs-form select{background:#ffffff;border:1px solid rgba(20,40,60,0.252)}
html[data-zx-theme=day] .zs-toast{background:rgba(246,248,251,0.97)}
html[data-zx-theme=day] .co-sum{background:rgba(246,248,251,0.94)}
html[data-zx-theme=day] .cur-light .cur-ring::before{border-color:rgba(246,248,251,0.55)}
html[data-zx-theme=day] .co-coupon.on{border:1px dashed rgba(160,108,20,0.65);background:rgba(160,108,20,0.078)}
html[data-zx-theme=day] .co-cprow input{background:#ffffff;border:1px solid rgba(20,40,60,0.252)}
html[data-zx-theme=day] .co-chips button{border:1px dashed rgba(160,108,20,0.585)}
html[data-zx-theme=day] .ac-f input{background:#ffffff;border:1px solid rgba(20,40,60,0.252)}
html[data-zx-theme=day] .ac-card{background:rgba(246,248,251,0.85)}
html[data-zx-theme=day] .zs-wbtns .cta{background:rgba(246,248,251,0.6)}
html[data-zx-theme=day] .rs-test{border:1px dashed rgba(160,108,20,0.585)}
html[data-zx-theme=day] .zs-line-t .mp-kind.digital{border-color:rgba(200,32,42,0.52)}
html[data-zx-theme=day] .zs-line-t .mp-kind.physical{border-color:rgba(160,108,20,0.585)}
html[data-zx-theme=day] .skip{background:#ffffff}
html[data-zx-theme=day] .dn-amts button{background:rgba(246,248,251,0.7)}
html[data-zx-theme=day] .dn-custom{background:#ffffff}
html[data-zx-theme=day] .zx-lang{background:rgba(246,248,251,0.5)}
html[data-zx-theme=day] .zx-lang option{background:#ffffff;color:#2a3644}
html[data-zx-theme=day] .zs-adminbtn{border-color:rgba(160,108,20,0.715)!important;color:var(--gold,#a06c14)!important}
html[data-zx-theme=day] .zx-promo{background:rgba(246,248,251,0.92);border:1px solid rgba(160,108,20,0.585)}
html[data-zx-theme=day] .zx-promo p{color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-promo b{color:var(--gold,#a06c14)}
html[data-zx-theme=day] .zx-promo code{border:1px dashed rgba(160,108,20,0.78)}
html[data-zx-theme=day] .zx-promo-use{border:1px solid var(--gold,#a06c14);color:var(--gold,#a06c14)}
html[data-zx-theme=day] .zx-promo-use:hover{background:rgba(160,108,20,0.156)}
html[data-zx-theme=day] .zx-promo-x{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-st{border:1px solid var(--line,rgba(16,28,44,0.288));color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-st.open,html[data-zx-theme=day] .zx-st.new{border-color:rgba(160,108,20,0.78);color:var(--gold,#a06c14)}
html[data-zx-theme=day] .zx-st.in_progress,html[data-zx-theme=day] .zx-st.escalated{border-color:rgba(200,32,42,0.715);color:var(--cyan,#c8202a)}
html[data-zx-theme=day] .zx-st.awaiting_customer{border-color:rgba(184,98,10,0.78);color:#b8620a}
html[data-zx-theme=day] .zx-st.resolved,html[data-zx-theme=day] .zx-st.closed,html[data-zx-theme=day] .zx-st-fulfilled,html[data-zx-theme=day] .zx-st-processing{border-color:rgba(31,138,76,0.715);color:#1f8a4c}
html[data-zx-theme=day] .zx-st-refunded,html[data-zx-theme=day] .zx-st-partially_refunded,html[data-zx-theme=day] .zx-st-cancelled,html[data-zx-theme=day] .zx-st-disputed{border-color:rgba(196,43,43,0.715);color:#c42b2b}
html[data-zx-theme=day] .zx-tk{border:1px solid var(--line,rgba(16,28,44,0.224));background:rgba(16,28,44,0.032)}
html[data-zx-theme=day] .zx-tk summary span{color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-tk[open] summary{border-bottom:1px solid var(--line,rgba(16,28,44,0.192))}
html[data-zx-theme=day] .zx-msg{border-left:2px solid var(--line,rgba(16,28,44,0.2));background:rgba(16,28,44,0.048)}
html[data-zx-theme=day] .zx-msg > span{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-msg.ai{border-left-color:var(--cyan,#c8202a);background:rgba(200,32,42,0.065)}
html[data-zx-theme=day] .zx-msg.staff{border-left-color:var(--gold,#a06c14);background:rgba(160,108,20,0.065)}
html[data-zx-theme=day] .zx-msg.customer{border-left-color:rgba(16,28,44,0.35)}
html[data-zx-theme=day] .zx-tk-reply textarea,html[data-zx-theme=day] .zx-adm textarea{background:rgba(246,248,251,0.35);border:1px solid var(--line,rgba(16,28,44,0.288))}
html[data-zx-theme=day] .zx-tk-done{border:1px solid rgba(200,32,42,0.455);background:rgba(200,32,42,0.052)}
html[data-zx-theme=day] .zx-camp{border:1px solid var(--line,rgba(16,28,44,0.224));background:rgba(16,28,44,0.032)}
html[data-zx-theme=day] .zx-bar{background:rgba(16,28,44,0.128)}
html[data-zx-theme=day] .zx-side{border:1px solid var(--line,rgba(16,28,44,0.224));background:rgba(246,248,251,0.7)}
html[data-zx-theme=day] .zx-who{border-bottom:1px solid var(--line,rgba(16,28,44,0.192))}
html[data-zx-theme=day] .zx-who span{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-side nav a{color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-side nav a:hover{background:rgba(16,28,44,0.064)}
html[data-zx-theme=day] .zx-side nav a.on{border-left-color:var(--cyan,#c8202a);background:rgba(200,32,42,0.091)}
html[data-zx-theme=day] .zx-mode{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-main h4{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-kpi{border:1px solid var(--line,rgba(16,28,44,0.224));background:rgba(16,28,44,0.032)}
html[data-zx-theme=day] .zx-kpi span{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-kpi small{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-kpi.warn{border-color:rgba(184,98,10,0.715)}
html[data-zx-theme=day] .zx-kpi.warn b{color:#b8620a}
html[data-zx-theme=day] .zx-tbl-wrap{border:1px solid var(--line,rgba(16,28,44,0.192))}
html[data-zx-theme=day] .zx-tbl th{color:var(--dim,#5d6b7a);background:rgba(16,28,44,0.048)}
html[data-zx-theme=day] .zx-tbl td{border-top:1px solid rgba(16,28,44,0.112);color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-tbl td small{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-tbl tr.late td,html[data-zx-theme=day] .zx-tbl tr.live td{background:rgba(160,108,20,0.065)}
html[data-zx-theme=day] .zx-row{border:1px solid var(--line,rgba(16,28,44,0.192));background:rgba(16,28,44,0.032);color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-row:hover{border-color:rgba(200,32,42,0.52)}
html[data-zx-theme=day] .zx-row.on{border-color:var(--cyan,#c8202a);background:rgba(200,32,42,0.078)}
html[data-zx-theme=day] .zx-row small{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-card{border:1px solid var(--line,rgba(16,28,44,0.224));background:rgba(246,248,251,0.72)}
html[data-zx-theme=day] .zx-late{color:#b8620a}
html[data-zx-theme=day] .zx-f > span{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-adm input:not([type=checkbox]),html[data-zx-theme=day] .zx-adm select{background:rgba(246,248,251,0.35);border:1px solid var(--line,rgba(16,28,44,0.288))}
html[data-zx-theme=day] .zx-chk{color:var(--mist,#2a3644)}
html[data-zx-theme=day] .cta.zx-danger{border-color:rgba(196,43,43,0.78)!important;color:#c42b2b!important}
html[data-zx-theme=day] .zx-st.owner,html[data-zx-theme=day] .zx-st.admin{border-color:rgba(160,108,20,0.78);color:var(--gold,#a06c14)}
html[data-zx-theme=day] .zx-st.support{border-color:rgba(200,32,42,0.715);color:var(--cyan,#c8202a)}
html[data-zx-theme=day] .zx-st.suspended,html[data-zx-theme=day] .zx-st.locked,html[data-zx-theme=day] .zx-st.p-high{border-color:rgba(184,98,10,0.78);color:#b8620a}
html[data-zx-theme=day] .zx-st.banned,html[data-zx-theme=day] .zx-st.p-urgent{border-color:rgba(196,43,43,0.78);color:#c42b2b}
html[data-zx-theme=day] .zx-st.paid,html[data-zx-theme=day] .zx-st.live{border-color:rgba(31,138,76,0.715);color:#1f8a4c}
html[data-zx-theme=day] .cl-steps li{border:1px solid var(--line,rgba(16,28,44,0.224))}
html[data-zx-theme=day] .cl-steps li::before{color:var(--cyan,#c8202a)}
html[data-zx-theme=day] .cl-steps span{color:var(--mist,#2a3644)}
html[data-zx-theme=day] .ac .cta,html[data-zx-theme=day] .ac .zx-tk-reply .cta{border:1px solid rgba(200,32,42,0.455)}
html[data-zx-theme=day] .ac .cta:hover{background:rgba(200,32,42,0.078)}
html[data-zx-theme=day] .ac .ac-links .co-text,html[data-zx-theme=day] .ac .ac-clear{border:1px solid rgba(200,32,42,0.455)}
html[data-zx-theme=day] .ac .ac-links .co-text:hover,html[data-zx-theme=day] .ac .ac-clear:hover{background:rgba(200,32,42,0.078)}
html[data-zx-theme=day] .zx-mini{border:1px solid rgba(200,32,42,0.455);color:var(--cyan,#c8202a)}
html[data-zx-theme=day] .zx-mini:hover{border-color:var(--cyan,#c8202a);background:rgba(200,32,42,0.091)}
html[data-zx-theme=day] .zx-mini.danger{border-color:rgba(196,43,43,0.585);color:#c42b2b}
html[data-zx-theme=day] .zx-mini.danger:hover{border-color:#c42b2b;background:rgba(196,43,43,0.104)}
html[data-zx-theme=day] .zx-tag{border:1px solid rgba(160,108,20,0.585);color:var(--gold,#a06c14)}
html[data-zx-theme=day] .zx-bulk{border:1px solid rgba(196,43,43,0.455);background:rgba(196,43,43,0.065);color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-dl dt{color:var(--dim,#5d6b7a)}
html[data-zx-theme=day] .zx-dl dd{color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-modal{background:rgba(246,248,251,0.78)}
html[data-zx-theme=day] .zx-modal-box{background:#ffffff;border:1px solid rgba(200,32,42,0.39)}
html[data-zx-theme=day] .zx-modal-head{border-bottom:1px solid var(--line,rgba(16,28,44,0.192))}
html[data-zx-theme=day] .zx-x{border:1px solid var(--line,rgba(16,28,44,0.288));color:var(--mist,#2a3644)}
html[data-zx-theme=day] .zx-x:hover{border-color:var(--cyan,#c8202a)}
html[data-zx-theme=day] .zx-modal-foot{border-top:1px solid var(--line,rgba(16,28,44,0.16))}
html[data-zx-theme=day] .mchips a.on{background:rgba(200,32,42,0.13)}
html[data-zx-theme=day] .zx-th-0{border:1px dashed var(--line,rgba(16,28,44,0.2))}
html[data-zx-theme=day] .nav::before{background:linear-gradient(to bottom,rgba(246,248,251,0.9) 0%,rgba(246,248,251,0.72) 50%,rgba(246,248,251,0.28) 80%,rgba(246,248,251,0.0) 100%)}
html[data-zx-theme=day] .zs-notice .eyebrow{color:#c42b2b}
html[data-zx-theme=day] .zs-notice.suspended .eyebrow{color:#b8620a}
html[data-zx-theme=day] .zs-reason{border-left:2px solid #c42b2b;background:rgba(196,43,43,0.078)}
html[data-zx-theme=day] .zs-notice.suspended .zs-reason{border-left-color:#b8620a;background:rgba(184,98,10,0.078)}
html[data-zx-theme=day] .zx-status{background:rgba(246,248,251,0.72)}
html[data-zx-theme=day] .zx-arc-blurb{color:rgba(16,28,44,0.72)}
html[data-zx-theme=day] .zx-vault-item{background:rgba(246,248,251,0.6)}
html[data-zx-theme=day] .zx-pack{background:rgba(246,248,251,0.6)}
html[data-zx-theme=day] .zx-demo{border:1px solid rgba(160,108,20,0.455)}
html[data-zx-theme=day] .zx-toast{background:rgba(246,248,251,0.96)}
html[data-zx-theme=day] .zx-lightbox{background:rgba(246,248,251,0.94)}
/* ---- hand-tuned day rules ---- */
html[data-zx-theme=day] .field{opacity:.32;filter:invert(1) hue-rotate(180deg)}
html[data-zx-theme=day] .nav-mark img,html[data-zx-theme=day] .foot-mark img,html[data-zx-theme=day] img.lockup{filter:invert(1) brightness(.35) contrast(1.2)}
html[data-zx-theme=day] .nav::before{background:linear-gradient(to bottom,rgba(246,248,251,.92) 0%,rgba(246,248,251,.78) 50%,rgba(246,248,251,.3) 80%,rgba(246,248,251,0) 100%)}
html[data-zx-theme=day] .zs-navbtn,html[data-zx-theme=day] .zx-lang{background:rgba(255,255,255,.7);color:var(--mist)}
html[data-zx-theme=day] .zx-lang option{background:#fff;color:#0b1320}
html[data-zx-theme=day] .zx-lang select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235a6878' stroke-width='1.4'/%3E%3C/svg%3E")}
html[data-zx-theme=day] .mp,html[data-zx-theme=day] .zs-modal,html[data-zx-theme=day] .zx-card,html[data-zx-theme=day] .zx-side,html[data-zx-theme=day] .zx-modal-box,html[data-zx-theme=day] .zs-toast{box-shadow:0 10px 30px rgba(20,40,60,.08)}
html[data-zx-theme=day] input,html[data-zx-theme=day] select,html[data-zx-theme=day] textarea{color:var(--bright)}
html[data-zx-theme=day] ::placeholder{color:#8794a3}
html[data-zx-theme=day] .cta.red{color:#fff}
html[data-zx-theme=day] .cta.red:not(:hover){background:var(--red);border-color:var(--red)}
html[data-zx-theme=day] .zx-modal,html[data-zx-theme=day] .zx-guard{background:rgba(220,226,234,.72)}
html[data-zx-theme=day] .zx-promo{background:rgba(255,255,255,.95)}
html[data-zx-theme=day] .zx-promo code{color:var(--bright)}
html[data-zx-theme=day] .zx-side nav a i{color:#fff}
html[data-zx-theme=day] .cur-dot{background:var(--cyan)}
/* art keeps its own night look: hero art and image plates are not washed out */
html[data-zx-theme=day] .plate img,html[data-zx-theme=day] .mp-img img{filter:none}
/* the theme switch */
.zx-themebtn svg{width:15px;height:15px}
.zx-themebtn .i-moon{display:none}
html[data-zx-theme=day] .zx-themebtn .i-moon{display:block}
html[data-zx-theme=day] .zx-themebtn .i-sun{display:none}
html.zx-theming *,html.zx-theming *::before,html.zx-theming *::after{transition:background-color .4s ease,color .4s ease,border-color .4s ease!important}
/* the extra header button: keep the phone header from overlapping */
@media (max-width:680px){.zx-lang{right:calc(var(--gutter) + 112px)}.zx-lang:has(+ .zs-nav .zs-adminbtn){right:calc(var(--gutter) + 148px)}}

/* text that sits on artwork keeps a dark scrim and light lettering, so images are never washed white:
   the home opening, the edge band, door cards, image plates, photo heroes, locked-character cards */
html[data-zx-theme=day] .opening,html[data-zx-theme=day] .band,html[data-zx-theme=day] .door,html[data-zx-theme=day] .plate,html[data-zx-theme=day] .page-hero.has-plate,html[data-zx-theme=day] .zx-badge,html[data-zx-theme=day] .char .portrait,html[data-zx-theme=day] .peek-lock{--void:#030407;--mist:#d5dde6;--bright:#eef3f7;--dim:#8a97a6;--cyan:#ff5a63;--cyan-soft:rgba(255,90,99,.55);--cyan-faint:rgba(255,90,99,.16);--line:rgba(170,200,220,.12);color:var(--mist)}
html[data-zx-theme=day] .opening .cta:not(.red),html[data-zx-theme=day] .band .cta:not(.red),html[data-zx-theme=day] .door .cta:not(.red),html[data-zx-theme=day] .plate .cta:not(.red),html[data-zx-theme=day] .page-hero.has-plate .cta:not(.red),html[data-zx-theme=day] .zx-badge .cta:not(.red),html[data-zx-theme=day] .char .portrait .cta:not(.red),html[data-zx-theme=day] .peek-lock .cta:not(.red){background:rgba(3,4,7,.5);border-color:rgba(255,90,99,.5);color:#eef3f7}
html[data-zx-theme=day] .band .zs-welcome{background:rgba(8,11,16,.7);border-color:rgba(170,200,220,.14)}
/* display-font headings (console section titles and similar) are Zarconium red in day mode */
html[data-zx-theme=day] .zx-h h2,html[data-zx-theme=day] .zx-gate h2,html[data-zx-theme=day] .zx-tk-done h3,html[data-zx-theme=day] .zx-camp h3,html[data-zx-theme=day] .zx-guard-box h3{color:var(--red)}
html[data-zx-theme=day] .page-hero.has-plate{background:#030407}
html[data-zx-theme=day] .page-hero.has-plate .lede{color:rgba(213,221,230,.82)}
html[data-zx-theme=day] .door .cap p{color:rgba(213,221,230,.78)}

/* the home opening in day mode: a white void around the helmet; the helmet art is shown exactly as at night,
   at full strength, and the lettering on it stays light so it reads against the dark helmet */
html[data-zx-theme=day] .opening{background:#ffffff}
html[data-zx-theme=day] body.js .helm img,html[data-zx-theme=day] body.js.is-formed .helm img{filter:none;mix-blend-mode:normal}
html[data-zx-theme=day] body.js.is-formed .helm img{opacity:.95}
@media (prefers-reduced-motion:reduce){html[data-zx-theme=day] body.js .helm img{opacity:.95}}
@media (max-width:680px){html[data-zx-theme=day] .helm img{width:230vw}}
html[data-zx-theme=day] .helm::after{background:radial-gradient(ellipse 40% 26% at 50% 58%,rgba(3,4,7,.5),rgba(3,4,7,.2) 60%,transparent 100%)}
html[data-zx-theme=day] .opening .hint span{color:#5a6878}
html[data-zx-theme=day] .opening .hint i{background:rgba(200,32,42,.2)}

/* Arabic (right-to-left) on phones: the header buttons move to the left so they don't sit on the logo */
@media (max-width:680px){
  html[dir=rtl] .zs-nav{right:auto;left:var(--gutter)}
  html[dir=rtl] .zx-lang{right:auto;left:calc(var(--gutter) + 112px)}
  html[dir=rtl] .zx-lang:has(+ .zs-nav .zs-adminbtn){right:auto;left:calc(var(--gutter) + 148px)}
}