:root {
  --primary:  #0ba14b;
  --second:  #ec3326;
}
.navbar-logo, .navbar-logo img {max-width: 100px;}
.brand{font-weight:700;text-decoration:none}
.card{padding:16px;border:1px solid #eee;border-radius:12px;margin:12px 0; background: #f5f5f5;}
.card h2{margin:0 0 6px}
.post .featured{max-width:100%;height:auto;border-radius:12px;margin:12px 0}
.pager{display:flex;gap:12px;align-items:center;justify-content:center;margin:24px 0}
.thumb, .thumb img {width: 100%;}
nav.navbar {position: fixed; z-index: 99; width: 100%; background: #fff; top: 0;}
.mt100 {margin-top: 100px !important;}


.post {
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.7;
}
.post h1 {
  font-size: 1.8em;
  margin-bottom: 0.2em;
}
.post time {
  color: #888;
  font-size: 0.9em;
}
.post .featured {
  margin: 16px 0;
  text-align: center;
}
.post .featured img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}
.post .content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 12px 0;
}
.post .meta {
  border-top: 1px solid #eee;
  margin-top: 24px;
  padding-top: 12px;
  font-size: 0.9em;
  color: #666;
}

.card .text h2, .card .text h2 a {color: var(--second); font-size: 14px; line-height: 1.5rem;}
.card .text time {color: #b3a6a6;}
.card .text p {line-height: 1.5rem; margin-top: 10px;}

#the-post h1 {font-size: 20px;}
#the-post H2 {font-size: 16px;}
#the-post p {}