.wrm2-skip{position:absolute;left:-9999px;top:6px;z-index:200;background:#1cfb8c;color:#06170e;padding:8px 12px}
.wrm2-skip:focus{left:8px}
html{scrollbar-color:var(--wrm2-mint) var(--wrm2-panel2);scrollbar-width:thin}
.wrm2-body {
    scrollbar-color: var(--wrm2-mint) var(--wrm2-panel2);
    scrollbar-width: thin;
    margin: 0;
    min-width: 320px;
    color: var(--wrm2-text);
    background: var(--wrm2-canvas);
    font: 14px / 1.6 var(--wrm2-font);
    text-rendering: optimizeLegibility;
    cursor: url(../../ui/cursor.svg), auto;
}
html::-webkit-scrollbar,.wrm2-body::-webkit-scrollbar{width:10px;height:10px;border-radius:0}
html::-webkit-scrollbar-track,.wrm2-body::-webkit-scrollbar-track{background:var(--wrm2-panel2);box-shadow:inset 0 0 6px #0005;border-radius:0}
html::-webkit-scrollbar-thumb,.wrm2-body::-webkit-scrollbar-thumb{background-color:var(--wrm2-mint);background-image:linear-gradient(45deg,#0000004d 25%,transparent 20%,transparent 50%,#0000004d 50%,#0000004d 75%,transparent 75%,transparent);border-radius:0}
html::-webkit-scrollbar-thumb:hover,.wrm2-body::-webkit-scrollbar-thumb:hover{background-color:#75ffb7}

.wrm2-body *{box-sizing:border-box}
.wrm2-body a{color:inherit;text-decoration:none}
.wrm2-body hr{border:0;border-top:1px solid var(--wrm2-line)}
/* Controls share the WRM button typography; field inputs keep their own text styles.
   Do not reset button fonts to inherit: that overrides page tab/dropdown typography. */
.wrm2-body input,.wrm2-body select,.wrm2-body textarea{font:inherit}
.wrm2-body button{font:900 12px/1.2 var(--wrm2-font);letter-spacing:.07em;cursor:pointer}
.wrm2-body :focus-visible{outline:2px solid var(--wrm2-mint);outline-offset:3px}
.wrm2-body [hidden]{display:none!important}
.wrm2-body img{max-width:100%}
.wrm2-body h1,.wrm2-body h2,.wrm2-body h3{margin:0;line-height:1.14}

/* One site-wide dropdown model for native DLE forms and template selects. */
.wrm2-body select{display:block;width:100%;max-width:100%;min-width:0;min-height:40px;padding:8px 34px 8px 11px;border:1px solid var(--wrm2-line-strong);border-radius:0;background-color:var(--wrm2-canvas2);color:var(--wrm2-text);font:900 11px/1.2 var(--wrm2-font);letter-spacing:.07em;color-scheme:dark;cursor:pointer;transition:border-color .15s ease}
.wrm2-body select:not([multiple]):not([size]),.wrm2-body select[size="1"]{appearance:none;-webkit-appearance:none;background-image:url("../../ui/chevron-down.svg");background-position:right 11px center;background-repeat:no-repeat;background-size:14px 14px}
.wrm2-body select:is([multiple],[size]:not([size="1"])){padding-right:11px;background-image:none}
.wrm2-body select:hover:not(:disabled){border-color:var(--wrm2-muted)}
.wrm2-body select:focus{border-color:var(--wrm2-mint);box-shadow:inset 2px 0 var(--wrm2-mint)}
.wrm2-body select:disabled{cursor:not-allowed}
.wrm2-body select option,.wrm2-body select optgroup{background:var(--wrm2-canvas2);color:var(--wrm2-text)}

.wrm2-body ::selection{background:var(--wrm2-mint);color:var(--wrm2-canvas)}
.wrm2-sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
