/* Popups/menus on original.html use the source site's own fonts and colours (no Showroom/Orbitron). */
.mx-modal, .mx-drawer { background: var(--bg-pearl, #f4f1eb); color: var(--ink-dark-hi, #14140f); border: 1px solid rgba(0,0,0,.1); box-shadow: 0 40px 120px -30px rgba(0,0,0,.85); }
.mx-head { border-bottom-color: rgba(0,0,0,.1); }
.mx-eyebrow { font-family: var(--font-mono, monospace); color: var(--champagne, #c9a86a); }
.mx-title { font-family: var(--font-display, sans-serif); font-weight: 500; letter-spacing: -.01em; }
.mx-sub, .mx-note { color: var(--ink-dark-lo, #5c5a52); font-family: var(--font-sans, sans-serif); }
.mx-field label, .mx-label { font-family: var(--font-mono, monospace); color: var(--ink-dark-lo, #5c5a52); }
.mx-field input, .mx-field textarea, .mx-field select { font-family: var(--font-sans, sans-serif); color: var(--ink-dark-hi, #14140f); border-bottom-color: rgba(0,0,0,.2); }
.mx-field input:focus, .mx-field textarea:focus { border-bottom-color: var(--champagne, #c9a86a); }
.mx-x { color: var(--ink-dark-hi, #14140f); border-color: rgba(0,0,0,.15); }
.mx-x:hover { border-color: var(--champagne, #c9a86a); color: var(--champagne, #c9a86a); }
.mx-alert, .mx-form-msg.err { background: #b0261a14; border-color: #b0261a55; color: #8c1d14; }
.mx-btn { background-image: none; background: var(--champagne, #c9a86a); color: #14140f; font-family: var(--font-sans, sans-serif); border-radius: 999px; }
.mx-btn:hover { background: var(--champagne-hi, #e6cc8e); box-shadow: none; transform: none; }
.mx-btn.alt { background: transparent; border: 1px solid rgba(0,0,0,.2); color: var(--ink-dark-hi, #14140f); }
.mx-btn.wa { background: #25d366; color: #07130b; }
.mx-mega { background: rgba(22,22,24,.92); border-color: rgba(201,168,106,.4); }
.mx-mega a { color: var(--ink-hi, #f5f2eb); }
.mx-mega a:hover { border-color: var(--champagne, #c9a86a); background: rgba(201,168,106,.1); }
.mx-mega .tname { font-family: var(--font-mono, monospace); }
.mx-mega .tcount, .mx-results .rs { color: var(--ink-lo, #8a8783); }
.mx-search { background: rgba(22,22,24,.96); }
.mx-search input { font-family: var(--font-display, sans-serif); border-bottom-color: var(--champagne, #c9a86a); color: var(--ink-hi, #f5f2eb); }
.mx-results a { color: var(--ink-hi, #f5f2eb); border-color: rgba(255,255,255,.12); }
.mx-results a:hover { border-color: var(--champagne, #c9a86a); box-shadow: none; }
.mx-results .rn { font-family: var(--font-display, sans-serif); }
.mx-cc-list { background: var(--bg-graphite, #232327); border-color: rgba(255,255,255,.12); }
.mx-cc-list li { color: var(--ink-hi, #f5f2eb); }
.mx-cc-list li:hover { background: rgba(201,168,106,.12); }
.mx-form-msg.ok { background: #25d3661a; color: #1a7a43; }
article.mx-flash { animation: mxflash 1.6s ease-out; }
@keyframes mxflash { 0%,60% { box-shadow: 0 0 0 2px var(--champagne, #c9a86a), 0 0 30px rgba(201,168,106,.6); } 100% { box-shadow: none; } }

/* Top Level Exotics: small clean wordmark, black render blends into the dark UI */
img[src*="tle-logo"]{mix-blend-mode:screen}
a[aria-label*="home"] img[src*="tle-logo"]{width:150px!important;height:auto!important;max-width:none}