/* GitHub-style contribution calendars for History overview. */
.gh-calendar-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  padding:1px 0 2px;
}
.gh-calendar-scroll::-webkit-scrollbar{display:none}

.gh-calendar{
  --cell:14px;
  --gap:3px;
  --label:34px;
  width:max-content;
  min-width:0;
  margin:0 auto;
  color:var(--muted);
}
.gh-calendar-month-line,
.gh-calendar-body{
  display:grid;
  grid-template-columns:var(--label) max-content;
  column-gap:8px;
}
.gh-calendar-month-line{margin-bottom:5px}
.gh-calendar-label-spacer{display:block;width:var(--label)}
.gh-calendar-months{
  display:grid;
  grid-template-columns:repeat(53,var(--cell));
  column-gap:var(--gap);
  height:16px;
  font-size:10.5px;
  line-height:1;
  user-select:none;
}
.gh-calendar-months span{
  width:var(--cell);
  overflow:visible;
  white-space:nowrap;
}
.gh-calendar-weekdays{
  display:grid;
  grid-template-rows:repeat(7,var(--cell));
  row-gap:var(--gap);
  align-items:center;
  width:var(--label);
  font-size:10.5px;
  line-height:1;
  text-align:right;
  user-select:none;
}
.gh-calendar-grid{
  display:grid;
  grid-template-rows:repeat(7,var(--cell));
  grid-template-columns:repeat(53,var(--cell));
  grid-auto-flow:column;
  gap:var(--gap);
  width:max-content;
}
.gh-calendar-cell{
  display:block;
  width:var(--cell);
  height:var(--cell);
  border-radius:3px;
  background:var(--paper-soft);
  border:1px solid color-mix(in srgb,var(--line) 84%,transparent);
}
.gh-calendar-cell.is-active,
.gh-calendar-cell.level-1,
.gh-calendar-cell[data-active="true"]{
  background:var(--accent-strong);
  border-color:transparent;
}
.gh-calendar-cell.is-future{visibility:hidden}

/* LifeHub is binary: a routine happened that day or it did not. */
.routine-activity-year .activity-cell.level-1,
.routine-activity-year .activity-cell.level-2,
.routine-activity-year .activity-cell.level-3{
  background:var(--accent-strong);
  border-color:transparent;
}

/* Keep the routine card closer to GitHub's compact contribution panel. */
.activity-routine-card{padding:18px 20px 15px}
.activity-routine-head{margin-bottom:14px}
.activity-routine-card[data-github-calendar="1"] .activity-routine-meta{align-self:flex-start;padding-top:3px}

@media(max-width:1080px){
  .gh-calendar{--cell:12px;--gap:3px;--label:31px;margin:0}
  .gh-calendar-months,.gh-calendar-weekdays{font-size:9.5px}
}

@media(max-width:680px){
  .gh-calendar{--cell:11px;--gap:3px;--label:29px;margin:0}
  .gh-calendar-months,.gh-calendar-weekdays{font-size:9px}
  .gh-calendar-month-line,.gh-calendar-body{column-gap:6px}
  .activity-routine-card{padding:14px 14px 13px}
}