.markdown-body{
    margin-top: 1rem;
}

h2.card-title {
    text-decoration:none;
    border: none;
    color: var(--fg);
}

.article-post img{ max-width: 100%}

.markdown-body h1.title {padding-bottom: 0px}

pre {
    line-height: 1.4;
    font-size: 75%;
    background-color: #f5f5f5;
    padding: 1em;
}

.nowrap{
    white-space: nowrap;
}

.teaser img {width: 300px}

    .layout {
      display: flex;
      gap: 1rem;
    }

    .content{
      flex: 2;
    }

    .teaser{
      flex: 1;
    }
    
    @media (max-width: 1024px) {
      .layout {
        flex-direction: column;
      }
      .content,
      .teaser{
        flex: none;
      }
    }
    h2.card-title{
        margin-top: 0px;
    }


.nowrap {
  overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hide{
  display:none;
}

#search {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

#search input {
  width: 100%;
  padding: 6px 8px;
  font-size: 16px;
  border: 2px solid #ddd;
  border-radius: 8px;
  transition: border-color 0.2s;
}

#search:focus input{
  outline: none;
  border-color: #4a90e2;
}