/* Real nested Containers; closed panels remain absent from the focus order.
   State: [open] keeps a panel's content rendered, .is-open is the visible state. A panel that is
   closing keeps [open] (as .is-leaving) until its animation ends. Structural rules are wrapped in
   :where() so the widget's own style controls always win. */
.moxkit-va{--moxkit-va-height:440px;--moxkit-va-rail:76px;--moxkit-va-gap:12px;
--moxkit-va-duration:500ms;--moxkit-va-ease:cubic-bezier(.4,0,.2,1);--moxkit-va-cd:350ms;
--moxkit-va-delay:180ms;display:flex;gap:var(--moxkit-va-gap);align-items:stretch;
min-width:0;width:100%}
.moxkit-va > .moxkit-va-item{position:relative;min-width:0;flex:0 0 var(--moxkit-va-rail);
height:var(--moxkit-va-height);border:1px solid #dce3ec;border-radius:16px;
background:var(--moxkit-va-img,none) center/cover no-repeat var(--moxkit-va-c,#fff);
color:var(--moxkit-va-ink,inherit);overflow:hidden;transition:flex-grow var(--moxkit-va-duration) var(--moxkit-va-ease),flex-basis var(--moxkit-va-duration) var(--moxkit-va-ease),filter .45s ease,border-color .3s ease,background-color .3s ease}
.moxkit-va > .moxkit-va-item.is-open{flex:1 1 0}
/* Bottom shade of the open panel (Style > Closed panels and overlay). */
.moxkit-va > .moxkit-va-item::after{content:"";position:absolute;inset:auto 0 0 0;
height:var(--moxkit-va-scrim-h,60%);background:linear-gradient(transparent,var(--moxkit-va-scrim,transparent));
opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}
.moxkit-va > .moxkit-va-item.is-open::after{opacity:1}
/* Divider between panels. */
.moxkit-va > .moxkit-va-item + .moxkit-va-item::before{content:"";position:absolute;
inset-block:0;inset-inline-start:0;width:var(--moxkit-va-div-w,0px);background:var(--moxkit-va-div-c,currentColor);
pointer-events:none;z-index:3}
.moxkit-va-summary{position:relative;z-index:2;display:flex;align-items:center;
gap:12px;list-style:none;cursor:pointer;padding:20px;min-height:56px;margin:0;
color:var(--moxkit-va-ink,var(--e-global-color-secondary,#152c42));font-family:var(--e-global-typography-secondary-font-family,system-ui),sans-serif;
font-size:20px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;
user-select:none;transition:background-color .3s ease,color .3s ease}
.moxkit-va-summary::-webkit-details-marker{display:none}
.moxkit-va-summary > *{transition:opacity .25s ease}
.moxkit-va-summary:focus-visible{outline:3px solid var(--e-global-color-primary,#2563eb);outline-offset:-4px}
.moxkit-va-title{min-width:0;flex:1}
.moxkit-va-number{font-size:.65em;opacity:var(--moxkit-va-num-opacity,.7);
translate:var(--moxkit-va-num-x,0) var(--moxkit-va-num-y,0);font-variant-numeric:tabular-nums;
white-space:nowrap;flex-shrink:0}
.moxkit-va[data-number="none"] > .moxkit-va-item > .moxkit-va-summary > .moxkit-va-number,.moxkit-va[data-indicator="hide"] > .moxkit-va-item > .moxkit-va-summary > .moxkit-va-indicators{
display:none}
.moxkit-va-indicators,.moxkit-va-title-icon{display:inline-flex;align-items:center;
justify-content:center;flex:0 0 auto;width:var(--moxkit-va-icon-size,16px);
height:var(--moxkit-va-icon-size,16px);font-size:var(--moxkit-va-icon-size,16px);
line-height:1}
.moxkit-va-state-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}
.moxkit-va-state-icon--open{display:none}
.moxkit-va-item.is-open > .moxkit-va-summary .moxkit-va-state-icon--closed{display:none}
.moxkit-va-item.is-open > .moxkit-va-summary .moxkit-va-state-icon--open{display:inline-flex}
.moxkit-va-indicators svg,.moxkit-va-title-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.moxkit-va-indicators i,.moxkit-va-title-icon i{font-size:inherit}
.moxkit-va-indicator{position:relative;display:block;width:100%;height:100%}
.moxkit-va-indicator::before,.moxkit-va-indicator::after{content:"";position:absolute;
top:calc(50% - 1px);left:1px;width:calc(100% - 2px);height:2px;background:currentColor;
transition:transform var(--moxkit-va-duration) var(--moxkit-va-ease)}
.moxkit-va-indicator::after{transform:rotate(90deg)}
.moxkit-va-item.is-open > .moxkit-va-summary .moxkit-va-indicator::after{transform:rotate(0deg)}
/* Chip number: a pill in every layout. */
:where(.moxkit-va[data-number="chip"] > .moxkit-va-item > .moxkit-va-summary) > .moxkit-va-number{
font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:700;
line-height:1;opacity:var(--moxkit-va-num-opacity,1);color:#fff;background:var(--moxkit-va-chip-bg,rgba(0,0,0,.45));
padding:6px 9px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* Content: the panel's Container. */
.moxkit-va > .moxkit-va-item > .e-con{--width:100%;--padding-top:24px;
--padding-right:24px;--padding-bottom:24px;--padding-left:24px;--z-index:1;
max-width:100%;min-width:0}
.moxkit-va > .moxkit-va-item:not([open]) > .e-con{display:none!important}
.moxkit-va > .moxkit-va-item.is-open > .e-con{animation:moxkit-va-enter var(--moxkit-va-cd) var(--moxkit-va-ease) var(--moxkit-va-delay) both}
.moxkit-va > .moxkit-va-item.is-leaving > .e-con{animation:moxkit-va-leave calc(var(--moxkit-va-cd) * .6) ease both}
.moxkit-va[data-effect="fade"]{--moxkit-va-from:none}
.moxkit-va[data-effect="drop"]{--moxkit-va-from:translateY(-12px)}
.moxkit-va[data-effect="slide"]{--moxkit-va-from:translateX(28px)}
.moxkit-va[data-effect="zoom"]{--moxkit-va-from:scale(.94)}
.moxkit-va[data-effect="blur"]{--moxkit-va-from:none;--moxkit-va-from-filter:blur(10px)}
.moxkit-va[data-effect="none"] > .moxkit-va-item > .e-con{animation:none}
@keyframes moxkit-va-enter{from{opacity:0;transform:var(--moxkit-va-from,translateY(12px));
filter:var(--moxkit-va-from-filter,none)}
to{opacity:1;transform:none;filter:none}
}
@keyframes moxkit-va-leave{to{opacity:0}}

/* ---- Designs: colors and sizes only. ---- */
:where(.moxkit-va[data-skin="classic"] > .moxkit-va-item) > .moxkit-va-summary{background-color:#f1f5f9}
:where(.moxkit-va[data-skin="classic"] > .moxkit-va-item) > .moxkit-va-summary:hover{background-color:#e5edf5}
:where(.moxkit-va[data-skin="classic"]) > .moxkit-va-item.is-open > .moxkit-va-summary{
background-color:#152c42;color:#fff}

.moxkit-va[data-skin="strip"]{--moxkit-va-rail:64px;--moxkit-va-gap:10px}
.moxkit-va[data-skin="strip"] > .moxkit-va-item{border-width:1.5px;border-color:#dde2ec}
.moxkit-va[data-skin="strip"] > .moxkit-va-item:hover{border-color:#b9c3d8}
.moxkit-va[data-skin="strip"] > .moxkit-va-item.is-open{border-color:var(--e-global-color-primary,#2563eb)}
:where(.moxkit-va[data-skin="strip"] > .moxkit-va-item) > .moxkit-va-summary{
font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
color:var(--moxkit-va-ink,#8a93ab)}

.moxkit-va[data-skin="image"]{--moxkit-va-rail:56px;--moxkit-va-gap:8px;--moxkit-va-scrim:rgba(0,0,0,.72)}
.moxkit-va[data-skin="image"] > .moxkit-va-item{border-width:0;border-radius:14px;
background-color:var(--moxkit-va-c,#27303f);color:var(--moxkit-va-ink,#fff)}
:where(.moxkit-va[data-skin="image"] > .moxkit-va-item) > .moxkit-va-summary{
font-size:15px;color:var(--moxkit-va-ink,#fff)}

.moxkit-va[data-skin="spine"]{--moxkit-va-gap:0px;--moxkit-va-div-w:1px;
--moxkit-va-div-c:rgba(33,29,22,.18);
border-top:var(--moxkit-va-edge-tw,2px) solid var(--moxkit-va-edge-tc,#211d16);
border-bottom:var(--moxkit-va-edge-bw,2px) solid var(--moxkit-va-edge-bc,var(--moxkit-va-edge-tc,#211d16))}
.moxkit-va[data-skin="spine"] > .moxkit-va-item{border-width:0;border-radius:0;
background-color:var(--moxkit-va-c,transparent)}
.moxkit-va[data-skin="spine"] > .moxkit-va-item:not(.is-open):hover{background-color:var(--moxkit-va-c,rgba(33,29,22,.05))}
:where(.moxkit-va[data-skin="spine"] > .moxkit-va-item) > .moxkit-va-summary{
font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
color:var(--moxkit-va-ink,#8a8069)}

.moxkit-va[data-skin="color"]{--moxkit-va-rail:60px;--moxkit-va-gap:0px;border-radius:18px;overflow:hidden}
.moxkit-va[data-skin="color"] > .moxkit-va-item{--moxkit-va-auto:#e2552d;
--moxkit-va-auto-ink:#fff;border-width:0;border-radius:0;background-color:var(--moxkit-va-c,var(--moxkit-va-auto));
color:var(--moxkit-va-ink,var(--moxkit-va-auto-ink));box-shadow:inset -1px 0 0 rgba(0,0,0,.15)}
.moxkit-va[data-skin="color"] > .moxkit-va-item:nth-child(4n+2){--moxkit-va-auto:#f2c230;--moxkit-va-auto-ink:#3a2c00}
.moxkit-va[data-skin="color"] > .moxkit-va-item:nth-child(4n+3){--moxkit-va-auto:#2f4a9c}
.moxkit-va[data-skin="color"] > .moxkit-va-item:nth-child(4n+4){--moxkit-va-auto:#1f9d78}
.moxkit-va[data-skin="color"] > .moxkit-va-item:hover{filter:brightness(1.06)}
:where(.moxkit-va[data-skin="color"] > .moxkit-va-item) > .moxkit-va-summary{
font-size:16px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
color:var(--moxkit-va-ink,var(--moxkit-va-auto-ink))}

/* ---- Stacked accordion, and every layout below the mobile breakpoint. ---- */
.moxkit-va.is-mobile,.moxkit-va[data-layout="stacked"]{flex-direction:column}
.moxkit-va.is-mobile > .moxkit-va-item,.moxkit-va[data-layout="stacked"] > .moxkit-va-item{
flex:0 0 auto;height:auto;width:100%}
.moxkit-va.is-mobile > .moxkit-va-item + .moxkit-va-item::before,.moxkit-va[data-layout="stacked"] > .moxkit-va-item + .moxkit-va-item::before{
inset:0 0 auto 0;width:auto;height:var(--moxkit-va-div-w,0px)}
.moxkit-va.is-mobile > .moxkit-va-item > .moxkit-va-summary{font-size:clamp(16px,4vw,20px);min-height:56px}
.moxkit-va.is-mobile > .moxkit-va-item > .e-con{--padding-top:20px;--padding-right:20px;
--padding-bottom:20px;--padding-left:20px}
/* Usable mobile fallback before JavaScript, including when scripts are disabled. */
@media(max-width:767px){
 .moxkit-va:not(.is-ready){flex-direction:column}
 .moxkit-va:not(.is-ready) > .moxkit-va-item{flex:0 0 auto;height:auto;width:100%}
}

/* ---- Expanding panels (desktop). The script stacks every layout below 768px, so these rules never apply there. ---- */
@media(min-width:768px){
 .moxkit-va[data-title-dir="up"]{--moxkit-va-turn:180deg}
 .moxkit-va[data-title-align="start"][data-title-dir="down"],.moxkit-va[data-title-align="end"][data-title-dir="up"]{
--moxkit-va-talign:start}
 .moxkit-va[data-title-align="end"][data-title-dir="down"],.moxkit-va[data-title-align="start"][data-title-dir="up"]{
--moxkit-va-talign:end}
 /* A closed panel, and an open one whose title is hidden: the title layer covers the panel. */
 :where(.moxkit-va[data-layout="rails"]:not(.is-mobile) > .moxkit-va-item:not(.is-open),.moxkit-va[data-layout="rails"][data-open-title="hide"]:not(.is-mobile) > .moxkit-va-item) > .moxkit-va-summary{
position:absolute;inset:0;flex-direction:column;padding:20px 12px;min-height:0}
 :where(.moxkit-va[data-layout="rails"]:not(.is-mobile) > .moxkit-va-item:not(.is-open),.moxkit-va[data-layout="rails"][data-open-title="hide"]:not(.is-mobile) > .moxkit-va-item) > .moxkit-va-summary > .moxkit-va-title{
writing-mode:vertical-rl;transform:rotate(var(--moxkit-va-turn,0deg));
text-align:var(--moxkit-va-talign,center)}
 :where(.moxkit-va[data-layout="rails"][data-closed-title="hide"]:not(.is-mobile) > .moxkit-va-item:not(.is-open)) > .moxkit-va-summary > :is(.moxkit-va-title,.moxkit-va-title-icon){
opacity:0}
 /* Hidden title: only a chip or background numeral stays visible, and clicks reach the content. */
 .moxkit-va[data-layout="rails"][data-open-title="hide"]:not(.is-mobile) > .moxkit-va-item.is-open > .moxkit-va-summary{
pointer-events:none;z-index:0;background-color:transparent}
 .moxkit-va[data-layout="rails"][data-open-title="hide"]:not(.is-mobile) > .moxkit-va-item.is-open > .moxkit-va-summary > :not(.moxkit-va-number),.moxkit-va[data-layout="rails"][data-open-title="hide"][data-number="inline"]:not(.is-mobile) > .moxkit-va-item.is-open > .moxkit-va-summary > .moxkit-va-number{
opacity:0}
 :where(.moxkit-va[data-layout="rails"][data-open-title="show"]:not(.is-mobile) > .moxkit-va-item.is-open) > .moxkit-va-summary{
position:sticky;top:0;min-width:var(--moxkit-va-open-w,0px)}
 /* Nothing open (initial "0", multiple mode, or Escape): the panels share the width as cards. */
 .moxkit-va.is-all-closed[data-layout="rails"]:not(.is-mobile) > .moxkit-va-item{flex:1 1 0}
 .moxkit-va.is-all-closed[data-layout="rails"]:not(.is-mobile) > .moxkit-va-item > .moxkit-va-summary > .moxkit-va-title{
writing-mode:horizontal-tb;transform:none;text-align:center;opacity:1}
 /* An open panel scrolls only once it is at rest and its content is really taller (the script adds .is-scroll):
    the content's entrance animation moves it down for a moment, which used to flash a scrollbar on every open. */
 .moxkit-va[data-layout="rails"]:not(.is-mobile) > .moxkit-va-item.is-open.is-scroll{overflow:hidden auto}
 /* The script measures the open width and the panel's inner height once the panels are at rest, so
    content keeps its final size while a panel grows or shrinks: no text reflow on any frame. */
 .moxkit-va[data-layout="rails"]:not(.is-mobile) > .moxkit-va-item > .e-con{
min-width:var(--moxkit-va-open-w,0px);min-height:calc(var(--moxkit-va-inner-h,0px) - var(--moxkit-va-head,0px))}
 :where(.moxkit-va[data-layout="rails"][data-open-title="hide"]:not(.is-mobile)) > .moxkit-va-item > .e-con{
--justify-content:flex-end}
 /* Chip and background numeral sit on the title layer. */
 :where(.moxkit-va[data-layout="rails"][data-number="chip"]:not(.is-mobile) > .moxkit-va-item:not(.is-open),.moxkit-va[data-layout="rails"][data-number="chip"][data-open-title="hide"]:not(.is-mobile) > .moxkit-va-item) > .moxkit-va-summary > .moxkit-va-number{
position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:3;
transition:left var(--moxkit-va-duration) var(--moxkit-va-ease),transform var(--moxkit-va-duration) var(--moxkit-va-ease)}
 :where(.moxkit-va[data-layout="rails"][data-number="chip"][data-open-title="hide"]:not(.is-mobile) > .moxkit-va-item.is-open) > .moxkit-va-summary > .moxkit-va-number{
left:18px;transform:translateX(0)}
 :where(.moxkit-va[data-layout="rails"][data-number="ghost"]:not(.is-mobile) > .moxkit-va-item:not(.is-open),.moxkit-va[data-layout="rails"][data-number="ghost"][data-open-title="hide"]:not(.is-mobile) > .moxkit-va-item) > .moxkit-va-summary > .moxkit-va-number{
position:absolute;left:10px;top:0;font-family:Georgia,"Times New Roman",serif;
font-size:var(--moxkit-va-ghost,140px);line-height:1;font-weight:700;opacity:var(--moxkit-va-num-opacity,.1);
transition:font-size var(--moxkit-va-duration) var(--moxkit-va-ease),left var(--moxkit-va-duration) var(--moxkit-va-ease)}
 :where(.moxkit-va[data-layout="rails"][data-number="ghost"][data-open-title="hide"]:not(.is-mobile) > .moxkit-va-item.is-open) > .moxkit-va-summary > .moxkit-va-number{
font-size:var(--moxkit-va-ghost-open,230px);left:18px}
 /* Closed panels muted (Image reveal, or Style > Closed panels). */
 .moxkit-va[data-layout="rails"][data-dim="yes"]:not(.is-mobile) > .moxkit-va-item:not(.is-open){
filter:grayscale(var(--moxkit-va-gray,.7)) brightness(var(--moxkit-va-bright,.72))}
 .moxkit-va[data-layout="rails"][data-dim="yes"]:not(.is-mobile) > .moxkit-va-item:not(.is-open):hover{
filter:grayscale(calc(var(--moxkit-va-gray,.7) * .45)) brightness(calc(1 - (1 - var(--moxkit-va-bright,.72)) * .5))}
}
@media(prefers-reduced-motion:reduce){.moxkit-va > .moxkit-va-item,.moxkit-va > .moxkit-va-item::after,.moxkit-va-summary,.moxkit-va-summary > *,.moxkit-va-indicator::before,.moxkit-va-indicator::after{
transition:none!important}
.moxkit-va > .moxkit-va-item > .e-con{animation:none!important}
}