/* Scoped to integrated Market Weather only. */
body[data-page=market-weather]{background:#0a1816;color:#f0eada}
.mw21-site{max-width:none;width:100%;box-sizing:border-box;padding:18px clamp(12px,2vw,38px) 34px;margin:auto}
.mw21-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px}
.mw21-kicker{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#e4c785}
.mw21-intro h1{font:normal clamp(32px,3.4vw,50px)/1.04 Georgia,serif;color:#f6efe1;margin:4px 0 7px}
.mw21-intro h1 em{color:#e2c284;font-style:normal}
.mw21-intro p{margin:0;color:#dae5de;font:14px/1.45 Arial,sans-serif}
.mw21-radar{white-space:nowrap;border:1px solid #99865a;background:#172924;border-radius:24px;padding:10px 17px;color:#f3d995;text-decoration:none;font:700 12px Arial,sans-serif}
.mw21-radar:focus-visible,.mw21-radar:hover{outline:2px solid #f2d68e;outline-offset:2px}
.mw21-frame{background:#081b18;border:1px solid #51766b;border-radius:16px;overflow:hidden;box-shadow:0 0 26px #0b332c75}
#mw21-console{display:block;width:100%;height:980px;border:0;background:#081b18}
.mw21-disclosure{font:12px/1.5 Arial,sans-serif;color:#cddad2;margin:11px 3px 0}
@media(max-width:700px){.mw21-site{padding:12px 9px 24px}.mw21-intro{align-items:start;flex-direction:column;gap:9px}.mw21-frame{border-radius:9px}}

/* LF-MW-021A: parent page is the sole vertical scroll container. */
.mw21-frame{overflow:clip;min-height:0}
#mw21-console{height:520px;min-height:0;overflow:hidden;vertical-align:top}

/* LF-MW-021B: the shared website chrome is absolutely positioned on other
   pages. On Market Weather it MUST occupy document flow, otherwise it covers
   the page introduction and the top of the iframe (quote tiles included). */
body[data-page="market-weather"] .top-stack{
  position:relative!important;inset:auto!important;top:auto!important;
  left:auto!important;right:auto!important;
  width:100%!important;
}
body[data-page="market-weather"] .mw21-site{
  padding-top:clamp(10px,1.3vw,22px)!important;
}
body[data-page="market-weather"] .mw21-frame{
  isolation:isolate;
}


/* LF-SITE-001B — contrast refinement for Market Weather outer shell.
   Goal: reduce the monochrome green wash and give the embedded console a
   cooler, more premium frame. */
body[data-page="market-weather"]{
  background:linear-gradient(180deg,#081217 0%,#0b171d 44%,#081216 100%)!important;
}
body[data-page="market-weather"] .mi-universal-hero::before{
  background:
    linear-gradient(90deg,rgba(7,20,24,.98) 0%,rgba(7,20,24,.93) 40%,rgba(14,24,35,.70) 68%,rgba(14,24,35,.34) 100%),
    url("../assets/photos/global-markets-hd.jpg") right 43% center/cover no-repeat;
}
body[data-page="market-weather"] .mi-universal-hero::after{
  background:
    radial-gradient(circle at 72% 26%,rgba(101,145,198,.16),transparent 30%),
    linear-gradient(125deg,transparent 45%,rgba(218,181,95,.08));
}
body[data-page="market-weather"] .mw21-frame{
  background:linear-gradient(180deg,#0b151c 0%,#0b1419 100%)!important;
  border-color:rgba(129,152,164,.55)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
}
body[data-page="market-weather"] #mw21-console{
  background:#0b151c!important;
}
body[data-page="market-weather"] .mw21-disclosure{
  color:#c9d2cf!important;
}

/* LF-SITE-001B-MARKET-WEATHER-COMPACT-HIERARCHY-POLISH */
body[data-page="market-weather"] .mw21-site{padding:12px clamp(12px,2vw,34px) 28px!important;}
body[data-page="market-weather"] .mw21-frame{border-radius:14px!important;border-color:rgba(129,152,164,.38)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;}
body[data-page="market-weather"] #mw21-console{height:720px;background:#0b151c!important;}
body[data-page="market-weather"] .mw21-disclosure{margin-top:8px!important;font-size:11px!important;line-height:1.45!important;color:#aebdc0!important;}