/* TradingHub widgets gallery: seasonal dashboard scene, readable on every display. */
.widgets-page{background:#080c0e!important;color:#f0f5f1}.widgets-page>.th-scene--page{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#080c0e}.th-scene--page img,.th-scene--page video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.7}.th-scene--page:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,10,.89),rgba(4,10,11,.76)),linear-gradient(180deg,rgba(5,11,12,.45),rgba(4,9,10,.86))}.widgets-page>.site-header,.widgets-page>.site-footer,.widgets-page>.widgets-gallery{position:relative;z-index:1}.widgets-page>.site-header{z-index:5}.widgets-page>.site-footer{background:#0b0f11}.widgets-gallery{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:40px 0 68px;color:#f0f5f1}.widgets-gallery *{box-sizing:border-box}.wg-intro{padding:clamp(25px,4vw,40px);border:1px solid rgba(205,221,215,.3);border-left:3px solid #ffc857;background:rgba(5,13,14,.82);margin-bottom:32px;backdrop-filter:blur(8px)}.wg-eyebrow{margin:0 0 10px;color:#ffd178;font:700 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase}.wg-intro h1{margin:0 0 12px;font-size:clamp(30px,4vw,43px);line-height:1.12;letter-spacing:-.025em}.wg-intro p:last-child{margin:0;max-width:700px;color:#d1dbd5;font-size:14px;line-height:1.65}.wg-section{margin:38px 0}.wg-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(215,229,220,.38);padding-bottom:13px;margin-bottom:18px}.wg-section h2{font-size:23px;margin:0}.wg-section-head p{margin:0;color:#c5d0ca;max-width:510px;font-size:13px;line-height:1.5}.wg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wg-card{min-width:0;padding:20px;border:1px solid rgba(220,232,221,.32);background:rgba(8,16,17,.89);backdrop-filter:blur(10px)}.wg-card h3{font-size:18px;margin:8px 0 4px;line-height:1.25}.wg-meta{font:700 10px ui-monospace,SFMono-Regular,monospace;color:#ffd178;letter-spacing:.12em;text-transform:uppercase}.wg-card p{color:#c2cfca;font-size:13px;line-height:1.55;margin:7px 0 16px}.wg-preview{display:grid;place-items:center;min-height:150px;background:rgba(0,4,5,.62);border:1px solid rgba(195,216,205,.23);padding:14px;overflow:hidden}.wg-preview iframe{display:block;border:0;width:100%;max-width:640px;height:248px;background:#090d0d}.wg-preview iframe.wg-ticker{height:172px}.wg-preview img{display:block;max-width:100%;height:auto;object-fit:contain}.wg-code-label{display:block;margin:18px 0 7px;font:700 11px ui-monospace,SFMono-Regular,monospace;color:#e1eae2;text-transform:uppercase;letter-spacing:.07em}.wg-code{display:block;width:100%;height:74px;resize:vertical;min-height:60px;padding:10px;border:1px solid #45544c;background:#050a0b;color:#dce7df;font:11px/1.55 ui-monospace,SFMono-Regular,monospace}.wg-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}.wg-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid #64776a;background:#14201f;color:#fff;text-decoration:none;font:700 11px ui-monospace,SFMono-Regular,monospace;cursor:pointer}.wg-action:hover,.wg-action:focus-visible{border-color:#ffd178;color:#ffd178}.wg-action--primary{background:#ffd178;border-color:#ffd178;color:#101817}.wg-action--primary:hover,.wg-action--primary:focus-visible{background:#f3bb57;color:#101817}.wg-note{border-top:1px solid rgba(220,230,220,.32);padding-top:18px;margin-top:34px;color:#c6d2c9;line-height:1.6;font-size:13px}.wg-note a{color:#ffd178}.wg-card--wide{grid-column:1/-1}.wg-card--wide .wg-preview{min-height:130px}@media(max-width:760px){.widgets-gallery{width:calc(100% - 24px);padding:24px 0 48px}.wg-intro{padding:22px}.wg-section-head{display:block}.wg-section-head p{margin-top:9px}.wg-grid{grid-template-columns:minmax(0,1fr)}.wg-card--wide{grid-column:auto}.wg-card{padding:14px}.wg-preview{padding:8px}.wg-preview iframe{height:248px}.wg-preview iframe.wg-ticker{height:172px}.th-scene--page video{display:none}}
.wg-banner-link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;text-decoration:none;transition:transform .18s ease,filter .18s ease}.wg-banner-link:hover,.wg-banner-link:focus-visible{transform:translateY(-3px);filter:brightness(1.18) drop-shadow(0 5px 12px rgba(255,200,87,.25))}.wg-banner-link:focus-visible{outline:2px solid #ffd178;outline-offset:4px}.wg-card--badge .wg-preview{min-height:125px}.wg-card--badge .wg-banner-link{transform:scale(1.6)}.wg-card--badge .wg-banner-link:hover,.wg-card--badge .wg-banner-link:focus-visible{transform:scale(1.6) translateY(-2px);filter:brightness(1.2)}@media(prefers-reduced-motion:reduce){.wg-banner-link{transition:none}}

/* Keep the original banner preview dimensions; remove only the live widget frame. */
.widgets-gallery .wg-card--widget{padding:18px 0;border:0;border-top:1px solid rgba(220,232,221,.35);background:transparent;backdrop-filter:none}
.widgets-gallery .wg-card--widget .wg-preview{padding:0;min-height:0;border:0;background:transparent;overflow:visible}
.widgets-gallery .wg-card--widget iframe{max-width:none}

/* Restore the badge and banner preview geometry from the prior release. */
.widgets-gallery .wg-card--badge .wg-preview{min-height:70px}
.widgets-gallery .wg-card--badge .wg-banner-link,.widgets-gallery .wg-card--badge .wg-banner-link:hover,.widgets-gallery .wg-card--badge .wg-banner-link:focus-visible{transform:none}
.widgets-gallery .wg-card--badge .wg-banner-link:hover,.widgets-gallery .wg-card--badge .wg-banner-link:focus-visible{transform:translateY(-2px);filter:brightness(1.35)}

/* The 80 × 15 badge remains fixed, including on hover and keyboard focus. */
.widgets-gallery .wg-card--badge:has(img[src*="badge-80x15"]) .wg-banner-link,.widgets-gallery .wg-card--badge:has(img[src*="badge-80x15"]) .wg-banner-link:hover,.widgets-gallery .wg-card--badge:has(img[src*="badge-80x15"]) .wg-banner-link:focus-visible{transform:none;filter:none}
