body > main.site-main {
  div.embed-calendar {
    a, a:hover { text-decoration: none; }
    background-color: hsl(var(--color-surface) / 0.15);
    min-width: max-content;
    width: fit-content;
    float: right;
    header {
      font-family: monospace;
      div.embed-calendar-nav {
        font-size: x-large;
        display: flex;
        justify-content: space-between;
        select {
          font-family: monospace;
          font-size: large;
          appearance: none;
          text-align: center;
        }
      }
    }
    table.embedded-campaign-setting-calendar {
      background-color: var(--shadow-color);
      font-family: monospace;
      thead {
      }
      tbody {
        th {
          padding: var(--spacing-half);
          border: var(--border-width) solid hsl(var(--color-border) / 0.5);
        }
        td {
          width: 4.125em;
          height: 4.125em;
          border: var(--border-width) solid hsl(var(--color-border) / 0.5);
          text-align: center;
          &:hover {
            background-color: hsl(var(--color-surface));
          }
          &.today {
            background-color: hsl(var(--color-surface) / 0.5);
          }
          div.phases {
            font-size-adjust: calc(0.5 * 0.75);
          }
        }
      }
    }
  }
}