/* v0126: readable hour ticks and a complete, compact six-week month. */
.app-shell .schedule .time-axis,
.app-shell .personal-axis > div {
  position: relative;
  display: block;
}

.app-shell .schedule .time-axis span,
.app-shell .personal-axis b {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 38px;
  box-sizing: border-box;
  border-left: 0;
  transform: translateX(-50%);
  text-align: center;
}

.app-shell .schedule .time-axis span:first-child,
.app-shell .personal-axis b:first-child {
  transform: none;
  text-align: left;
  padding-left: 4px;
}

.app-shell .schedule .time-axis span:last-child,
.app-shell .personal-axis b:last-child {
  transform: translateX(-100%);
  text-align: right;
  padding-right: 4px;
}

.app-shell .month-board .month-grid {
  grid-auto-rows: minmax(88px, auto);
}

.app-shell .month-board .month-day {
  min-height: 88px;
  padding: 5px;
}

.app-shell .month-board .month-day.outside {
  background: #f3f5f2;
}

.app-shell .month-board .month-day.outside > b {
  color: #98a29b;
}

.app-shell .month-board .month-item {
  padding: 4px 6px;
}

.app-shell .month-board .month-item span {
  margin-top: 1px;
}