/* Premium Markets Skin */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap');

:root{
  --navy:#0b1530; --ink:#0f172a; --muted:#64748b; --saff:#f59e0b; --saff2:#fbbf24; --line:rgba(15,23,42,.12);
  --up:#16a34a; --down:#dc2626;
}

/* Typography & base */
.eb-markets{ font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif; }

/* Mast */
.eb-markets.v2 .mast{ background:radial-gradient(1200px 500px at 20% -10%, #1f3a8a 0%, #0b1530 60%); color:#e8efff; padding:36px 0 }
.eb-markets.v2 .mast .wrap{ display:flex; align-items:center; justify-content:space-between; gap:18px }
.eb-markets.v2 .mast h1{ font-size:42px; line-height:1.1; letter-spacing:-.02em; margin:0 }
.eb-markets.v2 .mast h1 span{ color:#8fb8ff }
.eb-markets.v2 .mast .sub{ margin:6px 0 0; opacity:.9; max-width:720px }
.eb-markets.v2 .mast .cta{ background:linear-gradient(90deg,var(--saff),var(--saff2)); color:#111; font-weight:900; padding:10px 16px; border-radius:12px; box-shadow:0 14px 40px rgba(245,158,11,.28) }

/* Sticky subnav */
.subnav{ position:sticky; top:0; z-index:40; backdrop-filter:saturate(140%) blur(8px);
  background:rgba(255,255,255,.7); border-bottom:1px solid rgba(15,23,42,.06) }
.subnav .wrap{ max-width:1200px; margin:auto; padding:8px 18px; display:flex; gap:16px; overflow:auto }
.subnav a{ font-weight:800; color:#1f2937; padding:6px 10px; border-radius:999px; white-space:nowrap }
.subnav a:hover{ background:#eef2ff }

/* Live ticker */
.tickerbar{ background:#0b1530; color:#e8efff; border-bottom:1px solid rgba(255,255,255,.08) }
.tickerbar .wrap{ max-width:1200px; margin:auto; padding:6px 18px; display:flex; align-items:center; gap:12px; overflow:hidden }
.ticker-label{ display:flex; align-items:center; gap:6px; background:#f59e0b; color:#111; font-weight:900; padding:4px 10px; border-radius:10px }
.ticker-label .dot{ width:8px; height:8px; border-radius:999px; background:#16a34a; box-shadow:0 0 0 0 rgba(22,163,74,.8); animation:pulse 1.8s infinite }
@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(22,163,74,.7)} 70%{box-shadow:0 0 0 10px rgba(22,163,74,0)} 100%{box-shadow:0 0 0 0 rgba(22,163,74,0)} }
.ticker-track{ list-style:none; padding:0; margin:0; display:flex; gap:28px; white-space:nowrap; animation:ticker 40s linear infinite }
.ticker-track li a{ color:#e8efff; font-weight:700 }
.tickerbar:hover .ticker-track{ animation-play-state:paused }
@keyframes ticker{ 0%{ transform:translateX(0)} 100%{ transform:translateX(-50%)} }

/* Layout guardrails & sticky sidebar */
.eb-markets .layout{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px }
@media (min-width:1280px){ .eb-markets .layout{ grid-template-columns:minmax(0,1fr) 280px } }
@media (max-width:1100px){ .eb-markets .layout{ grid-template-columns:1fr } .eb-markets .side{ order:2 } }
.eb-markets .side{ position:sticky; top:76px; align-self:start; display:flex; flex-direction:column; gap:16px }

/* Bands – full width strips */
.band{
  grid-column:1 / -1;
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 14px 44px rgba(2,6,23,.06);
  padding:14px 16px;
  display:block;
  margin:12px 0;
}
.band + .band{ margin-top:14px }

/* Headline band (Nifty) */
.band.headline.nifty{ display:flex; align-items:center; gap:16px; justify-content:space-between }
.band.headline .label{ font-weight:900; font-size:16px; color:#0f172a }
.band.headline .value{ display:flex; align-items:baseline; gap:10px }
.band.headline .now{ font-size:26px; font-weight:900; letter-spacing:-.01em }
.band.headline .chg{ font-weight:900 }
.band.headline .up{ color:var(--up) } .band.headline .down{ color:var(--down) }
.band.headline .minis{ display:flex; gap:14px; flex-wrap:wrap; color:#334155; font-weight:700 }
.band.headline .minis b{ font-weight:900 }

/* Hero news mosaic */
.hero-news .hero-grid{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:14px }
.hero-card{ border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 12px 36px rgba(2,6,23,.06) }
.hero-card.big{ grid-column:1 / span 1; grid-row:1 / span 2 }
.hero-card .imgwrap{ height:180px; background:#f1f5f9 }
.hero-card.big .imgwrap{ height:100% }
.hero-card img{ width:100%; height:100%; object-fit:cover; display:block }
.hero-text{ padding:12px 12px 14px }
.hero-text .kicker{ display:inline-block; font-size:12px; font-weight:900; color:#2563eb; background:#eef2ff; padding:3px 8px; border-radius:999px; margin-bottom:6px }
.hero-text h3{ margin:.25rem 0 .25rem; font-size:18px; font-weight:900; letter-spacing:-.01em }
.hero-text .by{ color:#64748b; font-size:12px }
@media (max-width:1100px){ .hero-news .hero-grid{ grid-template-columns:1fr 1fr } .hero-card.big{ grid-row:auto } }
@media (max-width:640px){ .hero-news .hero-grid{ grid-template-columns:1fr } .hero-card .imgwrap{ height:160px } }

/* Indices */
.indices-grid{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px }
.index{ border:1px solid var(--line); border-radius:12px; padding:10px; background:#f8fafc }
.index .name{ font-weight:900; font-size:13px }
.index .val{ font-weight:900; margin-top:4px }
.index .chg.up{ color:var(--up); font-weight:900 }
.index .chg.down{ color:var(--down); font-weight:900 }

/* Tiles */
.tiles{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:16px 0 10px }
@media (min-width:1280px){ .tiles{ grid-template-columns:repeat(4,1fr) } }
.tile{
  display:flex; gap:12px; background:#ffffff; border:1px solid var(--line);
  border-radius:14px; padding:14px; box-shadow:0 14px 36px rgba(2,6,23,.06); transition:transform .2s ease, box-shadow .2s ease
}
.tile:hover{ transform:translateY(-2px); box-shadow:0 18px 50px rgba(2,6,23,.10) }
.tile .ic{ width:42px; height:42px; border-radius:10px; background:#e8efff; display:grid; place-items:center }
.tile h3{ margin:0 0 4px; font-size:16px; font-weight:900 }
.tile p{ margin:0; color:#6b7280; font-size:13px }

/* Nifty snapshot table */
.news-table{ width:100%; border-collapse:separate; border-spacing:0; border:1px solid var(--line); border-radius:14px; overflow:hidden }
.news-table thead th{ background:#f8fafc; font-size:12px; color:#64748b; text-align:left; padding:8px 10px }
.news-table tbody td{ padding:10px; border-top:1px solid var(--line) }
.news-table .up{ color:var(--up); font-weight:800 }
.news-table .down{ color:var(--down); font-weight:800 }
.news-table .muted{ color:#64748b; font-weight:700 }

/* Trending scroller */
.scroller .scroll{ display:flex; gap:12px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none }
.scroller .scroll::-webkit-scrollbar{ display:none }
.pill2{ white-space:nowrap; border:1px solid var(--line); background:#fff; border-radius:999px; padding:8px 12px; font-weight:800; display:flex; gap:8px; align-items:center }
.pill2 .up{ color:var(--up); font-weight:900 } .pill2 .down{ color:var(--down); font-weight:900 }

/* Cards & sections */
.eb-markets .card{ background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:0 10px 36px rgba(2,6,23,.05); padding:16px }
.eb-markets .section{ scroll-margin-top:80px }
.eb-markets .head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px }
.eb-markets .head h2{ margin:0; font-size:22px; font-weight:900; letter-spacing:-.01em }
.eb-markets .meta{ color:#64748b; font-size:12px }

/* Heatmap */
.heatmap{ display:grid; grid-template-columns:repeat(8,1fr); gap:10px }
.heatmap .cell{ height:64px; border-radius:10px; display:grid; place-items:center; font-weight:900; color:#0b1530 }
.heatmap .cell.up{ background:#dcfce7 } .heatmap .cell.down{ background:#fee2e2 } .heatmap .cell.flat{ background:#f1f5f9 }
@media (max-width:1100px){ .heatmap{ grid-template-columns:repeat(4,1fr) } }
@media (max-width:640px){ .heatmap{ grid-template-columns:repeat(2,1fr) } }

/* Bullets + why */
.bullets{ margin:8px 0 8px 18px }
.why{ margin-top:8px; background:#eff6ff; border:1px dashed rgba(37,99,235,.25); border-radius:12px; padding:10px 12px; font-style:italic }

/* Grids */
.grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px }
.grid2{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px }
@media (max-width:1024px){ .grid3{ grid-template-columns:1fr 1fr } }
@media (max-width:640px){ .grid3, .grid2{ grid-template-columns:1fr } }

/* Briefs */
.brief .tag{ display:inline-block; font-size:12px; background:#e2e8f0; color:#111; padding:3px 8px; border-radius:999px; margin-bottom:6px; font-weight:800 }
.brief h3{ margin:.2rem 0 .2rem; font-size:16px; font-weight:900 }
.brief p{ margin:.12rem 0; color:#1f2937 }

/* Article cards */
.article-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px }
.article-card{ border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 12px 36px rgba(2,6,23,.06) }
.article-card img{ width:100%; height:180px; object-fit:cover; display:block }
.article-card h3{ margin:10px; font-size:16px; font-weight:900 }
.article-card .meta{ margin:0 10px 12px; color:#64748b; font-size:12px }
@media (max-width:1024px){ .article-grid{ grid-template-columns:1fr 1fr } }
@media (max-width:640px){ .article-grid{ grid-template-columns:1fr } }

/* Sidebar widgets */
.side .widget h3{ font-size:18px; font-weight:900 }
.watchlist{ list-style:none; padding:0; margin:0 }
.watchlist li{ display:flex; justify-content:space-between; padding:6px 0; border-top:1px solid var(--line) }
.watchlist .up{ color:var(--up); font-weight:900 } .watchlist .down{ color:var(--down); font-weight:900 }
.kv{ display:flex; align-items:flex-end; justify-content:space-between; margin:4px 0 8px }
.big{ font-size:22px; font-weight:900 }
.delta.up{ color:var(--up); font-weight:900 } .delta.down{ color:var(--down); font-weight:900 }
.spark{ height:80px; background:#f8fafc; border:1px dashed var(--line); border-radius:12px }
.stats{ list-style:none; padding:0; margin:10px 0 0 }
.stats li{ display:flex; justify-content:space-between; padding:6px 0; border-top:1px solid var(--line) }
.stats li span{ color:#64748b }
.links{ list-style:none; padding:0; margin:0 }
.links li{ padding:6px 0; border-top:1px solid var(--line) }
.sub{ display:flex; gap:8px; margin-top:8px }
.sub input{ flex:1; border:1px solid var(--line); border-radius:10px; padding:8px }
.sub button{ background:linear-gradient(90deg,var(--saff),var(--saff2)); border:none; padding:8px 12px; border-radius:10px; font-weight:900 }

/* Clean tiles-band chrome */
.tiles-band{ border:none; box-shadow:none; padding:0 }
.tiles-band .head{ padding:12px 2px 6px 2px }
.tiles-band .tiles{ padding:0 2px 14px 2px }