/* pine */

body {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  background: #fff;
  margin: 0;
}

#wrap {
  max-width: 800px;
  margin: 0 auto;
  padding: 8px;
}

a { color: #00008b; }
a:visited { color: #551a8b; }

h1, h2, h3, h4 { font-weight: bold; }

hr { border: none; border-top: 1px solid #000; margin: 4px 0; }

#header { margin-bottom: 4px; }
#header h1 { font-size: 1.4rem; display: inline; }
#header h1 a { text-decoration: none; color: #000; }

#nav { display: inline; font-size: 0.9rem; margin-left: 12px; }
#nav a {
  color: #00008b;
  text-decoration: underline;
}

/* ---- home columns ---- */
#home-columns { display: flex; gap: 16px; min-height: calc(100vh - 40px); }
#home-main { flex: 1 1 0; min-width: 0; }
#home-sidebar { flex: 0 0 160px; font-size: 0.85rem; border-left: 1px solid #000; padding-left: 8px; }
.sidebar-section { margin-bottom: 10px; }
.sidebar-section a { display: block; }

/* ---- tags ---- */
a.tag { font-size: 0.85rem; }
.preview-tags { font-size: 0.8rem; color: #555; }

/* ---- post list ---- */
.post-preview { margin-bottom: 8px; }
.post-preview h2 { font-size: 1rem; display: inline; }
.post-preview h2 a { text-decoration: underline; }
.post-meta { font-size: 0.8rem; color: #555; display: inline; margin-left: 6px; }
.post-preview p { margin: 2px 0; }
.readmore { font-size: 0.85rem; }

/* ---- article ---- */
#article-wrap h2 { font-size: 1.2rem; margin-bottom: 4px; }
.post-meta-block { font-size: 0.85rem; color: #555; margin-bottom: 8px; }
#article-body p { margin-bottom: 0.7em; }
#article-body h1, #article-body h2, #article-body h3 { margin: 0.8em 0 0.3em; }
#article-body ul, #article-body ol { margin: 0.3em 0 0.7em 1.2em; }
#article-body blockquote {
  border-left: 2px solid #aaa;
  margin: 0.5em 0 0.5em 1em;
  padding-left: 0.6em;
  color: #444;
}
#article-body code {
  font-family: "Courier New", Courier, monospace;
  font-size: 0.9em;
  background: #eee;
}
#article-body pre {
  background: #eee;
  padding: 6px;
  overflow-x: auto;
  margin-bottom: 0.7em;
}
#article-body pre code { background: none; }