.n24-live-dashboard{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:20px;
  max-width:1280px;
  margin:28px auto;
  padding:0 18px;
}

.n24-live-box{
  background:#fff;
  border:1px solid #e4e7ec;
  border-radius:18px;
  padding:20px;
  box-shadow:0 8px 26px rgba(16,24,40,.06);
}

.n24-live-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.n24-live-kicker{
  display:block;
  color:#c3122f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.n24-live-head h2{
  margin:0;
  color:#101828;
  font-size:24px;
}

.n24-live-refresh{
  min-height:38px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}

.n24-market-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.n24-market-card{
  padding:15px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid #edf0f3;
}

.n24-market-symbol{
  display:block;
  color:#667085;
  font-size:11px;
  font-weight:800;
  margin-bottom:9px;
}

.n24-market-card strong{
  display:block;
  color:#101828;
  font-size:20px;
  margin-bottom:6px;
}

.n24-market-card small{
  color:#198754;
  font-weight:800;
}

.n24-weather-content{
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:end;
}

.n24-weather-city{
  display:block;
  color:#667085;
  font-size:13px;
  margin-bottom:8px;
}

.n24-weather-main strong{
  display:block;
  font-size:54px;
  line-height:1;
  color:#101828;
}

.n24-weather-main p{
  margin:10px 0 0;
  color:#667085;
}

.n24-weather-details{
  display:grid;
  gap:10px;
}

.n24-weather-details>div{
  min-width:110px;
  padding:12px;
  border-radius:12px;
  background:#f8fafc;
}

.n24-weather-details span{
  display:block;
  color:#98a2b3;
  font-size:11px;
  margin-bottom:5px;
}

.n24-weather-details strong{
  color:#101828;
}

@media(max-width:1000px){
  .n24-live-dashboard{
    grid-template-columns:1fr;
  }

  .n24-market-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .n24-live-dashboard{
    padding:0 12px;
  }

  .n24-market-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .n24-weather-content{
    grid-template-columns:1fr;
    align-items:start;
  }

  .n24-weather-details{
    grid-template-columns:1fr 1fr;
  }
}