div#post {

  h1.title {
    font-size: xx-large;
    margin: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
  }

  .source, .publish-info {
    font-size: smaller;
    color: #555;
  }

  .source {
    font-weight: bold;
  }
  
  .publish-info {
    padding-left: 0;
    margin: 0;
    list-style: none;

    li {
      margin: 0;
    }
  }

  content {
    p, table, ul, img {
      margin: 1em 0 !important;
      font-size: 20px;
    }

    table {
      border-collapse: collapse;
      
      td, th {
        border: 1px solid #ccc;
        padding: 0.5em;
      }
    }

    pre {
      white-space: pre-wrap;
      &:has(code) {
        padding: 1em;
        background: #f6f8fa;
        border-radius: 5px;
      }
    }
  
    @media (max-width: 600px) {
      p, table, ul, img {
        font-size: 16px;
      }
    }
  }

}