.cal-year{margin:0 0 2rem}
.cal-year h2{margin:0 0 .6rem}.cal-year h2 small{font-size:.5em;font-weight:400;opacity:.65;margin-left:.5em}
.cal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
@media(max-width:600px){.cal-grid{grid-template-columns:repeat(4,1fr)}}
.cal-month{display:flex;flex-direction:column;align-items:center;padding:.6rem .2rem;border-radius:4px;text-decoration:none;border:1px solid rgba(128,128,128,.25)}
.cal-month.empty{opacity:.35}
.cal-count{font-size:.8em;opacity:.8}
.cal-month.lvl1{background:rgba(70,130,180,.12)}.cal-month.lvl2{background:rgba(70,130,180,.28)}
.cal-month.lvl3{background:rgba(70,130,180,.45)}.cal-month.lvl4{background:rgba(70,130,180,.65);color:#fff}
.cal-month.lvl4 .cal-name,.cal-month.lvl4 .cal-count{color:#fff}
a.cal-month:hover,a.cal-month:focus{outline:2px solid steelblue}
.month-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 1rem;padding-top:1rem;border-top:1px solid rgba(128,128,128,.25)}
.month-nav a{text-decoration:none}.month-nav .icon{width:1em;height:1em;vertical-align:-.15em}