body {
    font-family: sans-serif;
    max-width: 30em;
    margin: 2em auto;
    padding: 0 1em;
    line-height: 1.4;
    color: #000;
    background: #fff;
}

a { color: #000; text-decoration: none; border-bottom: 1px solid #ccc; }
a:hover { border-bottom: 1px solid #000; }

.section-title {
    font-size: 1em;
    font-weight: bold;
    margin: 2em 0 0.5em 0;
}

dl { margin: 0; }
.post-item-wrapper { margin-bottom: 0.5em; display: block; }

dd { 
    margin: 0; 
    display: inline; 
    font-weight: bold;
}

dt { 
    margin: 0 0 0 2em; 
    display: block; 
    font-style: italic;
    color: #444;
}

.pagination { margin-top: 2em; display: flex; gap: 0.5em; }
.pagination-nav { padding: 2px 6px; border: 1px solid transparent; }
.pagination-nav.active { border: 1px solid #000; font-weight: bold; }
.pagination-nav:hover { border: 1px solid #ccc; }

.search-container { margin: 1em 0; }
#search-input { 
    font-family: monospace; 
    border: 1px solid #000; 
    padding: 4px; 
    width: 100%; 
    box-sizing: border-box; 
}

.site-header h1 { font-size: 1.2em; margin-bottom: 0.5em; }
.post-footer {
    margin-top: 3em;
    text-align: right;
    font-style: italic;
    font-size: 0.9em;
    color: #666;
}

.site-footer {
    margin-top: 4em;
    border-top: 1px solid #eee;
    padding-top: 1em;
    font-size: 0.8em;
}


pre,
.highlight {
  padding: .25rem 1rem;
  margin: 0 -1rem;
  overflow-x: auto;
  background-color: #272822;
}

pre code,
.highlight pre code {
  color: #f8f8f2;
  background-color: #272822;
}