.rt-toggle{--rt-toggle-panel-width:384px;--rt-toggle-gap:8px;--rt-toggle-radius:8px;--rt-toggle-icon:20px;position:relative;color:var(--kingly-color-text-primary,#302d27)}
.rt-toggle>.rt-toggle-trigger,.rt-toggle .rt-toggle-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:48px;padding:8px 16px;border:1px solid var(--kingly-color-border-control,#7a756b);border-radius:var(--rt-toggle-radius);background:var(--kingly-color-surface-floating,#fff);color:inherit;font:inherit;cursor:pointer}
.rt-toggle>.rt-toggle-trigger:hover{background:var(--rt-toggle-hover,var(--kingly-color-surface-hover,#f3efe6))}
.rt-toggle>.rt-toggle-panel{box-sizing:border-box;width:var(--rt-toggle-panel-width);max-width:100%;padding:16px;color:inherit;background:var(--kingly-color-surface-floating,#fff);border:1px solid var(--kingly-color-border-default,#d8d5cf);border-radius:var(--rt-toggle-radius);box-shadow:0 8px 24px #302d2724;overflow:auto;overscroll-behavior:contain}
.rt-toggle[data-open]>.rt-toggle-panel{position:fixed;inset:auto;margin:0;max-width:none;z-index:71;animation:rt-toggle-in 180ms ease-out}
.rt-toggle-panel::backdrop{background:transparent;pointer-events:none}
.rt-toggle .rt-toggle-close{display:flex;margin-inline-start:auto;margin-bottom:8px;padding:8px;font-size:24px}
.rt-toggle-icon{display:inline-flex;width:var(--rt-toggle-icon);height:var(--rt-toggle-icon);font-size:var(--rt-toggle-icon);line-height:1;flex:none}
.rt-toggle-icon svg{width:100%;height:100%;fill:currentColor}
.rt-toggle :is(.rt-toggle-trigger,.rt-toggle-close):focus-visible{outline:2px solid currentColor;outline-offset:3px}
.rt-toggle-panel:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.rt-toggle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.rt-toggle [hidden]{display:none!important}
.rt-toggle[data-editor]>.rt-toggle-panel{position:static!important;max-width:100%!important;width:100%;max-height:none!important;display:block!important;animation:none}
.rt-toggle[data-editor] .rt-toggle-content{min-height:80px}
@keyframes rt-toggle-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.rt-toggle[data-open]>.rt-toggle-panel{animation:none}}
@media print{.rt-toggle>.rt-toggle-trigger,.rt-toggle .rt-toggle-close{display:none!important}.rt-toggle>.rt-toggle-panel{position:static!important;display:block!important;max-height:none!important;box-shadow:none}}

/* Responsive audit: component-scoped containment and touch access. */

.rt-toggle[data-open]>.rt-toggle-panel{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-wrap:anywhere}
.rt-toggle-content{min-width:0;max-width:100%}
.rt-toggle-content :is(img,video,iframe){max-width:100%}