/* =========================================================
   CLOCK TYPOGRAPHY
========================================================= */
.time{
  font-size:64px;
  font-weight:300;
  letter-spacing:1px;
  line-height:1.1; /* verhindert vertikales Springen */
}

.date{
  margin-top:6px;
  font-size:17px;
  color:var(--muted);
  line-height:1.2;
}

.greeting{
  margin-top:18px;
  font-size:22px;
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1.2;
}

.period{
  margin-top:6px;
  font-size:14px;
  color:var(--muted);
  line-height:1.2;
}

/* =========================================================
   ICONS
========================================================= */
.icon{
  font-size:22px;
  color:var(--accent);

  /* iframe rendering fix */
  transform: translateZ(0);
}