/* TimeNivo advertising inventory layout and responsive hero clock sizing. */
.home-view .hero-clock-card .clock-time{
  font-size:clamp(36px,3.6vw,52px)!important;
  letter-spacing:-.045em;
  max-width:100%;
}

@media (min-width:1320px){
  .home-view .layout{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr) 220px!important;
    grid-template-areas:"home-navigation home-workspace home-advertising"!important;
    gap:14px!important;
  }
  .home-view .side-nav{
    display:block!important;
    grid-area:home-navigation!important;
    width:220px!important;
    max-width:220px!important;
    min-width:0!important;
  }
  .home-view .main-col{
    grid-area:home-workspace!important;
    width:100%!important;
    min-width:0!important;
  }
  .home-view .right-rail{
    display:block!important;
    grid-area:home-advertising!important;
    width:220px!important;
    min-width:220px!important;
  }
}
@media (min-width:981px) and (max-width:1319px){
  .home-view .layout{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-areas:"home-navigation home-workspace"!important;
    gap:14px!important;
  }
  .home-view .side-nav{grid-area:home-navigation!important;width:220px!important;max-width:220px!important}
  .home-view .main-col{grid-area:home-workspace!important;width:100%!important;min-width:0!important}
  .home-view .right-rail{display:none!important}
}