/* MiKO Homepage LOCK LAYOUT — scoped to the latest desktop reference. */
body.home .miko-news-nav-wrap,
body.home .miko-breaking-wrap,
body.home .miko-utility-inner,
body.home .miko-home-main,
body.home .miko-footer-grid,
body.home .miko-footer-bottom{width:min(1480px,calc(100% - 40px))!important;max-width:1480px!important;margin-left:auto!important;margin-right:auto!important}
body.home .miko-home-main{padding-top:14px!important;padding-bottom:14px!important}
body.home .miko-hero-grid{grid-template-columns:minmax(0,2.06fr) minmax(330px,1fr)!important;gap:14px!important}
body.home .miko-hero-card,body.home .miko-hero-track{height:500px!important}
body.home .miko-category-strip{margin:12px 0 16px!important;gap:7px!important}
body.home .miko-category-tile{min-height:78px!important;border-radius:9px!important}
body.home .miko-home-section{margin:16px 0 22px!important;padding:0!important}
body.home .miko-news-grid{gap:12px!important}
body.home .miko-card-image{height:174px!important}
body.home .miko-section-compact .miko-card-image{height:150px!important}
body.home .miko-card-body{padding:10px!important}

/* Pinned news: exact composition — 1 large left, 3 stacked right. */
.miko-pinned-news{margin:8px 0 18px;padding:14px;border:1px solid #dce8f5;border-radius:14px;background:linear-gradient(180deg,#fafdff,#f5f9fd);box-shadow:0 7px 22px rgba(18,55,92,.05)}
.miko-pinned-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:10px}
.miko-pinned-head>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px}.miko-pinned-head .miko-pinned-kicker{grid-column:1/3;display:inline-flex;align-items:center;gap:6px;width:max-content;padding:6px 10px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:linear-gradient(135deg,#ff1744,#ef233c 60%,#ff3b59);color:#fff;font-size:9px;font-weight:950;letter-spacing:.05em;margin-bottom:6px;box-shadow:0 5px 14px rgba(239,35,60,.28),0 0 18px rgba(255,23,68,.12);text-shadow:0 1px 2px rgba(120,0,20,.2)}.miko-pin-icon{display:inline-block;color:#fff;font-size:10px;line-height:1;text-shadow:0 0 5px rgba(255,255,255,.95),0 0 10px rgba(255,255,255,.55)}.miko-pinned-head h2{margin:0;font-size:22px;line-height:1.15;color:#092a55;font-weight:950}.miko-pinned-head p{margin:0 0 1px;color:#7a899b;font-size:10px}.miko-pinned-head>a{color:#0d66f6!important;font-size:10px;font-weight:900;white-space:nowrap}
.miko-pinned-grid{display:grid;grid-template-columns:minmax(0,1.92fr) minmax(340px,1fr);gap:12px;align-items:stretch}.miko-pinned-lead,.miko-pinned-side{min-width:0}.miko-pinned-lead-media{position:relative;display:block;height:315px;border-radius:11px;overflow:hidden;background:#10233e}.miko-pinned-lead-media>img{width:100%;height:100%;object-fit:cover;display:block}.miko-pinned-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,31,.80),rgba(5,15,31,.34) 58%,rgba(5,15,31,.04))}.miko-pinned-copy{position:absolute;left:20px;right:20px;bottom:18px;display:block;color:#fff}.miko-pinned-copy em{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ef233c;color:#fff;font-size:9px;font-style:normal;font-weight:900}.miko-pinned-copy strong{display:block;max-width:84%;margin:8px 0 5px;font-size:23px;line-height:1.25;font-weight:950;color:#fff}.miko-pinned-copy small{display:block;max-width:78%;font-size:10px;line-height:1.55;color:#e7eef8}.miko-pinned-copy b{display:inline-block;margin-top:8px;font-size:10px;color:#fff}
.miko-pinned-side{display:grid;grid-template-rows:repeat(3,1fr);gap:8px}.miko-pinned-side-item{min-height:0;padding:8px;border:1px solid #e1eaf3;border-radius:10px;background:#fff;display:grid;grid-template-columns:128px minmax(0,1fr);gap:10px;align-items:center}.miko-pinned-side-media{display:block;height:82px;border-radius:8px;overflow:hidden;background:#edf3f8}.miko-pinned-side-media img{width:100%;height:100%;object-fit:cover;display:block}.miko-pinned-side-item em{display:inline-block;color:#ef233c;font-size:8px;font-style:normal;font-weight:900;margin-bottom:4px}.miko-pinned-side-item h3{margin:0;font-size:12px;line-height:1.35;font-weight:900;color:#102c53;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.miko-pinned-side-item p{margin:5px 0 0;color:#8290a1;font-size:8px}

/* Smart system recommendation badge — hero + pinned surfaces. */
.miko-system-reco{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px 4px 5px;border:1px solid rgba(210,231,255,.36);border-radius:999px;background:linear-gradient(135deg,rgba(15,55,112,.72),rgba(79,71,201,.68));-webkit-backdrop-filter:blur(11px) saturate(145%);backdrop-filter:blur(11px) saturate(145%);box-shadow:0 8px 24px rgba(22,76,165,.22),inset 0 1px 0 rgba(255,255,255,.24),0 0 22px rgba(91,111,255,.10);color:#fff;vertical-align:middle;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.miko-system-reco:before{content:"";position:absolute;z-index:-1;top:-35%;bottom:-35%;left:-42%;width:28%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);animation:mikoSystemRecoSweep 4.6s ease-in-out infinite;pointer-events:none}
.miko-system-reco:after{content:"";position:absolute;z-index:-2;inset:0;border-radius:inherit;background:radial-gradient(circle at 18% 20%,rgba(108,218,255,.20),transparent 35%),linear-gradient(135deg,rgba(72,161,255,.08),rgba(151,91,255,.12));pointer-events:none}
.miko-system-reco-icon{position:relative;display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#70d8ff 0%,#5e8dff 48%,#9b7bff 100%);color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 15px rgba(98,169,255,.38);animation:mikoSystemRecoPulse 2.8s ease-in-out infinite}
.miko-system-reco-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(255,255,255,.38))}
.miko-system-reco-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1}.miko-system-reco-text b{color:inherit;font-size:8.7px;font-weight:950;letter-spacing:.01em;white-space:nowrap}.miko-system-reco-text small{display:block;margin-top:2px;color:rgba(230,242,255,.76);font-size:5.8px;font-weight:850;letter-spacing:.14em;white-space:nowrap}
.miko-system-reco-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#8cf5d0;box-shadow:0 0 0 3px rgba(95,235,191,.08),0 0 9px rgba(95,235,191,.65);animation:mikoSystemRecoDot 2s ease-in-out infinite}
.miko-system-reco--hero{margin:0 7px 7px 0}.miko-system-reco--pinned{margin:0 7px 7px 0}
.miko-system-reco:hover{transform:translateY(-2px);border-color:rgba(224,239,255,.62);background:linear-gradient(135deg,rgba(23,75,147,.82),rgba(91,78,218,.80));box-shadow:0 12px 28px rgba(24,83,177,.30),0 0 0 3px rgba(95,153,255,.08),0 0 26px rgba(112,93,255,.16)}
.miko-hero-slide.is-active .miko-system-reco--hero{animation:mikoSystemRecoIn .48s .02s cubic-bezier(.2,.8,.2,1) both}
.miko-system-reco--mini{min-height:22px;margin:0 5px 4px 0;padding:3px 7px 3px 3px;gap:4px;border-color:#d7e7f8;background:linear-gradient(135deg,#f4f9ff,#edf3ff);color:#346bb7;box-shadow:0 4px 11px rgba(49,93,154,.08);-webkit-backdrop-filter:none;backdrop-filter:none}
.miko-system-reco--mini:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);opacity:.8}.miko-system-reco--mini:after{background:linear-gradient(135deg,rgba(85,164,255,.08),rgba(119,104,246,.08))}
.miko-system-reco--mini .miko-system-reco-icon{width:16px;height:16px;flex-basis:16px;background:linear-gradient(135deg,#4da8ff,#6c67eb);box-shadow:0 0 0 2px rgba(76,146,235,.07),0 0 9px rgba(76,146,235,.20)}.miko-system-reco--mini .miko-system-reco-icon svg{width:9px;height:9px}.miko-system-reco--mini .miko-system-reco-text b{font-size:6.8px;color:#386ab0}.miko-system-reco--mini:hover{background:linear-gradient(135deg,#f8fbff,#eef4ff);border-color:#bad5f2;box-shadow:0 6px 14px rgba(49,93,154,.12)}
@keyframes mikoSystemRecoSweep{0%,58%{left:-42%;opacity:0}66%{opacity:.88}82%{left:125%;opacity:.28}100%{left:125%;opacity:0}}
@keyframes mikoSystemRecoPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 13px rgba(98,169,255,.30)}50%{transform:scale(1.06) rotate(-4deg);box-shadow:0 0 0 4px rgba(255,255,255,.10),0 0 20px rgba(112,150,255,.52)}}
@keyframes mikoSystemRecoDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}
@keyframes mikoSystemRecoIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:700px){.miko-system-reco{min-height:27px;padding:3px 8px 3px 4px;gap:5px}.miko-system-reco-icon{width:19px;height:19px;flex-basis:19px}.miko-system-reco-icon svg{width:11px;height:11px}.miko-system-reco-text b{font-size:7.8px}.miko-system-reco-text small{display:none}.miko-system-reco--hero,.miko-system-reco--pinned{margin-right:5px;margin-bottom:5px}.miko-system-reco--mini{min-height:20px;padding:2px 6px 2px 3px}.miko-system-reco--mini .miko-system-reco-icon{width:14px;height:14px;flex-basis:14px}.miko-system-reco--mini .miko-system-reco-text b{font-size:6.2px}}
@media(prefers-reduced-motion:reduce){.miko-system-reco,.miko-system-reco:before,.miko-system-reco-icon,.miko-system-reco-dot,.miko-hero-slide.is-active .miko-system-reco--hero{animation:none!important;transition:none!important}}

/* Pinned side cards V2 — announcement + premium micro-interactions */
body.home .miko-pinned-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
body.home .miko-pinned-head-actions>a{
  min-height:34px;
  padding:0 11px;
  border:1px solid #d6e6f8;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#fff;
  color:#0d66f6!important;
  font-size:9px;
  font-weight:900;
  box-shadow:0 5px 14px rgba(20,74,130,.06);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
body.home .miko-pinned-head-actions>a:hover{
  transform:translateY(-1px);
  border-color:#aacdf7;
  background:#f4f9ff;
  box-shadow:0 8px 18px rgba(20,74,130,.10);
}
body.home .miko-pinned-alert{
  position:relative;
  overflow:hidden;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(255,170,59,.30);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#a44b00;
  background:linear-gradient(135deg,#fff8e7,#fff1cf);
  box-shadow:0 6px 16px rgba(215,133,23,.10),inset 0 1px 0 rgba(255,255,255,.78);
  font-size:8.5px;
  font-weight:950;
  white-space:nowrap;
}
body.home .miko-pinned-alert svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:#dc7100;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(237,142,20,.18));
  animation:mikoPinnedAlertPulse 2s ease-in-out infinite;
}
body.home .miko-pinned-alert::after{
  content:"";
  position:absolute;
  top:-80%;
  bottom:-80%;
  left:-34%;
  width:25%;
  background:rgba(255,255,255,.55);
  transform:rotate(16deg);
  animation:mikoPinnedAlertShine 3.6s ease-in-out infinite;
}
@keyframes mikoPinnedAlertPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}
@keyframes mikoPinnedAlertShine{
  0%,60%{left:-34%}
  82%,100%{left:120%}
}
body.home .miko-pinned-side-item{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:#dfe9f4!important;
  box-shadow:0 5px 16px rgba(15,54,94,.045)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
body.home .miko-pinned-side-item::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#1687ff,#6b61ff);
  opacity:.55;
  transition:opacity .2s ease,box-shadow .2s ease;
}
body.home .miko-pinned-side-item::after{
  content:"";
  position:absolute;
  inset:-30% -20%;
  z-index:5;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 39%,rgba(255,255,255,.36) 49%,transparent 60%);
  transform:translateX(-72%);
  opacity:0;
}
body.home .miko-pinned-side-item:first-child{
  border-color:#d6e5f7!important;
  background:linear-gradient(135deg,#fff 0%,#f9fcff 100%)!important;
}
body.home .miko-pinned-side-media{
  position:relative;
  z-index:1;
  box-shadow:0 5px 14px rgba(17,58,100,.08);
}
body.home .miko-pinned-side-media img{
  transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .28s ease!important;
}
body.home .miko-pinned-side-item>div{
  position:relative;
  z-index:2;
  min-width:0;
}
body.home .miko-pinned-side-item em{
  display:inline-flex!important;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  margin-bottom:5px!important;
  padding:4px 7px;
  border-radius:999px;
  background:#fff2f4;
  color:#e52243!important;
  border:1px solid #ffd8de;
  box-shadow:0 3px 8px rgba(229,34,67,.05);
  line-height:1;
}
body.home .miko-pinned-cat-icon{
  width:14px;
  height:14px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#ef233c;
  color:#fff;
  font-size:6px;
  box-shadow:0 0 0 3px rgba(239,35,60,.07);
}
body.home .miko-pinned-side-item h3{
  transition:color .18s ease,transform .18s ease;
}
body.home .miko-pinned-side-item h3 a{color:inherit!important}
body.home .miko-pinned-side-item p{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:8px!important;
  margin-top:6px!important;
}
body.home .miko-pinned-side-item p span{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:0;
  color:#76879a;
  white-space:nowrap;
}
body.home .miko-pinned-side-item p svg{
  width:11px;
  height:11px;
  fill:none;
  stroke:#5d7898;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(hover:hover) and (pointer:fine){
  body.home .miko-pinned-side-item:hover{
    transform:translateX(4px) translateY(-1px);
    border-color:#bfd7f3!important;
    background:#fff!important;
    box-shadow:0 13px 28px rgba(18,66,119,.12),0 0 0 1px rgba(63,144,240,.04)!important;
  }
  body.home .miko-pinned-side-item:hover::before{
    opacity:1;
    box-shadow:0 0 13px rgba(36,132,242,.42);
  }
  body.home .miko-pinned-side-item:hover::after{
    opacity:1;
    animation:mikoPinnedSideShine .78s ease-out both;
  }
  body.home .miko-pinned-side-item:hover .miko-pinned-side-media img{
    transform:scale(1.055);
    filter:saturate(1.05) contrast(1.02);
  }
  body.home .miko-pinned-side-item:hover h3{
    color:#0d5ec8;
    transform:translateX(1px);
  }
}
@keyframes mikoPinnedSideShine{
  to{transform:translateX(72%)}
}
body.home .miko-pinned-side-item:focus-within{
  outline:2px solid rgba(13,102,246,.45);
  outline-offset:2px;
}
@media(max-width:1024px){
  body.home .miko-pinned-head{align-items:flex-start}
  body.home .miko-pinned-head-actions{max-width:52%}
}
@media(max-width:700px){
  body.home .miko-pinned-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.home .miko-pinned-head-actions{max-width:none;width:100%;justify-content:flex-start}
  body.home .miko-pinned-alert{min-height:32px}
  body.home .miko-pinned-head-actions>a{min-height:32px}
  body.home .miko-pinned-side-item{padding:7px!important}
  body.home .miko-pinned-side-item p{gap:6px!important}
}
@media(prefers-reduced-motion:reduce){
  body.home .miko-pinned-alert svg,
  body.home .miko-pinned-alert::after,
  body.home .miko-pinned-side-item::after{animation:none!important}
  body.home .miko-pinned-side-item,
  body.home .miko-pinned-side-media img,
  body.home .miko-pinned-side-item h3{transition:none!important}
}

/* Editor's Pin — animated gold light border, elegant and subtle. */
@property --miko-pin-gold-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
body.home .miko-pinned-news{
  --miko-pin-gold-angle:0deg;
  position:relative!important;
  isolation:isolate!important;
  border:1.5px solid transparent!important;
  background:
    linear-gradient(180deg,#fafdff,#f5f9fd) padding-box,
    conic-gradient(
      from var(--miko-pin-gold-angle),
      rgba(245,191,43,.10) 0deg,
      rgba(255,224,105,.28) 48deg,
      #ffd34d 74deg,
      #fff0a2 92deg,
      #e8ad19 108deg,
      rgba(245,191,43,.16) 132deg,
      rgba(255,255,255,.05) 176deg,
      rgba(255,255,255,.05) 280deg,
      rgba(245,191,43,.10) 360deg
    ) border-box!important;
  box-shadow:
    0 9px 26px rgba(18,55,92,.055),
    0 0 0 1px rgba(241,183,33,.05),
    0 0 16px rgba(255,201,48,.08)!important;
  animation:
    mikoPinnedGoldRun 4.6s linear infinite,
    mikoPinnedGoldPulse 2.8s ease-in-out infinite!important;
}
body.home .miko-pinned-news:before{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  z-index:-1!important;
  border-radius:18px!important;
  background:conic-gradient(
    from var(--miko-pin-gold-angle),
    transparent 0 58%,
    rgba(255,211,77,.04) 64%,
    rgba(255,221,91,.22) 72%,
    rgba(255,240,162,.34) 78%,
    rgba(235,177,28,.12) 84%,
    transparent 91% 100%
  )!important;
  filter:blur(9px)!important;
  opacity:.72!important;
  pointer-events:none!important;
}
body.home .miko-pinned-lead-media{
  border:1px solid rgba(255,215,88,.38)!important;
  box-shadow:
    0 0 0 1px rgba(255,205,48,.05),
    0 0 18px rgba(255,199,43,.10)!important;
  transition:box-shadow .22s ease,transform .22s ease!important;
}
body.home .miko-pinned-lead-media:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 0 0 1px rgba(255,218,91,.38),
    0 9px 26px rgba(12,39,72,.15),
    0 0 24px rgba(255,199,43,.20)!important;
}
body.home .miko-pinned-kicker{
  box-shadow:
    0 5px 14px rgba(239,35,60,.28),
    0 0 18px rgba(255,23,68,.12),
    0 0 0 1px rgba(255,213,75,.16)!important;
}
@keyframes mikoPinnedGoldRun{
  to{--miko-pin-gold-angle:360deg}
}
@keyframes mikoPinnedGoldPulse{
  0%,100%{
    filter:saturate(1);
    box-shadow:0 9px 26px rgba(18,55,92,.055),0 0 0 1px rgba(241,183,33,.05),0 0 14px rgba(255,201,48,.06)
  }
  50%{
    filter:saturate(1.05);
    box-shadow:0 11px 30px rgba(18,55,92,.065),0 0 0 1px rgba(241,183,33,.10),0 0 23px rgba(255,201,48,.14)
  }
}
@media(prefers-reduced-motion:reduce){
  body.home .miko-pinned-news{animation:none!important}
}

/* Keep four-card rows locked on desktop and avoid global scale/zoom. */
@media(min-width:1025px){body.home .miko-news-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}body.home .miko-home-shell{transform:none!important;zoom:1!important}}

/* Watch & Earn remains a full-sized section; never collapse to a thin banner. */
body.home .mwr-home-section,body.home .miko-home-video-section,body.home #miko-home-video{min-height:560px!important;margin-top:18px!important;margin-bottom:20px!important;transform:none!important}
body.home .mwr-home-featured,body.home .mwr-home-main-video,body.home .miko-home-video-player{aspect-ratio:16/9!important;min-height:0!important}

/* Bottom real site stats from WordPress data. */
.miko-home-bottom-stats{background:#081d37;border-top:1px solid rgba(255,255,255,.08);padding:12px max(20px,calc((100% - 1440px)/2));display:grid;grid-template-columns:repeat(3,1fr);gap:14px;color:#fff}.miko-home-bottom-stats>div{min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;background:rgba(255,255,255,.035)}.miko-home-bottom-stats strong{font-size:14px;font-weight:950}.miko-home-bottom-stats span{font-size:9px;color:#9fb3c9}

/* Pinned manager, same controls on frontend dashboard and wp-admin. */
.miko-pinned-manager-form{max-width:1100px}.miko-pinned-manager-note{display:flex;gap:10px;align-items:center;margin:12px 0;padding:12px 14px;border-radius:10px;background:#eef6ff;border:1px solid #d2e6ff}.miko-pinned-manager-note strong{color:#0b63d8}.miko-pinned-manager-note span{color:#66798f;font-size:12px}.miko-pinned-manager-list{display:grid;gap:8px}.miko-pin-row{display:grid;grid-template-columns:28px 72px minmax(0,1fr) 90px;gap:10px;align-items:center;padding:9px;border:1px solid #dfe7ef;border-radius:10px;background:#fff}.miko-pin-row.is-pinned{border-color:#8ebeff;background:#f5f9ff}.miko-pin-row .thumb{display:block;width:72px;height:52px;border-radius:7px;overflow:hidden;background:#edf2f7}.miko-pin-row .thumb img{width:100%;height:100%;object-fit:cover}.miko-pin-row .copy b,.miko-pin-row .copy small{display:block}.miko-pin-row .copy b{font-size:12px;color:#15365f}.miko-pin-row .copy small{margin-top:3px;font-size:9px;color:#8291a3}.miko-pin-row .order{display:grid;gap:3px}.miko-pin-row .order small{font-size:8px;color:#7b8a9b}.miko-pin-row .order input{width:72px!important;height:34px!important}

@media(max-width:1024px){body.home .miko-news-nav-wrap,body.home .miko-breaking-wrap,body.home .miko-utility-inner,body.home .miko-home-main,body.home .miko-footer-grid,body.home .miko-footer-bottom{width:min(100% - 28px,1480px)!important}.miko-pinned-grid{grid-template-columns:1fr}.miko-pinned-side{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.miko-pinned-side-item{grid-template-columns:1fr}.miko-pinned-side-media{height:130px}.miko-pinned-lead-media{height:360px}}
@media(max-width:700px){
body.home{overflow-x:hidden!important}
body.home .miko-home-shell,body.home .miko-home-main,body.home .miko-news-header,body.home .miko-news-nav-wrap,body.home .miko-breaking-wrap,body.home .miko-utility-inner,body.home .miko-footer-grid,body.home .miko-footer-bottom{max-width:100%!important;box-sizing:border-box!important}
body.home .miko-news-nav-wrap,body.home .miko-breaking-wrap,body.home .miko-utility-inner,body.home .miko-home-main,body.home .miko-footer-grid,body.home .miko-footer-bottom{width:calc(100% - 20px)!important;margin-left:auto!important;margin-right:auto!important}
body.home .miko-home-main{padding-left:0!important;padding-right:0!important}
body.home .miko-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
body.home .miko-hero-card,body.home .miko-hero-track{height:410px!important;max-width:100%!important}
body.home .miko-popular-panel,body.home .miko-home-section,body.home .miko-pinned-news,body.home .mwr-home-section,body.home .miko-home-video-section,body.home #miko-home-video{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
body.home .miko-popular-list{grid-template-columns:minmax(0,1fr)!important}
body.home .miko-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body.home .miko-card-image,body.home .miko-section-compact .miko-card-image{height:145px!important}
body.home .miko-category-strip{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;padding-bottom:6px!important}
body.home .miko-category-tile{flex:0 0 102px!important;min-width:102px!important}
body.home .mwr-home-section,body.home .miko-home-video-section,body.home #miko-home-video{min-height:0!important}
body.home .mwr-home-grid,body.home .mwr-home-body,body.home .mwr-home-content{grid-template-columns:minmax(0,1fr)!important}
.miko-pinned-news{padding:10px;margin:8px 0 15px}.miko-pinned-head{align-items:flex-start}.miko-pinned-head>div{display:block}.miko-pinned-head p{margin-top:3px}.miko-pinned-grid{display:block}.miko-pinned-lead-media{height:310px}.miko-pinned-copy strong{max-width:100%;font-size:19px}.miko-pinned-copy small{max-width:100%}.miko-pinned-side{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px}.miko-pinned-side-item{grid-template-columns:110px minmax(0,1fr)}.miko-pinned-side-media{height:75px}
.miko-pin-row{grid-template-columns:26px 56px minmax(0,1fr)}.miko-pin-row .thumb{width:56px;height:44px}.miko-pin-row .order{grid-column:3}.miko-pin-row .order input{width:100%!important}}
@media(max-width:430px){
body.home .miko-hero-card,body.home .miko-hero-track{height:360px!important}
body.home .miko-news-grid{grid-template-columns:minmax(0,1fr)!important}
body.home .miko-card-image,body.home .miko-section-compact .miko-card-image{height:205px!important}
body.home .miko-pinned-lead-media{height:250px!important}
body.home .miko-pinned-copy{left:14px;right:14px;bottom:14px}
body.home .miko-pinned-copy strong{font-size:17px!important}
body.home .miko-pinned-side-item{grid-template-columns:96px minmax(0,1fr)}
body.home .miko-pinned-side-media{height:68px}
}

/* P0 mobile hardening: 360/390/430px must never inherit desktop widths or overflow. */
@media(max-width:700px){
body.home .miko-home-shell,body.home .miko-home-shell *{max-width:100%;box-sizing:border-box}
body.home .miko-news-header{width:100%!important;left:0!important;right:0!important}
body.home .miko-news-nav-wrap{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:7px!important;min-height:0!important;padding:8px 0!important}
body.home .miko-news-brand{grid-column:1;grid-row:1;min-width:0!important}
body.home .miko-news-brand img{width:80px!important;max-width:80px!important;height:auto!important}
body.home .miko-news-tools{grid-column:2;grid-row:1;display:flex!important;width:100%!important;min-width:0!important;gap:4px!important;justify-content:flex-end!important}
body.home .miko-news-search{flex:1 1 auto!important;min-width:0!important;max-width:none!important;width:auto!important;height:40px!important;padding:0 8px!important}
body.home .miko-news-search input{width:100%!important;min-width:0!important;font-size:11px!important}
body.home .miko-saved-news-toggle,body.home .miko-member-account,body.home .miko-mobile-menu{flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important}
body.home .miko-member-account-label,body.home .miko-saved-label{display:none!important}
body.home .miko-header-avatar img{width:28px!important;height:28px!important}
body.home .miko-breaking-wrap{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:6px!important;padding:5px 0 9px!important;overflow:hidden!important}
body.home .miko-breaking-label{padding:8px 10px!important;font-size:11px!important;white-space:nowrap!important}
body.home .miko-breaking-track{min-width:0!important;width:100%!important;padding:7px 8px!important;overflow:hidden!important}
body.home .miko-hero-feature,body.home .miko-hero-track,body.home .miko-hero-slide,body.home .miko-hero-image{min-width:0!important;width:100%!important}
body.home .miko-hero-copy{max-width:none!important;width:auto!important;left:16px!important;right:16px!important}
body.home .miko-hero-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;max-width:100%!important}
body.home .miko-story-actions--hero{display:flex!important;flex-wrap:wrap!important;gap:5px!important;min-width:0!important;max-width:100%!important}
body.home .miko-story-actions--hero .miko-story-action{min-width:0!important}
body.home .miko-popular-panel{padding:12px!important;overflow:hidden!important}
body.home .miko-popular-item{grid-template-columns:26px 76px minmax(0,1fr)!important;gap:8px!important}
body.home .miko-popular-item>div{min-width:0!important}
body.home .miko-section-head{align-items:flex-start!important;flex-wrap:wrap!important;gap:6px!important}
body.home .miko-section-head>div{display:block!important;min-width:0!important}
body.home .miko-section-head h2{font-size:20px!important;line-height:1.25!important}
body.home .miko-section-head span{display:block!important;margin-top:3px!important}
body.home .miko-news-card{min-width:0!important;overflow:hidden!important}
body.home .miko-card-body h3{overflow-wrap:anywhere!important}
body.home .miko-crypto-section{margin:14px 0!important;padding:12px!important;border-radius:14px!important;max-width:100%!important;overflow:hidden!important}
body.home .miko-crypto-head{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
body.home .miko-crypto-title{min-width:0!important}.miko-crypto-title h2{font-size:22px!important}.miko-crypto-title p{font-size:10px!important;line-height:1.45!important}
body.home .miko-crypto-tickers{display:flex!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;gap:7px!important;scrollbar-width:none!important;padding-bottom:4px!important}
body.home .miko-crypto-tickers::-webkit-scrollbar{display:none!important}
body.home .miko-crypto-tickers article{flex:0 0 190px!important;min-width:190px!important;grid-template-columns:28px minmax(0,1fr) 48px!important;padding:8px!important}
body.home .miko-crypto-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
body.home .miko-crypto-feature{min-height:255px!important}.miko-crypto-feature h3{font-size:19px!important}.miko-crypto-feature p{font-size:10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.home .miko-crypto-list{min-width:0!important}.miko-crypto-list a{grid-template-columns:96px minmax(0,1fr)!important;min-width:0!important}.miko-crypto-list img{width:96px!important}.miko-crypto-list span{min-width:0!important}
body.home .miko-crypto-trend{grid-column:auto!important;min-width:0!important}
body.home .mwr-home{width:100%!important;max-width:100%!important;margin:18px 0!important;padding:9px!important;overflow:hidden!important}
body.home .mwr-home-head{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:8px!important}
body.home .mwr-home-brand{min-width:0!important;flex:1 1 230px!important}.mwr-home-brand p{min-width:0!important}
body.home .mwr-home-head-note{display:none!important}
body.home .mwr-home-layout{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
body.home .mwr-home-feature,body.home .mwr-home-media,body.home .mwr-home-rec{min-width:0!important;max-width:100%!important}
body.home .mwr-home-media{height:275px!important}.mwr-home-media>div{left:14px!important;right:14px!important;width:auto!important}.mwr-home-media h3{font-size:20px!important;line-height:1.2!important}
body.home .mwr-home-actions{gap:7px!important;padding:8px!important;overflow:hidden!important}.mwr-home-actions .miko-story-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;min-width:0!important}
body.home .mwr-home-rec{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.mwr-home-rec>a{grid-template-columns:28px 78px minmax(0,1fr)!important;min-width:0!important}
body.home .miko-newsletter{position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important;padding:16px!important;overflow:hidden!important;border:1px solid #d6e6f6!important;border-radius:20px!important;background:linear-gradient(145deg,#fff 0%,#f5faff 58%,#eef6ff 100%)!important;box-shadow:0 12px 30px rgba(18,78,137,.10)!important}.miko-newsletter:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 10%,rgba(62,143,255,.13),transparent 30%),radial-gradient(circle at 5% 92%,rgba(255,45,93,.07),transparent 24%)}body.home .miko-newsletter-icon{position:relative!important;z-index:1!important;width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,#168bf8,#075fe3)!important;box-shadow:0 8px 18px rgba(16,111,232,.25),0 0 16px rgba(40,139,255,.16)!important}.miko-newsletter-copy,.miko-newsletter-form,.miko-social-inline{position:relative!important;z-index:1!important}.miko-newsletter-copy h2{font-size:17px!important;color:#112d4d!important}.miko-newsletter-copy p{line-height:1.5!important}.miko-newsletter-form input[type=email]{min-height:48px!important;padding:0 15px!important;border:1px solid #d8e4f0!important;border-radius:12px 12px 0 0!important;background:#fff!important;font-size:12px!important}.miko-newsletter-form input[type=submit],.miko-newsletter-form button{min-height:48px!important;border-radius:0 0 12px 12px!important;background:linear-gradient(90deg,#168af5,#075ee4,#6b45ed)!important;background-size:200% 100%!important;box-shadow:0 8px 18px rgba(15,101,226,.20)!important;animation:mikoNewsCta 4s linear infinite!important}.miko-social-inline{margin-top:4px!important;padding-top:12px!important;border-top:1px solid #e2ebf4!important;gap:9px!important}.miko-social-inline>span{font-weight:850!important;color:#31465e!important;margin-right:4px!important}.miko-social-inline a{width:38px!important;height:38px!important;border-radius:12px!important;box-shadow:0 6px 14px rgba(17,33,58,.12)!important}.miko-social-inline a svg{width:18px!important;height:18px!important}.miko-social-inline a:hover{transform:translateY(-3px) scale(1.04)!important}.miko-custom-footer{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#0b1d34,#102b4b)!important;padding-top:42px!important}.miko-custom-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#148bff,#7845f0,#ff315c,#148bff);background-size:250% 100%;animation:mikoFooterLine 6s linear infinite}.miko-footer-brand img{width:116px!important;filter:brightness(0) invert(1) drop-shadow(0 5px 12px rgba(255,255,255,.10))!important}.miko-footer-brand p{font-size:12px!important;line-height:1.8!important;color:#c5d2e1!important}.miko-footer-bottom{margin-top:25px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.12)!important;color:#c8d5e4!important}@keyframes mikoNewsCta{to{background-position:200% 0}}@keyframes mikoFooterLine{to{background-position:250% 0}}@media(prefers-reduced-motion:reduce){.miko-newsletter-form input[type=submit],.miko-newsletter-form button,.miko-custom-footer:before{animation:none!important}}
body.home .miko-newsletter-icon{width:42px!important;height:42px!important}.miko-newsletter-copy{min-width:0!important}
body.home .miko-newsletter-form,body.home .miko-social-inline{grid-column:1/-1!important;min-width:0!important;width:100%!important}
body.home .miko-newsletter-form{display:flex!important}.miko-newsletter-form form{width:100%!important;min-width:0!important}.miko-newsletter-form input{min-width:0!important;max-width:100%!important}
body.home .miko-social-inline{overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:2px!important}
body.home .miko-custom-footer{padding:28px 14px 16px!important;overflow:hidden!important}.miko-footer-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 16px!important}.miko-footer-brand{grid-column:1/-1!important}.miko-footer-brand p{max-width:none!important}.miko-footer-bottom{width:100%!important;justify-content:flex-start!important}
}
@media(max-width:430px){
body.home .miko-news-nav-wrap{grid-template-columns:78px minmax(0,1fr)!important;width:calc(100% - 16px)!important}
body.home .miko-news-brand img{width:72px!important;max-width:72px!important}
body.home .miko-news-tools{gap:3px!important}.miko-news-search{padding:0 6px!important}.miko-news-search span{display:none!important}
body.home .miko-saved-news-toggle,body.home .miko-member-account,body.home .miko-mobile-menu{flex-basis:36px!important;width:36px!important;min-width:36px!important;height:36px!important}
body.home .miko-breaking-wrap{width:calc(100% - 16px)!important}
body.home .miko-hero-copy{left:14px!important;right:14px!important;bottom:70px!important}.miko-hero-copy h1{font-size:20px!important;line-height:1.22!important}.miko-hero-copy p{display:none!important}
body.home .miko-category-tile{flex-basis:96px!important;min-width:96px!important}
body.home .miko-crypto-feature{min-height:235px!important}.miko-crypto-feature h3{font-size:17px!important}.miko-crypto-list a{grid-template-columns:86px minmax(0,1fr)!important}.miko-crypto-list img{width:86px!important}
body.home .mwr-home-media{height:240px!important}.mwr-home-media h3{font-size:18px!important}.mwr-home-media p{display:none!important}.mwr-home-play{left:80%!important;top:34%!important}
body.home .miko-newsletter-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;background:transparent!important;border:0!important}.miko-newsletter-form input{height:44px!important;border:1px solid #d7e1ee!important;border-radius:8px!important;padding:0 10px!important}.miko-newsletter-form button{width:100%!important;height:44px!important;border-radius:8px!important}
body.home .miko-footer-grid{grid-template-columns:minmax(0,1fr)!important}.miko-footer-brand{grid-column:auto!important}
}
@media(max-width:360px){
body.home .miko-news-search{display:flex!important}.miko-news-search input{font-size:10px!important}.miko-news-search input::placeholder{color:transparent!important}
body.home .miko-hero-card,body.home .miko-hero-track{height:338px!important}.miko-hero-copy h1{font-size:18px!important}
body.home .miko-home-main{width:calc(100% - 16px)!important}.miko-pinned-lead-media{height:225px!important}.miko-pinned-side-item{grid-template-columns:84px minmax(0,1fr)!important}.miko-pinned-side-media{height:62px!important}
}
/* final header account fit: keep badge and avatar inside every viewport */
body.home .miko-news-tools{min-width:0!important;max-width:100%!important;overflow:visible!important;flex-wrap:nowrap!important}
body.home .miko-saved-news-toggle{position:relative!important;overflow:hidden!important}
body.home .miko-saved-count{top:2px!important;right:2px!important;min-width:15px!important;height:15px!important;padding:0 4px!important;border:0!important;line-height:15px!important;font-size:8px!important;box-shadow:0 1px 4px rgba(222,35,62,.24)!important}
body.home .miko-member-account{overflow:hidden!important;justify-content:center!important}
body.home .miko-header-avatar{display:block!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:50%!important;overflow:hidden!important;background:#edf3f8!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #dce7f2!important}
body.home .miko-header-avatar img,body.home .miko-header-avatar-img{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;border:0!important;border-radius:50%!important;margin:0!important;padding:0!important}
@media(max-width:430px){body.home .miko-saved-count{top:1px!important;right:1px!important;min-width:14px!important;height:14px!important;line-height:14px!important;font-size:7px!important}body.home .miko-header-avatar{width:28px!important;height:28px!important;min-width:28px!important}}
@media(max-width:360px){body.home .miko-header-avatar{width:26px!important;height:26px!important;min-width:26px!important}}

/* Header menu clarity fix — desktop uses the "เพิ่มเติม" dropdown; this button is mobile/tablet only. */
@media(min-width:1025px){
  body.home .miko-mobile-menu{display:none!important}
}
@media(max-width:1024px){
  body.home .miko-mobile-menu{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    padding:0!important;
    color:#12385f!important;
    border:1px solid #d7e5f3!important;
    background:#fff!important;
    border-radius:11px!important;
    box-shadow:0 4px 12px rgba(20,55,90,.08)!important;
  }
  body.home .miko-menu-bars{
    display:flex!important;
    width:22px!important;
    height:17px!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-items:stretch!important;
  }
  body.home .miko-menu-bars i{
    display:block!important;
    width:100%!important;
    height:2.5px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#12385f!important;
    box-shadow:none!important;
  }
  body.home .miko-mobile-menu:hover{
    color:#0d66f6!important;
    border-color:#bcd5ff!important;
    background:#f2f7ff!important;
  }
  body.home .miko-mobile-menu:hover .miko-menu-bars i{background:#0d66f6!important}
}
@media(max-width:430px){
  body.home .miko-mobile-menu{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  body.home .miko-menu-bars{width:20px!important;height:15px!important}
}

/* MiKO logo motion — subtle glow, shimmer and gentle floating without layout shift. */
body.home .miko-news-brand{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}
body.home .miko-news-brand::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:4px!important;
  top:50%!important;
  width:96px!important;
  height:42px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(36,143,255,.18) 0%,rgba(36,143,255,.07) 42%,transparent 72%)!important;
  filter:blur(8px)!important;
  transform:translateY(-55%) scale(.95)!important;
  animation:mikoLogoAura 3.6s ease-in-out infinite!important;
  pointer-events:none!important;
}
body.home .miko-news-brand::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  left:-16px!important;
  top:0!important;
  width:22px!important;
  height:62px!important;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.12) 28%,rgba(255,255,255,.88) 50%,rgba(255,255,255,.10) 72%,transparent 100%)!important;
  filter:blur(.2px)!important;
  transform:skewX(-18deg)!important;
  opacity:0!important;
  animation:mikoLogoShine 4.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
body.home .miko-news-brand img{
  position:relative!important;
  z-index:1!important;
  transform-origin:48% 70%!important;
  filter:drop-shadow(0 4px 7px rgba(8,52,109,.10))!important;
  animation:mikoLogoFloat 3.4s ease-in-out infinite!important;
  transition:transform .22s ease,filter .22s ease!important;
}
body.home .miko-news-brand:hover img{
  transform:translateY(-2px) rotate(-1.3deg) scale(1.045)!important;
  filter:drop-shadow(0 7px 11px rgba(20,111,211,.20))!important;
}
body.home .miko-news-brand span{
  position:relative!important;
  z-index:3!important;
  transition:color .2s ease,transform .2s ease!important;
}
body.home .miko-news-brand:hover span{
  color:#245f9b!important;
  transform:translateX(2px)!important;
}
@keyframes mikoLogoFloat{
  0%,100%{transform:translateY(0) rotate(0) scale(1)}
  45%{transform:translateY(-1.5px) rotate(-.45deg) scale(1.012)}
  60%{transform:translateY(-1px) rotate(.35deg) scale(1.008)}
}
@keyframes mikoLogoAura{
  0%,100%{opacity:.45;transform:translateY(-55%) scale(.92)}
  50%{opacity:.88;transform:translateY(-55%) scale(1.08)}
}
@keyframes mikoLogoShine{
  0%,68%{left:-18px;opacity:0}
  73%{opacity:.7}
  86%{left:112px;opacity:.35}
  100%{left:128px;opacity:0}
}
@media(max-width:700px){
  body.home .miko-news-brand::after{height:50px!important}
  body.home .miko-news-brand::before{width:78px!important;height:34px!important}
}
@media(prefers-reduced-motion:reduce){
  body.home .miko-news-brand::before,
  body.home .miko-news-brand::after,
  body.home .miko-news-brand img{animation:none!important}
}

/* Smart contextual cover visuals are handled by miko-smart-news-effects.css. */