/* Edge Tabs: a tab pinned to a screen edge that slides a panel out. Colours follow the theme palette unless the tab is set to dark or custom. */
.et{--et-w:min(var(--et-width,340px),86vw);--et-bg:var(--wp--preset--color--primary,var(--wp--preset--color--contrast,#111));--et-fg:var(--wp--preset--color--base,#fff);--et-pbg:var(--wp--preset--color--base,#fff);--et-pfg:var(--wp--preset--color--contrast,#111);--et-dur:.7s;--et-ease:cubic-bezier(.45,.05,.25,1);position:fixed;top:var(--et-top,40%);right:0;z-index:99990}
.et--dark{--et-bg:var(--wp--preset--color--contrast,#111);--et-fg:var(--wp--preset--color--base,#fff)}
.et--left{right:auto;left:0}
/* The wrapper is as wide as tab + closed panel, so its empty box must not catch the mouse: only the tab and the (visible) panel do. */
.et,.et__inner{pointer-events:none}
.et__tab,.et__panel{pointer-events:auto}
.et__inner{display:flex;align-items:flex-start;transform:translateX(var(--et-w));transition:transform var(--et-dur) var(--et-ease)}
.et--left .et__inner{flex-direction:row-reverse;transform:translateX(calc(var(--et-w) * -1))}
.et.is-open .et__inner{transform:none}
.et__tab{flex:0 0 auto;margin:0;padding:.9em .6em;border:0;border-radius:10px 0 0 10px;background:var(--et-bg);color:var(--et-fg);font-family:inherit;font-weight:var(--et-fw,600);font-size:var(--et-fs,15px);line-height:var(--et-lh,1);letter-spacing:var(--et-ls,.04em);white-space:nowrap;writing-mode:vertical-rl;display:flex;align-items:center;gap:.6em;cursor:pointer;box-shadow:0 8px 24px -10px rgba(0,0,0,.5)}
/* The left tab is rotated 180deg so its text reads upwards; the radius and shadow are written pre-rotation, so they come out on the page side. */
.et--left .et__tab{border-radius:10px 0 0 10px;transform:rotate(180deg);box-shadow:0 -8px 24px -10px rgba(0,0,0,.5)}
.et__icon{display:block;flex:0 0 auto;line-height:0}
.et__icon svg{display:block;width:1.3em;height:1.3em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.et--left .et__icon{transform:rotate(180deg)}
.et--icon-end .et__icon,.et--left:not(.et--icon-end) .et__icon{order:2}
.et--left.et--icon-end .et__icon{order:0}
.et--icon-only .et__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.et--icon-only .et__tab{padding:.8em .55em}
.et__tab:focus-visible{outline:2px solid var(--et-fg);outline-offset:-5px}
.et__panel{box-sizing:border-box;width:var(--et-w);max-height:var(--et-maxh,56vh);overflow:auto;background:var(--et-pbg);color:var(--et-pfg);border-radius:0 0 0 12px;box-shadow:0 18px 50px -14px rgba(0,0,0,.45)}
.et--left .et__panel{border-radius:0 0 12px 0}
.et:not(.is-open) .et__panel{visibility:hidden;transition:visibility 0s var(--et-dur)}
.et__blocks :where(a:not(.wp-block-button__link)){color:inherit}
.et__blocks :where(.wp-block-columns){margin-bottom:0}
.et__blocks :where(img){max-width:100%;height:auto}
.et__blocks :where(input,textarea,select){max-width:100%;box-sizing:border-box}
@media (max-width:767px){.et--hide-mobile{display:none}}
@media (prefers-reduced-motion:reduce){.et__inner,.et:not(.is-open) .et__panel{transition:none}}
@media print{.et{display:none}}