<style>
  body {
    max-width: 800px;
    margin: 0 auto 0 auto;
  }

  hr {
    background-color: #ccc;
  }

  .header-anchor {
    opacity: 0.5;
    display: inline-block;
  }

  .tag {
    font-family: monospace;
    font-size: 70%;
    background-color: lightgray;
    color: black;
    padding: 3px;
    border-radius: 5px;
  }

  .TODO {
    color: brown;
  }

  .DOING {
    color: yellowgreen;
  }

  .WAITING, .MEETING {
    color: orange;
  }

  .INACTIVE {
    color: gray;
  }

  .NEXT {
    color: red;
  }

  .CANCELLED, .DONE, .WONTFIX {
    color: green;
  }

  pre, code {
    background-color: #ddd;
    border-radius: 5px;
    padding: 5px;
  }

  pre > code {
    overflow: auto;
    white-space: pre;
  }

  @media(prefers-color-scheme: dark) {
    :root {
      color: white;
      background-color: black;
    }

    a {
      color: hsl(211, 100%, 60%);
    }

    a:visited {
      color: hsl(242, 100%, 80%);
    }

    pre, code {
      background-color: #222;
    }
  }
</style>