/* MiKO contextual news badges — static graphic icons only. */
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-smart-cover-img),
body.single-post .msn-reference-content figure{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

/* No rain/wind/heat/chart animation overlays. */
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-smart-cover-img)::before,
body.single-post .msn-reference-content figure::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* Shared icon badge. */
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-smart-cover-img)::after,
body.single-post.miko-fx-rain .msn-reference-content figure::after,
body.single-post.miko-fx-cold .msn-reference-content figure::after,
body.single-post.miko-fx-heat .msn-reference-content figure::after,
body.single-post.miko-fx-crypto .msn-reference-content figure::after{
  content:""!important;
  position:absolute!important;
  right:9px!important;
  top:9px!important;
  z-index:8!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border:1px solid var(--miko-fx-border,rgba(255,255,255,.62))!important;
  border-radius:12px!important;
  background-color:var(--miko-fx-bg,#fff)!important;
  background-image:var(--miko-fx-icon)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:23px 23px!important;
  box-shadow:0 8px 20px var(--miko-fx-shadow,rgba(20,55,90,.12)),inset 0 1px 0 rgba(255,255,255,.62)!important;
  backdrop-filter:blur(8px) saturate(1.08)!important;
  pointer-events:none!important;
  animation:none!important;
  transform:none!important;
}

/* Rain / storm — cloud + rain. */
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-fx-rain),
body.single-post.miko-fx-rain .msn-reference-content figure{
  --miko-fx-bg:linear-gradient(145deg,rgba(237,247,255,.96),rgba(207,231,252,.92));
  --miko-fx-border:rgba(157,204,242,.82);
  --miko-fx-shadow:rgba(32,108,169,.15);
  --miko-fx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b78b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 15.5h10a3.8 3.8 0 0 0 .4-7.6 5.4 5.4 0 0 0-10.2-1.3A4.3 4.3 0 0 0 6.5 15.5Z'/%3E%3Cpath d='m8 18-1 2m5-2-1 2m5-2-1 2'/%3E%3C/svg%3E");
}

/* Cold / winter — wind + snow. */
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-fx-cold),
body.single-post.miko-fx-cold .msn-reference-content figure{
  --miko-fx-bg:linear-gradient(145deg,rgba(247,252,255,.97),rgba(222,242,255,.94));
  --miko-fx-border:rgba(177,219,244,.88);
  --miko-fx-shadow:rgba(47,124,176,.12);
  --miko-fx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233e86b8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h10c2.8 0 2.8-4 0-4-1.3 0-2.1.8-2.4 1.6M3 13h14c3.1 0 3.1 4.5 0 4.5-1.4 0-2.2-.8-2.5-1.7'/%3E%3Cpath d='M7 18v4M5 20h4M5.7 18.7l2.6 2.6M8.3 18.7l-2.6 2.6'/%3E%3C/svg%3E");
}

/* Hot weather — sun. */
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-fx-heat),
body.single-post.miko-fx-heat .msn-reference-content figure{
  --miko-fx-bg:linear-gradient(145deg,rgba(255,250,230,.98),rgba(255,224,143,.94));
  --miko-fx-border:rgba(245,191,68,.88);
  --miko-fx-shadow:rgba(198,126,0,.14);
  --miko-fx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d88900' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.5v3M12 18.5v3M2.5 12h3M18.5 12h3M5.3 5.3l2.1 2.1M16.6 16.6l2.1 2.1M18.7 5.3l-2.1 2.1M7.4 16.6l-2.1 2.1'/%3E%3C/svg%3E");
}

/* Crypto — gold coin. Green/red direction is a small status dot only. */
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-fx-crypto),
body.single-post.miko-fx-crypto .msn-reference-content figure{
  --miko-fx-bg:linear-gradient(145deg,rgba(255,249,224,.98),rgba(255,221,118,.95));
  --miko-fx-border:rgba(226,177,47,.90);
  --miko-fx-shadow:rgba(168,111,0,.14);
  --miko-fx-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a86c00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7.5'/%3E%3Ccircle cx='12' cy='12' r='5.2' opacity='.45'/%3E%3Cpath d='M14.2 8.8c-.6-.8-1.4-1.2-2.5-1.2a4.4 4.4 0 1 0 0 8.8c1.1 0 1.9-.4 2.5-1.2M11.7 5.6v2M11.7 16.4v2'/%3E%3C/svg%3E");
}

/* Direction dot for crypto only. */
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-fx-crypto)::before,
body.single-post.miko-fx-crypto .msn-reference-content figure::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:7px!important;
  top:7px!important;
  z-index:9!important;
  width:9px!important;
  height:9px!important;
  border:2px solid #fff!important;
  border-radius:50%!important;
  background:#18a96c!important;
  box-shadow:0 2px 6px rgba(0,0,0,.12)!important;
  pointer-events:none!important;
}
:where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-fx-crypto-down)::before,
body.single-post.miko-fx-crypto-down .msn-reference-content figure::before{
  background:#df4357!important;
}

/* Keep original image untouched. */
img.miko-smart-cover-img{
  filter:none!important;
}

/* Home-specific override so previous animated pseudo-elements stay off. */
body.home .miko-fx-rain .miko-card-image::before,
body.home .miko-fx-rain .miko-hero-image::before,
body.home .miko-fx-rain .miko-pinned-lead-media::before,
body.home .miko-fx-rain .miko-pinned-side-media::before,
body.home .miko-fx-cold .miko-card-image::before,
body.home .miko-fx-cold .miko-hero-image::before,
body.home .miko-fx-cold .miko-pinned-lead-media::before,
body.home .miko-fx-cold .miko-pinned-side-media::before,
body.home .miko-fx-heat .miko-card-image::before,
body.home .miko-fx-heat .miko-hero-image::before,
body.home .miko-fx-heat .miko-pinned-lead-media::before,
body.home .miko-fx-heat .miko-pinned-side-media::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}

@media(max-width:600px){
  :where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-smart-cover-img)::after,
  body.single-post.miko-fx-rain .msn-reference-content figure::after,
  body.single-post.miko-fx-cold .msn-reference-content figure::after,
  body.single-post.miko-fx-heat .msn-reference-content figure::after,
  body.single-post.miko-fx-crypto .msn-reference-content figure::after{
    right:6px!important;
    top:6px!important;
    width:31px!important;
    height:31px!important;
    border-radius:10px!important;
    background-size:19px 19px!important;
  }
  :where(a,figure,.jl_imgin,.miko-popular-thumb):has(>img.miko-fx-crypto)::before,
  body.single-post.miko-fx-crypto .msn-reference-content figure::before{
    right:4px!important;
    top:4px!important;
    width:8px!important;
    height:8px!important;
  }
}