.clock-widget {
  width: 100%;
  height: 100%;
  min-height: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  overflow: hidden;
  padding: 1rem 2.4rem;
  color: #f5f7f6;
  background: #07100f;
  border: 1px solid var(--luminio-widget-border, #293534);
  border-radius: 0;
  box-shadow: inset 0 0 40px rgba(0, 180, 125, .04);
  text-align: center;
}
.clock-widget__icon { color: #1dc293; font-size: clamp(1.3rem, 2vw, 2rem); line-height: 1; }
.clock-widget__heading { color: #21ba90; font-size: clamp(.72rem, .9vw, 1rem); font-weight: 700; letter-spacing: .11em; white-space: nowrap; }
.clock-widget__time { font-variant-numeric: tabular-nums; font-size: clamp(2rem, 4vw, 4.8rem); font-weight: 700; line-height: 1.1; white-space: nowrap; }
.clock-widget__date { font-size: clamp(.76rem, 1vw, 1.1rem); white-space: nowrap; }
.clock-widget__source { margin-top: .4rem; color: #788d87; font-size: clamp(.62rem, .72vw, .8rem); white-space: nowrap; }